Photoshop Tutorial: How to Create a Powerful Text Portrait from a Photo

ASR: en

0:00:00.030,0:00:06.390
hi this is Marty from Blue Lightning TV

0:00:03.300,0:00:09.900
I'm going to show you how to create a

0:00:06.390,0:00:12.269
powerful text portrait this is an update

0:00:09.900,0:00:14.820
of a tutorial I did quite a while ago on

0:00:12.269,0:00:17.130
an earlier version of Photoshop this

0:00:14.820,0:00:22.170
version is more streamlined and

0:00:17.130,0:00:24.600
efficient open a photo you'd like to use

0:00:22.170,0:00:27.660
for this project I downloaded this one

0:00:24.600,0:00:29.519
from Shutterstock the first step is to

0:00:27.660,0:00:31.590
remove the background from the subject

0:00:29.519,0:00:33.960
by making a selection around your

0:00:31.590,0:00:36.600
subject there are many ways to do this

0:00:33.960,0:00:39.359
but for this example I'll use the quick

0:00:36.600,0:00:41.850
selection tool

0:00:39.359,0:00:44.190
I'll drag the tool over my subject to

0:00:41.850,0:00:46.890
make a selection around it to remove

0:00:44.190,0:00:49.799
areas outside the selection I'll press

0:00:46.890,0:00:52.019
and hold alt or option as I drag over

0:00:49.799,0:00:56.699
those areas if you're working on a

0:00:52.019,0:01:00.210
version earlier than CC 2015 point 5 go

0:00:56.699,0:01:02.670
to select and refine edge I did an

0:01:00.210,0:01:04.680
in-depth tutorial on refine edge so if

0:01:02.670,0:01:07.200
you'd like to watch it I provided its

0:01:04.680,0:01:12.149
link in my video's description if you're

0:01:07.200,0:01:15.270
using version CC 2015 point 5 select and

0:01:12.149,0:01:19.530
mask replace be fine edge click the

0:01:15.270,0:01:22.470
button or go to select and select a mask

0:01:19.530,0:01:25.319
I also provided a link to my in-depth

0:01:22.470,0:01:29.010
tutorial on selected masks so I won't be

0:01:25.319,0:01:32.750
going over it in detail here

0:01:29.010,0:01:32.750
I'll check smart radius

0:01:34.470,0:01:40.530
and click new layer

0:01:37.380,0:01:43.590
then I'll click okay

0:01:40.530,0:01:46.610
remove its color by pressing ctrl or

0:01:43.590,0:01:49.010
command shift you

0:01:46.610,0:01:52.310
we'll create a new layer below the

0:01:49.010,0:01:55.130
active layer by ctrl-clicking or command

0:01:52.310,0:01:58.100
clicking a new layer icon we'll fill the

0:01:55.130,0:02:00.110
empty layer with black but first if your

0:01:58.100,0:02:03.260
foreground and background colors aren't

0:02:00.110,0:02:05.690
black and white respectively press D on

0:02:03.260,0:02:08.960
your keyboard since black is your

0:02:05.690,0:02:11.180
foreground color press alt or option +

0:02:08.960,0:02:14.940
delete

0:02:11.180,0:02:18.430
next we'll crop our document

0:02:14.940,0:02:22.829
open your crop tool

0:02:18.430,0:02:22.829
and click width height and resolution

0:02:23.910,0:02:30.660
make the width and the height 1000

0:02:26.700,0:02:32.810
pixels each and the resolution 150

0:02:30.660,0:02:36.210
pixels per inch

0:02:32.810,0:02:38.940
drag a corner in or out to size your

0:02:36.210,0:02:41.970
subject within the crop bounding box to

0:02:38.940,0:02:45.990
slide it up or down press the up or down

0:02:41.970,0:02:48.690
arrow key on your keyboard to accept it

0:02:45.990,0:02:51.750
click the checkmark at the top or press

0:02:48.690,0:02:55.950
Enter or return to fit it back onto your

0:02:51.750,0:02:58.620
canvas press ctrl or command 0 next

0:02:55.950,0:03:01.590
we'll prepare our subject to use as a

0:02:58.620,0:03:03.750
displacement map this will warp our text

0:03:01.590,0:03:06.870
to wrap it around the contours of our

0:03:03.750,0:03:10.320
subjects entire face first make your top

0:03:06.870,0:03:14.450
layer active click the icon at the upper

0:03:10.320,0:03:18.470
right corner and click duplicate layer

0:03:14.450,0:03:24.890
open the document list and click new

0:03:18.470,0:03:24.890
name it displacement and click OK

0:03:26.120,0:03:37.959
go to filter blur and Gaussian blur

0:03:32.849,0:03:42.510
blur it 3 pixels and click OK

0:03:37.959,0:03:46.299
go to file and save as

0:03:42.510,0:03:52.390
navigate to your desktop save it as a

0:03:46.299,0:03:56.019
Photoshop PSD file and click Save if you

0:03:52.390,0:03:58.840
see this message just click OK we can

0:03:56.019,0:04:02.609
close the displacement PSD file since we

0:03:58.840,0:04:05.739
already saved it open your move tool

0:04:02.609,0:04:07.980
we're ready to add text you can either

0:04:05.739,0:04:11.049
type it out on a notepad or WordPad

0:04:07.980,0:04:13.530
application or find a poem or lyrics

0:04:11.049,0:04:17.739
that you can ultimately copy and paste

0:04:13.530,0:04:20.889
highlight it and press ctrl or command C

0:04:17.739,0:04:23.620
to copy it we're going to create a word

0:04:20.889,0:04:26.320
cloud from our text there are many free

0:04:23.620,0:04:30.120
websites that do this however the site

0:04:26.320,0:04:32.530
that I like best is called wordle.net

0:04:30.120,0:04:35.229
unfortunately sometimes Chrome and

0:04:32.530,0:04:37.660
Firefox have had problems creating word

0:04:35.229,0:04:40.630
clouds on Wordle but the good news is

0:04:37.660,0:04:44.550
that Explorer does open them at least

0:04:40.630,0:04:48.559
for me I'll open Explorer

0:04:44.550,0:04:51.420
and type in wordle.net

0:04:48.559,0:04:55.200
click create

0:04:51.420,0:04:58.220
click inside the text box and press ctrl

0:04:55.200,0:05:01.999
or command V to paste your text into it

0:04:58.220,0:05:06.619
then click go

0:05:01.999,0:05:10.749
open language I'll tick leave words as

0:05:06.619,0:05:15.169
spelled and remove common English words

0:05:10.749,0:05:16.399
open font and choose an easy to read

0:05:15.169,0:05:20.120
font from your list

0:05:16.399,0:05:24.560
I'll choose steel fish

0:05:20.120,0:05:28.840
open layout I'll use straighter edges

0:05:24.560,0:05:28.840
and mostly horizontal

0:05:28.980,0:05:39.960
open color click WB which is white text

0:05:34.950,0:05:42.470
on a black background then click save as

0:05:39.960,0:05:42.470
PNG

0:05:42.740,0:05:48.820
save it to your desktop and click Save

0:05:51.080,0:06:01.940
go to file and open access your desktop

0:05:58.000,0:06:05.949
locate your Wordle file click it and

0:06:01.940,0:06:05.949
click open

0:06:06.100,0:06:12.490
open your channels panel if you don't

0:06:08.890,0:06:14.860
see it go to window and channels control

0:06:12.490,0:06:17.680
click or command click the thumbnail of

0:06:14.860,0:06:21.160
the RGB channel to make a selection of

0:06:17.680,0:06:25.150
your text open back your layers panel

0:06:21.160,0:06:29.650
and press ctrl or command J to cut and

0:06:25.150,0:06:32.380
copy the text onto its own layer

0:06:29.650,0:06:34.690
drag your text onto the tab of your

0:06:32.380,0:06:37.750
subject and without releasing your mouse

0:06:34.690,0:06:43.060
or pen drag it down onto your subject

0:06:37.750,0:06:45.790
and release to move it just drag it name

0:06:43.060,0:06:49.000
the layer word cloud

0:06:45.790,0:06:51.770
make a copy of it by pressing ctrl or

0:06:49.000,0:06:54.629
command J

0:06:51.770,0:06:59.179
double-click its thumbnail to open the

0:06:54.629,0:06:59.179
layer style window click drop shadow

0:06:59.590,0:07:09.910
the blend mode is multiply the opacity

0:07:03.580,0:07:15.480
is 75% and the angle is 30 degrees the

0:07:09.910,0:07:21.880
distance is 5 pixels the spread is 0 and

0:07:15.480,0:07:23.830
the size is 5 pixels then click OK since

0:07:21.880,0:07:25.780
we're going to have many layers of our

0:07:23.830,0:07:29.260
text let's save space in the layers

0:07:25.780,0:07:30.730
panel by collapsing the effects the

0:07:29.260,0:07:33.340
effects are still there they're just

0:07:30.730,0:07:36.790
hidden to see them again just click back

0:07:33.340,0:07:39.220
on the arrow click the eyeball icon next

0:07:36.790,0:07:42.580
to the original word cloud layer to

0:07:39.220,0:07:44.530
temporarily hide it as I mentioned we're

0:07:42.580,0:07:46.720
going to create multiple layers of the

0:07:44.530,0:07:49.540
text that will ultimately cover our

0:07:46.720,0:07:51.639
subjects entire face to resize and

0:07:49.540,0:07:54.310
position the word cloud open your

0:07:51.639,0:07:58.540
transform tool by pressing ctrl or

0:07:54.310,0:08:00.970
command T go to a corner and when you

0:07:58.540,0:08:04.419
see a diagonal double-arrow press and

0:08:00.970,0:08:06.870
hold alt or option + shift as you drag

0:08:04.419,0:08:10.020
it in approximately this much

0:08:06.870,0:08:12.479
drag it to a corner of the face and

0:08:10.020,0:08:16.990
press Enter or return

0:08:12.479,0:08:19.360
make a copy of it and drag the copy to

0:08:16.990,0:08:22.870
another area we're going to flip the

0:08:19.360,0:08:26.919
copy 90 degrees to do this open your

0:08:22.870,0:08:29.500
transform tool go to a corner and when

0:08:26.919,0:08:33.219
you see a curved double-arrow press and

0:08:29.500,0:08:35.800
hold shift as you rotate it clockwise 90

0:08:33.219,0:08:37.860
degrees it'll snap in place because

0:08:35.800,0:08:40.870
we're holding shift as we rotate it

0:08:37.860,0:08:42.539
position it over your subject and press

0:08:40.870,0:08:45.250
Enter or return

0:08:42.539,0:08:47.740
continue to make copies of your text and

0:08:45.250,0:08:50.459
feel free to resize and position them

0:08:47.740,0:08:50.459
over your subject

0:08:54.370,0:08:59.500
we're going to create a copy of this

0:08:56.650,0:09:02.890
entire block of word clouds and then

0:08:59.500,0:09:05.950
flip it 90 degrees first we'll place all

0:09:02.890,0:09:09.840
the word cloud copies into a folder to

0:09:05.950,0:09:12.570
do this scroll to the bottom copy

0:09:09.840,0:09:14.670
and shift-click it make sure you're not

0:09:12.570,0:09:18.090
shift clicking the original word cloud

0:09:14.670,0:09:21.390
this makes all the copy is active press

0:09:18.090,0:09:25.910
ctrl or command G to place them into a

0:09:21.390,0:09:30.140
folder make a copy of the folder

0:09:25.910,0:09:33.610
open your transform tool and rotate the

0:09:30.140,0:09:33.610
copy 90 degrees

0:09:34.660,0:09:39.580
we'll convert our text into a smart

0:09:37.210,0:09:43.510
object so we can apply a displacement

0:09:39.580,0:09:46.570
map to our entire word cloud to do this

0:09:43.510,0:09:49.390
shift-click the bottom folder to make it

0:09:46.570,0:09:52.600
active as well and click the icon at the

0:09:49.390,0:09:55.200
upper right corner click convert to

0:09:52.600,0:09:55.200
smart object

0:09:56.270,0:10:02.900
make a copy of it and hide the lower

0:09:59.450,0:10:06.640
smart object word cloud name the top

0:10:02.900,0:10:06.640
layer displacement

0:10:07.060,0:10:13.380
go to filter distort and displace

0:10:13.550,0:10:20.920
make the horizontal and vertical scale

0:10:16.070,0:10:24.940
10 stretch to fit and repeat edge pixels

0:10:20.920,0:10:24.940
then click OK

0:10:25.320,0:10:32.019
click the displacement Photoshop file

0:10:27.959,0:10:34.080
and click open

0:10:32.019,0:10:35.910
immediately our text

0:10:34.080,0:10:41.070
wrapped itself around the contours of

0:10:35.910,0:10:44.210
our subject collapse the smart filter

0:10:41.070,0:10:46.250
and hide the layer

0:10:44.210,0:10:48.560
control click or command click the

0:10:46.250,0:10:51.130
displacement text layer to make a

0:10:48.560,0:10:54.790
selection of its shape

0:10:51.130,0:10:56.460
scroll to your subjects face and make it

0:10:54.790,0:10:59.490
active

0:10:56.460,0:11:01.860
click the layer mask icon to make a

0:10:59.490,0:11:03.950
layer mask of the selection next to your

0:11:01.860,0:11:06.410
subject

0:11:03.950,0:11:09.980
make a composite snapshot of your

0:11:06.410,0:11:14.630
visible image by pressing ctrl shift alt

0:11:09.980,0:11:17.260
e' on Windows or command shift option E

0:11:14.630,0:11:17.260
on a Mac

0:11:18.010,0:11:22.930
hide the layer below the composite

0:11:20.110,0:11:26.560
snapshot and drag the composite snapshot

0:11:22.930,0:11:29.220
to the top of the layers panel make the

0:11:26.560,0:11:31.840
displacement layer visible again and

0:11:29.220,0:11:35.430
change the blend mode of the composite

0:11:31.840,0:11:35.430
snapshot to linear burn

0:11:36.630,0:11:43.170
next we'll add subtle text behind their

0:11:39.480,0:11:48.240
subject make a lower smart object word

0:11:43.170,0:11:52.980
cloud visible and drag it to the top

0:11:48.240,0:11:55.410
scroll down and control click or command

0:11:52.980,0:11:59.990
click your subject to make a selection

0:11:55.410,0:12:03.269
of its shape scroll back up and

0:11:59.990,0:12:06.779
alt-click or option-click the layer mask

0:12:03.269,0:12:11.329
icon to make an inverted layer mask of

0:12:06.779,0:12:11.329
the selection next to the top word cloud

0:12:12.260,0:12:17.810
click off the chain link icon to unlink

0:12:15.410,0:12:21.200
the layer and the layer mask doing this

0:12:17.810,0:12:23.180
allows us to resize and/or reposition

0:12:21.200,0:12:26.750
either of these independently from the

0:12:23.180,0:12:32.110
other make the layer active and reduce

0:12:26.750,0:12:32.110
its opacity to between 15 to 20 percent

0:12:32.660,0:12:40.690
open your transform tool go to a corner

0:12:36.560,0:12:40.690
and drag it in

0:12:43.679,0:12:50.100
this is Marty from Blue Lightning TV

0:12:47.110,0:12:50.100
thanks for watching