How To Make The 3D Pop-Out Photo Effect In Photoshop
Welcome back to another very exciting tutorial here at the PhotoshopTrainingChannel.com.
My name is Jesus Ramirez and you can find me on Instagram @JRfromPTC.
In this video, I'm going to show you how to create the 3D Pop-out Photo Effect in Photoshop.
If you want to follow along, you can download the watermarked previous or license the full
resolution files from Adobe Stock.
You can find the links to these images right below this video in the description.
We're going to start out with these two layers, the Photo frame background and snowboarder.
I have them on two separate layers, of course.
And what we want to do is we're going to isolate this black area here.
We can, of course, create a selection around the black area to isolate it, but I like working
with vectors better because they give you smaller file sizes and they're easier to edit.
So we're going to create a vector around the frame.
So I'm going to press Z on the keyboard.
I'm holding the Z key.
I'm not letting go of it, and I'm going to Zoom In to the corner here and release the
Z key, it will bring me back to the Pen Tool, which I had selected.
Make sure that you have Shape on the Options Panel on this drop down.
Click on one corner then click on the next, hold the space bar, pan down.
Click on the bottom right corner and then click on the bottom left corner.
I'm going to hold the space bar, again, click and drag to pan up, and complete that path.
Now, the color and the shape doesn't really matter, so I'm just going to make it red,
just so that you can see it.
There it is--red.
What I'm going to do now is enable the layer of the snowboarder.
I'm going to click and drag her up to the top of the layers panel, and I'm also going
to double tap here on the Zoom Tool, just so we can see the image at 100%.
And, actually, now that I'm looking at it at 100%, I'm actually going to right-click
on it and choose Fit on Screen so that I can see the entire composition.
Then I'm going to press Ctrl J, Command J on the Mac, to duplicate.
So now I have two copies.
I'm going to disable the one on the top by clicking on this I icon and the one in the
bottom here, I'm going to clip to the shape below it.
So, with that layer selected, I'm going to press Ctrl Alt G, Command Option G on the
Mac.
Then, I'm going to enable the layer right above that and I'm just going to make a selection
around the snowboarder.
So I'm going to click on the Quick Selection Tool and I'm simply going to click and drag
around her.
Now you don't have to be very precise at this moment.
You can just click and drag, and we'll worry about the details later.
So we're just going to select her as quickly as we can.
So I'm just clicking and dragging, and notice that my selection is not very accurate.
You shouldn't spend too much time at this moment.
If you select an area like this part here that is obviously not going to be a part of
the selection, I'm going to hold Alt, Option on the Mac, click and drag just to refine
that selection just a little bit more.
You know that I have the selection active around the snowboarder.
I'm going to select that top layer and click on the Layer Mask icon to create a mask around
the snowboarder.
So what I'm going to do now is click on this top layer, hold shift and click on the layer
below it, so they're both selected, and I'm going to click on this chain link icon here
to link those two layers.
What that allows you to do is when you move one of those layers with the Move Tool, it
moves both, and they can be in different groups and they can be separated.
So that allows us to keep those two layers together.
What I'm going to do now is press Ctrl T, Command T, to Transform, to scale this and
adjust it accordingly.
If you can't see the corner handles that you want to click and drag on, you can press Ctrl
0 (zero), that's Command 0 on the Mac, for the bird's-eye view that allows you to see
all four corner handles.
Then, I'm going to click and drag on this one here to scale it down by holding Shift
Alt, That's Shift Option on the Mac.
Now, at this point, we can go back and adjust the layer mask if we need to, so I'm going
to Zoom In just so we could see the areas that we need to work on.
So we need to work on this area, and then, the blue outline around her body.
So we can adjust that by clicking on the layer mask in the Properties Panel.
You can click on Mask Edge.
If you don't see the Properties Panel, you can go into Window, Properties, click on Mask
Edge, and then, maybe shift the Edge with a negative value and see how that has adjusted
so.
And keep adjusting it and making sure that that line is gone, but we don't lose any detail
that we want to keep.
Also, with this brush selected, I can click and drag here on the hair, and hopefully we'll
get a better selection.
I didn't do that good of a job here, so I'm just going to leave it like this for now and
I can come back with the brush tool and fix that in a moment.
So I'm going to press OK, click on the Brush Tool, paint with white in areas that I want
to keep, so I'm just going to paint with the white in these areas here, and I know I'm
selecting some of the sky, but that's okay.
I'm going to get rid of that by pressing X in the keyboard, which swaps the foreground
and background color.
And with black, I'm going to paint on that layer mask to get rid of the sky here, and
I'm not going to take the time to do so now.
I will do that after the tutorial and you can see the final image, but I'm just going
to go around the entire image and just make sure that everything is masked out accordingly.
And in most of these areas, everything seems to be okay.
I know we got to work on this area here, and like I said, I'll do that after I'm done with
the tutorial and you can see my final result.
But for now, we'll just leave it as is.
I'm going to press Z on the keyboard, right click and choose Fit to Screen.
And what we're going to work on now is extra elements that are going to help our composite
look much more realistic and much more interesting.
So, from the Adobe Stock Library, I downloaded two elements that we're going to use.
We're going to use this shovel with the snow, so let me just double click on that to open
that up.
And, by the way, the links to these files are on the description.
You have to download them from Adobe Stock.
They're not free, but you can use a watermarked preview to practice on.
So I would recommend you doing that, just so that you can have a way to practice and
learn.
So, the first thing I got to do is get rid of the shovel.
So I'm going to click on the Lasso Tool and I'm going to make a selection around the shovel,
and as you can see, it's not very accurate.
That's okay.
Then I can hold Shift and Backspace or you can go into Edit, Fill to bring up the Fill
Menu.
Under Contents, choose Content Aware and press OK.
And Photoshop will Fill In those pixels and make the shovel disappear.
I'm going to press Ctrl D, Command D on the Mac, to Deselect, and this is what we're going
to work with.
The first thing that we need to do is mask out the snow from the ground.
So I'm going to go into the Channels panel and I'm going to look for the channel that's
got the most contrastóin this case, the blue channel.
I'm going to click and drag on the blue channel and drop it here in the new channel icon to
duplicate it.
Now with the duplicate channel, I can start making adjustments to it.
The first thing I'm going to do is fill with white the areas I want to keep for sure, so
with the Lasso Tool selected, I'm just going to click and drag and make a very rough selection
on the areas for sure I want to keep, which is all this top part here.
Now that I have a selection active, I can fill with white.
White is currently my foreground color.
To fill with the foreground color, you can hold Alt and Backspace, Option Backspace on
the Mac; then Ctrl D, Command D on the Mac, to Deselect.
Now we got to work on this bottom part.
There's a feature in Photoshop called Apply Image.
If we go into Image, Apply Image, what Apply Image allows you to do is to take an image
and apply it onto itself using a Blend Mode.
In this case, we're taking the blue copy, apply in the Screen Blend Mode into itself,
so notice what happens here on the snow on the edge.
It essentially turns white, which is what we want.
You could, of course, apply a Multiply Blend Mode and it will give you a different result.
In this case, I think I'm going to go with Screen, and then, I'll just work on the edges
in the next step.
So I'm going to press OK and what I'm going to do now is go into Image, Adjustment Levels,
and bring the levels to the rightóthe dark values to the right.
So we have more contrast between the snow and the ground.
And remember, we're going to be making this selection; anything that is white in the screen
will be selected.
Anything that is black will be deselected.
So I'm going to drag this one over to the left a little bit.
I'm looking at the edges here and, maybe, drag this one to the left as well, and press
OK.
Now, what I'm going to do now is click on the Brush Tool, select black as my foreground
color so I can paint with black.
I'm going to increase the size of my brush by clicking on the right bracket key on the
keyboard and I'm just going to paint with black.
And, again, you don't have to be very accurate.
As long as you get close enough, you should be good.
And I'm just painting these pixels away which represent the floor.
And, once again, I'm going to go into Image, Adjustment, Levels, and darken up some of
the darker pixels and brighten up the midtones a little bit, and press OK.
So this selection looks like it would work, so I'm going to press Ctrl, Command on the
Mac, click on the blue copy icon to make a selection around it.
Go back into the Layers Panel and the Background Layer, which is the only layer that we have
on this document.
I'm going to click on the New Layer Mask icon and notice now that the floor is no longer
there.
Now, it's not a perfect selection but it's going to work because the color of the floor
and the color of the table are very similar colors and I think we're going to be able
to get away with it.
So what I'm going to do is I'm just going to simply click on the layer, select the Move
Tool, click and drag the layer over onto the other file by hovering over the tab, and then,
coming down and releasing, and there's our file.
It's a really big layer.
So we're going to need to scale it down; Ctrl T, Command T on the Mac, to Transform.
We can't see the corner handles, so I'm going to press Ctrl 0 (zero), Command 0 on the Mac,
there's the corner handles, and now, I'm going to adjust them accordingly.
I'm holding Shift as I'm clicking on these corner handles to keep the file constrained.
The angle is not really matching my scene, so I'm going to right click on it and choose
Flip Horizontal, and from here, I can match the scene a little better.
I can even distort it if I want to, maybe right click on it and choose Distort, just
to get a better perspective of the scene that we're working with, maybe something like this,
and press Enter when you're done.
Now that we have this file in place, I'm going to press Z on the keyboard, right click, Fit
to Screen, then I'm going to press V on the keyboard to get the Move Tool and, maybe,
I can move it around if I need to, and I'm going to click on the New Group icon to create
a new group.
I'm going to click and drag this snow layer in there.
I'm going to collapse it and now it's in that group.
Next I'm going to hold Alt, Option on the Mac, and click on the Layer Mask icon to create
a black layer mask which hides everything.
Then, with the Brush Tool, I can paint with white on this layer mask to start revealing
some of that snow.
So I'm going to use the bracket keys on the keyboard as I work to increase and decrease
the size of my brush.
So I'm just painting with white.
Just bring in some of that snow.
And if you make a mistake, you can press X on the keyboard to paint with black and, maybe,
shape the snow a little bit better, so, maybe something like that.
What we're going to do now is work with different elements, so I'm going to open up the Libraries
Panel and I'm going to open up this file here, which is these snow elements that were also
downloaded from Adobe Stock.
By the way, if you don't have Photoshop CC, you won't have the Libraries Panel, but you
can still download the watermarked previews onto your desktop and bring them into Photoshop
as you would any other image.
So you can still work with the previews.
So, what I'm going to do now is just select one of these elements and bring it over to
the file that I'm working with.
So I'm going to click on the Lasso Tool and I'm going to select this element first.
So I'm going to select it, go to Edit and Copy, or you can press Ctrl C. I'm going to
deselect that element, Ctrl D, Command D on the Mac, go back into the file that we're
working with and I'm going to paste it here, Ctrl V, Command V on the Mac, and there it
is.
As you can see, it's a high resolution file, which is good.
I'm going to change the Blend Mode to Screen, so the black pixels disappear and we only
keep the bright pixels, in this case, the snow.
Then, I'm going to press Ctrl T, Command T to Transform, Ctrl 0 (zero), Command 0 for
bird's eye view, and I'm going to scale this element down.
I'm going to press Ctrl 0, Command 0 again to zoom back in, and I'm just going to rotate
it and make it fit accordingly.
Now, in this case, I'm going to flip it horizontally.
So right click on it, flip horizontally, and keep rotating it, so maybe something, something
like this.
And I can, you know, scale it more if I need to, or rotate it more if I need to.
So whatever distortions I need to do for it to work, so, maybe something like that.
So I just press Enter to accept that transformation, and I'm going to use one more element.
I'm going to use this one right down here.
Again, Ctrl C to copy and paste that in here.
Change the Blend Mode to Screen, Ctrl T to Transform, that's Command T on the Mac; Ctrl
0 (zero), Command 0 on the Mac, and scale this one in as well, and I'm going to zoom
in and rotate this one into position, maybe right about here or so.
But I want this one to be in the back, so I'm going to click and drag this one and place
it way back here.
And I'm going to press V to select the Move Tool and I'm going to move it around just
to fit it into position, so maybe something like this.
And, actually, I just realized that I made a mistake.
Notice how this element gets cut off right in this area?
That's because this element needs to be right here.
It needs to be in-between the layer that's popping out the subject and the layer that
is clipped to the vector, so right in-between those two.
So, now the snow follows through into the frame.
Now the last thing that we're going to do is we're going to work with shadows.
So, first, with the snow here on the table, it needs a shadow.
So I'm going to open up this group, double click on the snow layer here and click on
Drop Shadow.
Notice the little drop shadow there.
You can use the settings that I have here if you like.
Notice that I'm not using black.
I'm using the dark burgundy color, which is similar to that color you see right there,
right under the frame, and just brought the Intensity down to about 25% using Multiply,
and notice the light is coming from the right.
The light on her face is coming from the right and so is the light hitting the frame.
So you sort of want to match that with the shadows, so the shadows will be on the left
side, sort of like here, behind the frame.
So this is what this is showing.
So if I were to bring it up to 100%, this is what that looks like.
Obviously that's too much, so leave it at about 25% or so.
And what I'm going to do now is right above this snow element here, I'm going to create
a new layer and I'm just going to paint with this color here under the board, so you can
click on the Eyedropper Tool.
Select that color and maybe make it a little bit darker because it's too light, something
like that, and just continue that shadow that's coming off the board.
And, actually, let me drag this layer up on top of the group and just continue painting
that shadow that's coming off the board, so maybe something like this.
And then, change the Blend Mode to Multiply, and bring that shadow way down, so, maybe,
something like that.
Now, the only difference between the final image that you saw in the beginning and this
one is that with the final image, I took a little more time working with the mask a little
more time placing the elements, and moving things around so they fit a little bit better.
But these are the techniques that I use to create this effect.
If you decide to create an image using tutorial or any of my tutorials, then upload it to
Instagram with the hashtag #PTCvids.
Every so often, I do a search for that hashtag, and if I find your image, I'll leave a comment.
And that's it for this tutorial.
I hope that you enjoyed it and that you learned something new.
If you have any comments or questions, leave them down below.
If you enjoyed the tutorial, don't forget to click that Like button and share this video
with a friend.
If you haven't already, subscribe to the Photoshop Training Channel now.
Thank you for watching and I'll talk to you again soon.