Jump to content


Photo

Woven photo


  • Please log in to reply
14 replies to this topic

#1 Iwonder_who

Iwonder_who
  • Members
  • 41 posts
  • Reputation:0

Posted 16 July 2011 - 07:49 AM

I came across this technique and decided to have a go at it in pdn. I love the results and thought you might too! Your result should be this
Posted Image

Posted Image
First thing we will do is open our image and add a new layer. To this layer we are going to add a grid (render...grid). This grid should be even across the image and start and end gridlines at all edges. You need to mark your grid to show foreground only. I try and keep the grid lines to a managable level but you can use as many as you wish.

Using this grid we are going to copy strips of vertical and horizontal rows and columns into new layers.

Posted Image

Having your active layer on the original image and using the grid as a guide, copy and paste double strips into new layers. In between each double strip leave a single strip.

Posted Image

Each new strip will need to be labeled vertical strip 1...2 etc, same for horizontal. You will end up with layers looking like this.

Posted Image

When you have all your strips you will need to add a drop shadow to each in turn. Width I used is 7 and Blur 10 with axis both on zero. Change this according to your personal preferences. (On doing more of these I can see you can merge all the vertical strips into 1 layer and the horizontal as well, this will give you less layers to struggle with)

Posted Image

After you have applied all your drop shadows you will have something resembling this.

Posted Image

This is where you will have to select sections from each strip to copy and paste into new layers over the top of the opposing layer. I like to start at the focal point and choose a section on a horizontal layer to lay over a vertical layer.


Copy from the horizontal layer and then paste into a new layer postioned above the appropriate vertical layer. (These "over strips" can also be placed in one layer at the top of your layer list if you wish) Do this as you look at your image alternating an under over weave pattern.
Posted Image

When copying choose rectangle select and start and end in the middle of the cut out squares.






Posted Image
You will notice that each time you paste a section over that part of the drop shadow duplicates along with it. Clean this up by cutting away excess shadow sections.


You can then flatten your image and add a background layer colour etc or as I did a border around the image.

Have fun.

Edited by Iwonder_who, 17 July 2011 - 01:27 PM.


#2 pdnnoob

pdnnoob

    Paint.NET's Rabbi for 2012

  • Moderators
  • 1,802 posts
  • Reputation:91

Posted 16 July 2011 - 11:52 AM

Cool effect with a very well-written tutorial to match, though I wonder why you didn't just use the weave plugin...
Posted Image
what I do all summer Emote Cursor Pack Paint Job Competition 'noob gallery
No, Paint.NET is not spyware...but, installing it is an IQ test. ~BoltBait
Blend modes are like the filling in your sandwich. It's the filling that can change your experience of the sandwich. ~Ego Eram Reputo

#3 Iwonder_who

Iwonder_who
  • Members
  • 41 posts
  • Reputation:0

Posted 16 July 2011 - 01:34 PM

Well that would be because I love reinventing the wheel! :/ Or probably truthfuly that I had no idea there was such a thing! Sorry... cant see where to remove the post now.... how do I do that?

#4 welshblue

welshblue

    King of Paint.NET for 2012

  • Competition Hosts
  • 4,249 posts
  • Reputation:206

Posted 16 July 2011 - 03:37 PM

This is slightly different to the Weave plug-in. I like the way the white background shows through, plus there's the potential for people to make various size strips/ panels to give it an altogether different look.

Posted Image


Gallery



4 April



#5 pdnnoob

pdnnoob

    Paint.NET's Rabbi for 2012

  • Moderators
  • 1,802 posts
  • Reputation:91

Posted 16 July 2011 - 03:42 PM

The plugin isn't exactly the same as your tutorial. What it does is paste a black and transparent overlay over the image that makes it appear to be woven. If you use the plugin, you don't get the transparent holes and you can't do things like this:
http://i758.photobuc...C00509woven.jpg
^made with your tutorial :D
Posted Image
what I do all summer Emote Cursor Pack Paint Job Competition 'noob gallery
No, Paint.NET is not spyware...but, installing it is an IQ test. ~BoltBait
Blend modes are like the filling in your sandwich. It's the filling that can change your experience of the sandwich. ~Ego Eram Reputo

#6 Moninca

Moninca
  • Members
  • 129 posts
  • Reputation:5

Posted 16 July 2011 - 08:57 PM

Oh wow, nicely done pdnnoob! I've got to try this tut out myself.....

#7 Iwonder_who

Iwonder_who
  • Members
  • 41 posts
  • Reputation:0

Posted 17 July 2011 - 02:28 AM

Oh Thanks pdnnoob I dont feel quite so stupid now...

I love the way yours looks and it certainly opens up different avenues for effects on each strip and the overal effects as well.

#8 barbieq25

barbieq25
  • Members
  • 4,262 posts
  • LocationQueensland, Australia
  • Reputation:106

Posted 17 July 2011 - 01:21 PM

The plugin is quite useful but the tute allows greater flexibility & encourages thinking outside the box/creativity. I think you've done a great job with it. I will give it a whirl too.

Sig2.png


Knowledge is no burden to carry.

 

April Jones, 2012

 

Gallery

My DA Gallery


#9 Iwonder_who

Iwonder_who
  • Members
  • 41 posts
  • Reputation:0

Posted 17 July 2011 - 01:32 PM

Posted Image

Thanks for the inspiration pdnnoob.... same setting different effect....

#10 Moninca

Moninca
  • Members
  • 129 posts
  • Reputation:5

Posted 18 July 2011 - 01:55 AM

This is what I came up with. It's a vacation photo from a Botanical Gardens we visited in Africa.
Posted Image

#11 TomTheTroll

TomTheTroll
  • Newbies
  • 9 posts
  • Reputation:0

Posted 20 July 2011 - 02:02 PM

This is my outcome;


Posted Image

Check me out on Deviantart! Just Click Here!

#12 Bob11

Bob11
  • Members
  • 49 posts
  • Reputation:0

Posted 23 July 2011 - 04:56 AM

I enjoyed doing this tutorial. The directions were clear so even a beginner like me could follow along (albeit not easily). I also like the results.






Posted Image Thanks for posting this tut.

Edited by Bob11, 25 July 2011 - 06:20 AM.


#13 Iwonder_who

Iwonder_who
  • Members
  • 41 posts
  • Reputation:0

Posted 24 July 2011 - 04:24 AM

Thank you guys, enjoyed seeing your results and hearing how people enjoy trying it.

Just an aside, Tom the Troll, a couple of things that will help....

  • Your photo is way too big for the forum, might want to save a smaller version for the forum :-)
  • When you look at the negative spaces behind the weaves you will see the doubling of the shadows..... as mentioned in the last steps you need to elminate the doubling by selecting the shape deleting before you flatten your image.


#14 dynojuggler

dynojuggler
  • Members
  • 29 posts
  • LocationOakland, MD (a.k.a. The Boonies)
  • Reputation:1

Posted 25 July 2011 - 03:49 PM

Thanks for the fun tut!
Here is my go at it...
Posted Image
Posted Image

#15 barbieq25

barbieq25
  • Members
  • 4,262 posts
  • LocationQueensland, Australia
  • Reputation:106

Posted 25 July 2011 - 10:18 PM

Thanks for the fun tut!
Here is my go at it...
Posted Image

A very cool outcome!

Sig2.png


Knowledge is no burden to carry.

 

April Jones, 2012

 

Gallery

My DA Gallery