Sign in to follow this  
Followers 0
spongey437

Popping out of a picture

307 posts in this topic

This is my first attempt at a tutorial, so bear with me. I hadnt seen anyone do anything like this and saw it on a photoshop tutorial and decided to see if I could do it in PdN.

It will create an effect that will make it look like something is walking right out of a picture, like this:

pic11.jpg

First, find a picture where it will look natural for somethign to be coming out of the picture - in this case I am using this picture of an iguana:

pic1.jpg

Duplicate the layer so you have two layers that are the picture

pic2.jpg

Next create a new layer and create a shape similar to what I have here. This is going to be the frame of the picture, so the parts you want to be coming out of the picture should be out of this box. The shape gives the picture a somewhat 3d appearance.

pic3.jpg

Select the black box and then select the second picture layer. Invert the selection and hit delete so all that remains is the picture that is in the shape of the box.

pic4.jpg

Move this layer above the black box layer. Then select the black box layer and use the magic wand to select the box. You can then use the "move selection" tool to elongate the box so that it creates a white frame around the picture.

pic5.jpg

Once this is done you can then merge these two layers together so you should now have a layer that has the whole picture on it and one that has a framed out chunk of the picture.

pic6.jpg

Move the whole picture layer on top of the framed picture layer and then hit F4 and change the opacity to 150. This will allow you to see the framed picture underneath the whole picture to use as a guide.

pic7.jpg

Then use the lasso tool to select the parts that are out of the picture, making sure that you are going all the way to the picture so that none of the white line shows. You can hold down CTRL and select more than one area - on this I selected the head and the foot.

pic8.jpg

Once you have the sections selected, invert the selection and delete everything else in teh top layer. Then go in and change the opacity of the layer back to 255.

pic9.jpg

On mine I then flattened out the image and changed the background to black so you could see the white border of the picture better.

pic10.jpg

And again, here is the finished product.

pic11.jpg

Best of luck

0

Share this post


Link to post
Share on other sites

This is a very nice tutorial, but may I offer a suggestion? When you come to use the lasso tool to select the parts out of the 'frame', maybe using the tutorial of 'Cutting out images the easy way! Version 2' as this would be much easier and will reduce the risk of messing up the selection.

Still an excellent tutorial nonetheless.

0

Share this post


Link to post
Share on other sites

Excellent! Just like the "out of bounds" contest on Worth1000.

May I make two suggestions?

1. The shape you describe is a lot easier to make if you create a filled square on a new layer and then use Layers > Rotate/Zoom to move it to the desired angle. That way you can ensure that it will look angled correctly, and not crooked. (Yours looks fine, but I foresee problems with other people...)

2. Feather. A lot. Every layer. It makes things look a lot cleaner and more natural.

My attempt on this is coming soon...

Anyway, I LOVE the tut! Great work.

0

Share this post


Link to post
Share on other sites

This is a great tutorial.

Also, agreed that you should feather everything. Feather has to be the single most useful and versatile effect in the history of PDN.

0

Share this post


Link to post
Share on other sites
Feather has to be the single most useful and versatile effect in the history of PDN.

*blush*

:oops:

0

Share this post


Link to post
Share on other sites
Feather has to be the single most useful and versatile effect in the history of PDN.

*blush*

:oops:

It is though. <3

It makes life that much easier, and your art that much awesome... er.

And who would want to lasso select and gaussian blur the edges, every single time.

Also, a few suggestions for the creator of this tutorial.

First, if you want the black box to look more 3-dimensional and less jaggy, just draw a filled black rectangle, and use the layers > Rotate/zoom thing to twist the rectangle to make it look 3d.

Second, As mentioned before, feather, feather, feather.

And one last thing, when making the white border, just use a white dropshadow, with X=0 Y=0 and blur=1. Then just repeat until it's as thick as you like.

0

Share this post


Link to post
Share on other sites

@Tendercrisp:

Nice! good idea 8)

0

Share this post


Link to post
Share on other sites
ingodwetrustsu9.pngThis was my atempt at the tutorial. Please tell me what I need to change or fix. =) Thanks!
0

Share this post


Link to post
Share on other sites

I think the perspective looks a bit off, and the text could be in better font. Other than that, I think it looks really nice.

0

Share this post


Link to post
Share on other sites
ingodwetrustsu9.pngThis was my atempt at the tutorial. Please tell me what I need to change or fix. =) Thanks!

I think I would have pushed the cross farther to the left so that it came out of the picture on both the top and the left side and then put the text on the right.

0

Share this post


Link to post
Share on other sites

I'm a new user, but from all the tutorials I've seen this is one of my favorite tutorials! Great job! I'll definitely try this one.

0

Share this post


Link to post
Share on other sites

Sorry, I was trying this tutorial, but since I'm new, I think it's a bit confusing. I'm not really sure what you meant with moving the black layer over the other one. Please help.

0

Share this post


Link to post
Share on other sites
Sorry, I was trying this tutorial, but since I'm new, I think it's a bit confusing. I'm not really sure what you meant with moving the black layer over the other one. Please help.

If you open the layers window in Paint.net (usually located in the bottom right corner) you can see all the different layers you have created. There is a button there to move a layer up or down so that it essentially will lay on top of another layer (or move it down so it is under another layer).

Hope this helps.

Jeff

0

Share this post


Link to post
Share on other sites

Spongey, that's pretty amazing. The spiderman/venom one is my favorite. Was that all one picture, or did you find 2 separate ones?

0

Share this post


Link to post
Share on other sites
Spongey, that's pretty amazing. The spiderman/venom one is my favorite. Was that all one picture, or did you find 2 separate ones?

You can do it with two pictures but I find that it flows best if the two images come from one picture - the spiderman/venom one was from one picture (as were the other two).

0

Share this post


Link to post
Share on other sites

I'm a newbie so I'm sure this is a very easy thing to do but I'm struggling trying to create that white edge. It remains a blueish transparent color for me instead of turning white when I merge the two layers. Does anyone know what I'm doing wrong?

TIA

0

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0