Photoshop CC 2015 Tutorial: How to Make a 3D, Pop-Out Photo Effect!

ASR: en

0:00:08.620,0:00:14.139
hi this is Marty from Blue Lightning TV

0:00:11.260,0:00:17.170
I'm going to show you how to make any

0:00:14.139,0:00:18.939
object person or thing pop out of its

0:00:17.170,0:00:22.029
photo giving it a kind of

0:00:18.939,0:00:24.340
three-dimensional effect this is an

0:00:22.029,0:00:26.880
update of a tutorial I did quite a while

0:00:24.340,0:00:30.309
ago on an earlier version of Photoshop

0:00:26.880,0:00:32.200
before we begin for a limited time you

0:00:30.309,0:00:35.290
can get the most current version of

0:00:32.200,0:00:38.230
Photoshop and Lightroom and 20 gigabytes

0:00:35.290,0:00:41.230
of cloud storage all together for only

0:00:38.230,0:00:43.710
799 per month click the link in my

0:00:41.230,0:00:46.149
video's description to get the discount

0:00:43.710,0:00:48.629
open an image you'd like to use for this

0:00:46.149,0:00:51.309
project I downloaded this one from

0:00:48.629,0:00:54.129
shutterstock the first step is to

0:00:51.309,0:00:57.179
convert it into a smart object so we can

0:00:54.129,0:01:00.309
modify it non-destructively to do this

0:00:57.179,0:01:03.850
click the icon at the top right corner

0:01:00.309,0:01:06.629
of the layers panel and click convert to

0:01:03.850,0:01:06.629
smart object

0:01:07.659,0:01:14.960
next we'll crop and size our image

0:01:12.140,0:01:17.299
open your crop tool

0:01:14.960,0:01:20.720
the top there are fields for the width

0:01:17.299,0:01:23.420
height and resolution clear the amount

0:01:20.720,0:01:27.979
in the width field leave it empty in the

0:01:23.420,0:01:31.280
high field type in a thousand px4 pixels

0:01:27.979,0:01:34.940
and for the resolution type in a hundred

0:01:31.280,0:01:38.149
fifty go to a corner and drag in the

0:01:34.940,0:01:40.310
crops bounding box to reposition it just

0:01:38.149,0:01:43.460
drag your image and make sure you leave

0:01:40.310,0:01:46.220
room below your subject then click the

0:01:43.460,0:01:49.520
checkmark at the top or press Enter or

0:01:46.220,0:01:54.259
return to fit it back onto your canvas

0:01:49.520,0:01:55.820
press ctrl or command 0 next we'll

0:01:54.259,0:01:58.850
separate our subject from the background

0:01:55.820,0:02:01.310
by making a selection around the subject

0:01:58.850,0:02:04.009
there are many ways to do this but for

0:02:01.310,0:02:06.830
this example I'll use the quick

0:02:04.009,0:02:09.350
selection tool if you're using this tool

0:02:06.830,0:02:11.700
as well make its radius between five to

0:02:09.350,0:02:14.340
ten pixels

0:02:11.700,0:02:16.440
drag the tool inside your image to make

0:02:14.340,0:02:18.180
a selection of it even though I'm

0:02:16.440,0:02:20.489
dragging the tool over the entire

0:02:18.180,0:02:22.590
subject the bottom two-thirds of your

0:02:20.489,0:02:25.110
subject isn't really necessary to make a

0:02:22.590,0:02:27.599
selection of since just the top third

0:02:25.110,0:02:30.300
will be popping out of the background to

0:02:27.599,0:02:33.269
remove areas of the selection press and

0:02:30.300,0:02:35.190
hold alt or option as you drag over

0:02:33.269,0:02:38.610
those areas

0:02:35.190,0:02:42.560
click the refine edge button or go to

0:02:38.610,0:02:45.050
select and refine edge

0:02:42.560,0:02:47.270
I did an in-depth tutorial on refine

0:02:45.050,0:02:48.830
edge so if you'd like to watch it I

0:02:47.270,0:02:51.980
provided its link in my video's

0:02:48.830,0:02:54.520
description drag the radius slider to

0:02:51.980,0:02:54.520
the right a bit

0:02:54.700,0:03:02.200
check decontaminate colors and drag the

0:02:58.959,0:03:06.040
amount approximately this much output it

0:03:02.200,0:03:07.790
as a new layer with layer mask and click

0:03:06.040,0:03:09.560
OK

0:03:07.790,0:03:11.329
don't be concerned at the bottom

0:03:09.560,0:03:15.620
two-thirds of your subject is roughly

0:03:11.329,0:03:18.159
cut out hide the top layer

0:03:15.620,0:03:23.120
and make the bottom layer visible and

0:03:18.159,0:03:28.700
active click the new layer icon to make

0:03:23.120,0:03:30.409
a new layer let's name it frame we want

0:03:28.700,0:03:33.500
to make a new layer below the bottom

0:03:30.409,0:03:35.569
layer to do this make the bottom layer

0:03:33.500,0:03:38.540
active

0:03:35.569,0:03:41.150
and ctrl-click or command click on the

0:03:38.540,0:03:43.840
new layer icon to make a new layer below

0:03:41.150,0:03:48.849
the active layer

0:03:43.840,0:03:52.120
I'll name it BK g for background hide

0:03:48.849,0:03:55.120
the middle two layers let's fill the

0:03:52.120,0:03:58.959
background with a dark radiant

0:03:55.120,0:04:02.409
open the gradient tool and make sure the

0:03:58.959,0:04:05.790
linear gradient icon is active click the

0:04:02.409,0:04:10.390
gradient bar to open the gradient editor

0:04:05.790,0:04:15.750
click this black and white box click the

0:04:10.390,0:04:15.750
lower right stop and the color box

0:04:16.579,0:04:24.169
in the brightness field type in 50 then

0:04:21.289,0:04:27.409
press Enter or return twice to close

0:04:24.169,0:04:30.259
both windows go to the top of your

0:04:27.409,0:04:33.199
document and press and hold shift as you

0:04:30.259,0:04:35.689
drag the gradient to the bottom then

0:04:33.199,0:04:39.080
release holding shift kept the tool

0:04:35.689,0:04:42.650
vertical as we drag it down make the two

0:04:39.080,0:04:45.310
middle layers visible and make the frame

0:04:42.650,0:04:48.889
layer active

0:04:45.310,0:04:51.620
open your rectangular marquee tool

0:04:48.889,0:04:53.870
and drag a rectangle below the top of

0:04:51.620,0:04:56.090
your subject and a bit below the bottom

0:04:53.870,0:05:00.540
of your subject

0:04:56.090,0:05:03.440
go to edit and stroke

0:05:00.540,0:05:08.900
make the width 20 pixels and the

0:05:03.440,0:05:08.900
location inside click the color box

0:05:09.350,0:05:16.289
and pick white then click OK on both

0:05:12.950,0:05:18.899
windows to close them

0:05:16.289,0:05:22.229
immediately the selection took on an

0:05:18.899,0:05:26.849
inside white stroke 20 pixels wide to

0:05:22.229,0:05:28.559
deselect it press ctrl or command D next

0:05:26.849,0:05:31.050
we'll change the perspective of the

0:05:28.559,0:05:34.590
white frame open your transform tool by

0:05:31.050,0:05:37.800
pressing ctrl or command T

0:05:34.590,0:05:41.910
go to a bottom corner and press and hold

0:05:37.800,0:05:45.110
ctrl alt shift on Windows or command

0:05:41.910,0:05:47.940
option shift on a Mac as you drag out

0:05:45.110,0:05:50.430
approximately this much continue to

0:05:47.940,0:05:54.930
press and hold those hotkeys as you go

0:05:50.430,0:05:58.080
to the top corner and drag it in then

0:05:54.930,0:05:59.440
release go to the top middle anchor

0:05:58.080,0:06:00.820
point

0:05:59.440,0:06:04.150
and when you see a vertical double-arrow

0:06:00.820,0:06:06.160
drag it down until you like the amount

0:06:04.150,0:06:10.090
your subject is showing above the frame

0:06:06.160,0:06:12.700
then press Enter or return to reposition

0:06:10.090,0:06:16.230
the frame press V to open your move tool

0:06:12.700,0:06:16.230
and just drag it

0:06:17.050,0:06:21.500
ctrl-click or command click on the

0:06:19.430,0:06:24.290
thumbnail of the frame to make a

0:06:21.500,0:06:27.080
selection of the frame shape change it

0:06:24.290,0:06:29.120
to a quick mask by pressing Q on your

0:06:27.080,0:06:31.130
keyboard

0:06:29.120,0:06:34.430
as soon as we did this our foreground

0:06:31.130,0:06:37.729
and background colors inverted now white

0:06:34.430,0:06:40.740
is our foreground color

0:06:37.729,0:06:43.699
open your paint bucket tool

0:06:40.740,0:06:46.740
top make sure contiguous is checked

0:06:43.699,0:06:49.889
click inside the frame to remove the

0:06:46.740,0:06:52.380
quick mask inside that area then click

0:06:49.889,0:06:55.139
it again to ensure that we removed all

0:06:52.380,0:06:56.699
of it if we didn't click contiguous the

0:06:55.139,0:06:58.949
entire quick mask would have been

0:06:56.699,0:07:01.800
deleted including the outside of the

0:06:58.949,0:07:04.070
frame as well press Q to revert it back

0:07:01.800,0:07:07.889
into a selection

0:07:04.070,0:07:10.469
make layer 0 active

0:07:07.889,0:07:13.460
and click the layer mask icon to make a

0:07:10.469,0:07:13.460
layer mask of the selection

0:07:14.810,0:07:19.120
make the top layer visible

0:07:19.960,0:07:29.410
double click layer 0 to open its layer

0:07:24.280,0:07:32.940
style window click drop shadow the blend

0:07:29.410,0:07:37.449
mode is multiply the color is black and

0:07:32.940,0:07:41.830
the opacity is thirty-five percent make

0:07:37.449,0:07:44.160
the angle 90 degrees the distance 6

0:07:41.830,0:07:44.160
pixels

0:07:44.220,0:07:49.280
size 9 pixels then click OK

0:07:51.030,0:07:57.810
this is Marty from Blue Lightning TV

0:07:54.210,0:07:57.810
thanks for watching