Photoshop Tutorial: How to Transform a Face into a Powerful Text Portrait

ASR: en

0:00:08.769,0:00:14.469
hi this is Marty from Blue Lightning TV

0:00:11.650,0:00:17.169
I'm going to show you how to transform a

0:00:14.469,0:00:19.570
photo of someone into a stunning

0:00:17.169,0:00:26.770
portrait made only of words that are

0:00:19.570,0:00:28.809
special to the person open a photo of

0:00:26.770,0:00:31.149
someone you'd like to use it can be

0:00:28.809,0:00:34.000
color or black and white if it's in

0:00:31.149,0:00:37.390
color desaturate it by pressing control

0:00:34.000,0:00:39.969
shift U on Windows or command shift U on

0:00:37.390,0:00:42.160
a Mac we'll make a displacement map of

0:00:39.969,0:00:45.070
your subject in order to wrap the text

0:00:42.160,0:00:47.230
around the contours of the face to do

0:00:45.070,0:00:50.380
this click the icon at the upper right

0:00:47.230,0:00:52.680
of the layers panel and click duplicate

0:00:50.380,0:00:52.680
layer

0:00:53.070,0:01:01.230
click new and type in displacement then

0:00:58.650,0:01:03.630
click OK

0:01:01.230,0:01:06.870
since displacement maps work best when

0:01:03.630,0:01:12.020
they're slightly blurred go to filter

0:01:06.870,0:01:12.020
blur and Gaussian blur

0:01:12.100,0:01:16.810
upload four pixels however depending on

0:01:15.190,0:01:19.180
the size and resolution of your document

0:01:16.810,0:01:21.910
you may want to use a different blur

0:01:19.180,0:01:25.920
amount give your image a similar degree

0:01:21.910,0:01:31.409
of blur as this then click OK

0:01:25.920,0:01:35.210
go to file and save as save it to your

0:01:31.409,0:01:39.450
desktop as a Photoshop PSD file and

0:01:35.210,0:01:41.369
click Save now we can close the

0:01:39.450,0:01:43.880
displacement document since we just

0:01:41.369,0:01:43.880
saved it

0:01:44.850,0:01:50.190
the next step is to isolate the face

0:01:47.400,0:01:52.620
from the rest of the image to do this we

0:01:50.190,0:01:54.750
need to make a selection around it there

0:01:52.620,0:01:57.360
are many ways to do this however for

0:01:54.750,0:02:00.700
this example I'll use the pencil tool if

0:01:57.360,0:02:03.909
you want to use this tool as well

0:02:00.700,0:02:06.700
make your pencil size small and the

0:02:03.909,0:02:08.590
hardness a hundred percent if your

0:02:06.700,0:02:11.470
foreground and background colors aren't

0:02:08.590,0:02:14.650
black and white respectively press D on

0:02:11.470,0:02:18.160
your keyboard click the quick mask icon

0:02:14.650,0:02:20.470
so we can draw a quick mask draw around

0:02:18.160,0:02:23.080
the perimeter of the face and shoulders

0:02:20.470,0:02:25.319
and make sure there are no gaps in the

0:02:23.080,0:02:25.319
line

0:02:25.950,0:02:32.590
open your paint bucket tool and make

0:02:29.310,0:02:35.110
sure contiguous is checked

0:02:32.590,0:02:37.569
click inside the quickmask to fill it in

0:02:35.110,0:02:40.540
if your entire canvas fills with the

0:02:37.569,0:02:43.120
quickmask press ctrl or command Z to

0:02:40.540,0:02:46.330
undo the last step and carefully check

0:02:43.120,0:02:48.520
your lines for gaps or holes convert the

0:02:46.330,0:02:51.760
quick mask into a selection by pressing

0:02:48.520,0:02:56.260
Q on your keyboard invert the selection

0:02:51.760,0:02:59.260
by pressing ctrl or command shift I to

0:02:56.260,0:03:03.900
refine the selection around the hair

0:02:59.260,0:03:06.510
go to select and refine edge

0:03:03.900,0:03:09.120
I did an in-depth tutorial on the refine

0:03:06.510,0:03:11.790
edge feature so to save time I won't be

0:03:09.120,0:03:15.120
going over all the details here check

0:03:11.790,0:03:17.459
smart radius and drag the radius to the

0:03:15.120,0:03:20.250
right until you start seeing a little

0:03:17.459,0:03:22.530
variance along the edges if you want to

0:03:20.250,0:03:24.480
refine it even more brush over the outer

0:03:22.530,0:03:28.480
edges of the hair around the head if

0:03:24.480,0:03:31.569
it's too much undo the last step

0:03:28.480,0:03:35.439
output it as a new layer with layer mask

0:03:31.569,0:03:35.439
then click OK

0:03:36.620,0:03:41.690
notice we now have a new layer with a

0:03:38.870,0:03:44.440
layer mask made from the selection to

0:03:41.690,0:03:47.000
make a new layer below the active layer

0:03:44.440,0:03:49.220
control click or command click on the

0:03:47.000,0:03:51.590
new layer icon

0:03:49.220,0:03:53.960
we'll fill the empty layer with black

0:03:51.590,0:03:59.840
and since black is the foreground color

0:03:53.960,0:04:02.060
press alt or option + delete we want to

0:03:59.840,0:04:05.540
brush black over the shoulders to create

0:04:02.060,0:04:08.190
a soft vignette to do this click the

0:04:05.540,0:04:12.090
layer mask to make it active

0:04:08.190,0:04:16.920
and open your brush tool make it size

0:04:12.090,0:04:19.200
large with a hardness of 0% carefully

0:04:16.920,0:04:22.470
brush over the shoulders making sure you

0:04:19.200,0:04:25.389
don't cover the chin of your subject

0:04:22.470,0:04:28.120
next we'll create the text part of your

0:04:25.389,0:04:31.659
text portrait if you want to use lyrics

0:04:28.120,0:04:36.580
a poem or any other block of text open

0:04:31.659,0:04:39.520
it highlight it and press ctrl or

0:04:36.580,0:04:42.960
command C to copy it for this purpose I

0:04:39.520,0:04:47.199
like to use a website called wordle.net

0:04:42.960,0:04:49.380
it creates word clouds from text that

0:04:47.199,0:04:53.790
you provide

0:04:49.380,0:04:57.030
click create click inside the box and

0:04:53.790,0:05:01.940
press ctrl or command V to paste your

0:04:57.030,0:05:01.940
text into it then click go

0:05:03.780,0:05:08.810
click language

0:05:06.590,0:05:11.030
for this example I'll make all the words

0:05:08.810,0:05:13.570
uppercase however you can choose

0:05:11.030,0:05:13.570
whatever you want

0:05:13.780,0:05:21.490
click font I'll use gaudi book letter

0:05:19.140,0:05:26.100
1911

0:05:21.490,0:05:29.110
click layout and tick straighter edges

0:05:26.100,0:05:31.020
for this example I'll choose mostly

0:05:29.110,0:05:38.270
horizontal

0:05:31.020,0:05:42.000
click color and click WB for white black

0:05:38.270,0:05:46.350
click open in window

0:05:42.000,0:05:48.780
and then maximize it to get your design

0:05:46.350,0:05:51.180
into Photoshop make a screenshot of your

0:05:48.780,0:05:53.190
entire design by pressing the Print

0:05:51.180,0:05:55.980
Screen key on the top of your keyboard

0:05:53.190,0:06:01.020
if you're using windows or if you're on

0:05:55.980,0:06:04.050
a Mac press control/command 3 minimize

0:06:01.020,0:06:06.980
the Wordle design window and your

0:06:04.050,0:06:06.980
browser windows

0:06:08.050,0:06:13.979
go to file and new click ok

0:06:14.490,0:06:20.840
press control or command V to paste your

0:06:17.550,0:06:20.840
screenshot into it

0:06:20.850,0:06:25.900
open your rectangular

0:06:22.780,0:06:27.970
marquee tool and drag a selection over

0:06:25.900,0:06:30.460
the inside of the black background and

0:06:27.970,0:06:34.330
be careful not to cut off any of your

0:06:30.460,0:06:39.150
text invert the selection and fill it

0:06:34.330,0:06:39.150
with black then deselect it

0:06:39.279,0:06:45.249
click the channels tab if you don't see

0:06:42.399,0:06:47.259
it go to window and channels at the

0:06:45.249,0:06:50.409
bottom of the panel click the small

0:06:47.259,0:06:53.579
dotted circle this makes a selection of

0:06:50.409,0:06:57.099
all the tonal values of your image open

0:06:53.579,0:07:00.729
back up your layers panel click the new

0:06:57.099,0:07:05.199
layer icon to make a new layer fill the

0:07:00.729,0:07:07.479
selection with white and deselect it

0:07:05.199,0:07:09.879
to get your white text design onto your

0:07:07.479,0:07:12.669
subject press V to open your move tool

0:07:09.879,0:07:14.770
and drag it up onto the tab of your

0:07:12.669,0:07:17.650
subject without releasing your mouse or

0:07:14.770,0:07:19.930
pen drag it down onto the face and

0:07:17.650,0:07:21.740
release

0:07:19.930,0:07:23.420
double-click on the thumbnail of your

0:07:21.740,0:07:25.360
text design to open its layer style

0:07:23.420,0:07:29.289
window

0:07:25.360,0:07:32.620
click drop shadow I'll make the distance

0:07:29.289,0:07:34.810
five pixels and the size five pixels

0:07:32.620,0:07:37.689
however depending on the size and

0:07:34.810,0:07:42.539
resolution of your photo you may want to

0:07:37.689,0:07:42.539
adjust these amounts then click OK

0:07:43.750,0:07:50.990
to save space in the layers panel click

0:07:46.990,0:07:53.000
the small arrow head next to the FX icon

0:07:50.990,0:07:55.220
the text portrait will have better

0:07:53.000,0:07:58.130
results when the text is relatively

0:07:55.220,0:08:02.660
small to resize it open your transform

0:07:58.130,0:08:05.750
tool by pressing ctrl or command T go to

0:08:02.660,0:08:08.599
a corner and when you see a diagonal

0:08:05.750,0:08:12.039
double-arrow press and hold alt or

0:08:08.599,0:08:14.900
option + shift as you drag it in to

0:08:12.039,0:08:20.919
reposition it go inside the transform

0:08:14.900,0:08:20.919
and move it then press Enter or return

0:08:21.960,0:08:26.870
of your text by pressing ctrl or command

0:08:24.120,0:08:30.480
J

0:08:26.870,0:08:34.110
reposition it over the face and make

0:08:30.480,0:08:36.330
another copy continue to make a few more

0:08:34.110,0:08:38.940
copies and position them over your

0:08:36.330,0:08:41.910
document we want to start rotating them

0:08:38.940,0:08:46.329
90 degrees clockwise to do this open

0:08:41.910,0:08:47.949
your transform tool go to a corner

0:08:46.329,0:08:52.209
and when you see a curved double-arrow

0:08:47.949,0:08:54.730
press and hold shift as you rotate it

0:08:52.209,0:08:59.230
clockwise 90 degrees pressing shift

0:08:54.730,0:09:02.439
snaps the transform to 45 90 or 180

0:08:59.230,0:09:06.489
degrees then press Enter or return and

0:09:02.439,0:09:09.759
position it continue to add text blocks

0:09:06.489,0:09:12.790
on your document let's place all the

0:09:09.759,0:09:14.709
text into a folder to do this scroll

0:09:12.790,0:09:17.499
down to the bottom text layer and

0:09:14.709,0:09:20.439
shift-click on it to highlight all the

0:09:17.499,0:09:24.160
layers between it and the top text layer

0:09:20.439,0:09:26.980
then press ctrl or command G to group

0:09:24.160,0:09:29.399
them into a folder make a copy of the

0:09:26.980,0:09:29.399
folder

0:09:29.550,0:09:38.890
and go to edit transform

0:09:34.370,0:09:38.890
and rotate 90 degrees counterclockwise

0:09:39.440,0:09:42.589
position it

0:09:42.890,0:09:50.970
make another copy and position that

0:09:48.320,0:09:54.270
continue to make copies and position

0:09:50.970,0:09:56.580
them over large empty areas let's group

0:09:54.270,0:10:00.380
these folders into another folder using

0:09:56.580,0:10:00.380
the same steps as you did before

0:10:01.770,0:10:05.970
we're going to reduce the size of the

0:10:03.990,0:10:09.180
text in the folder so open your

0:10:05.970,0:10:11.670
transform tool again and press ctrl or

0:10:09.180,0:10:15.630
command 0 to see the transforms entire

0:10:11.670,0:10:17.580
bounding box go to a corner

0:10:15.630,0:10:21.540
and when you see a diagonal double-arrow

0:10:17.580,0:10:23.510
press and hold shift and drag it in

0:10:21.540,0:10:26.640
approximately this much

0:10:23.510,0:10:30.160
move it in but position it on the upper

0:10:26.640,0:10:33.400
left then press Enter or return

0:10:30.160,0:10:37.380
make a copy of the folder

0:10:33.400,0:10:37.380
and move it to the lower right

0:10:37.500,0:10:43.570
make another copy

0:10:40.180,0:10:45.490
open your transform tool rotate it

0:10:43.570,0:10:49.470
clockwise

0:10:45.490,0:10:49.470
and move it to the upper right

0:10:50.430,0:10:57.480
make one more copy and position this one

0:10:54.840,0:11:00.180
to the lower left

0:10:57.480,0:11:04.470
to fit it back on your canvas press ctrl

0:11:00.180,0:11:07.080
or command 0 will convert all the text

0:11:04.470,0:11:09.180
into a smart object so we can displace

0:11:07.080,0:11:12.810
it using the displacement map that we

0:11:09.180,0:11:14.820
saved earlier to do this shift-click on

0:11:12.810,0:11:17.370
the bottom folder to highlight all the

0:11:14.820,0:11:22.850
folders and click the icon at the upper

0:11:17.370,0:11:22.850
right click convert to smart object

0:11:23.720,0:11:31.220
go to filter distort and displace

0:11:29.200,0:11:33.550
displace the horizont

0:11:31.220,0:11:36.670
vertical scales between five to ten

0:11:33.550,0:11:40.310
stretch to fit and repeat edge pixels

0:11:36.670,0:11:43.459
then click OK

0:11:40.310,0:11:45.639
click the displacement file and click

0:11:43.459,0:11:45.639
open

0:11:45.920,0:11:50.359
the text made a subtle but important

0:11:48.199,0:11:53.959
shift based on the displacement maps

0:11:50.359,0:11:55.819
tonal values of the face click off the

0:11:53.959,0:11:58.600
eyeball next to the text to temporarily

0:11:55.819,0:11:58.600
hide the layer

0:11:58.670,0:12:02.990
make a composite snapshot of your image

0:12:00.500,0:12:06.230
by first clicking the thumbnail of the

0:12:02.990,0:12:09.490
face to make it active and then pressing

0:12:06.230,0:12:13.990
ctrl shift alt e' on Windows or command

0:12:09.490,0:12:13.990
shift option E on a Mac

0:12:16.260,0:12:20.630
hide the layer with the layer mask

0:12:20.950,0:12:25.320
and drag the composite

0:12:22.630,0:12:30.140
snap shot to the top of the layers panel

0:12:25.320,0:12:33.880
change its blend mode to linear burn

0:12:30.140,0:12:33.880
and make your text visible

0:12:35.020,0:12:41.580
lastly we'll brighten the portrait click

0:12:39.190,0:12:44.580
the adjustment layer icon and click

0:12:41.580,0:12:44.580
levels

0:12:46.720,0:12:52.800
slide the input white to the left to

0:12:49.840,0:12:52.800
approximately 200

0:12:55.079,0:12:59.250
this is

0:12:56.400,0:13:01.370
Marty from Blue Lightning TV thanks for

0:12:59.250,0:13:01.370
watching