Photoshop Tutorial: How to Make a Comic Book, Pop Art, Cartoon from a Photo

ASR: en

0:00:08.750,0:00:14.549
hi this is Marty from Blue Lightning TV

0:00:12.179,0:00:17.600
I'm going to show you how to create a

0:00:14.549,0:00:20.430
comic book style cartoon from a photo

0:00:17.600,0:00:22.140
this tutorial is an update that I did

0:00:20.430,0:00:25.650
quite awhile ago on an earlier version

0:00:22.140,0:00:27.810
of Photoshop open a photo you'd like to

0:00:25.650,0:00:29.939
use I downloaded this one from

0:00:27.810,0:00:32.550
shutterstock.com

0:00:29.939,0:00:34.950
keep in mind the photo size and

0:00:32.550,0:00:37.170
resolution are important in that they

0:00:34.950,0:00:40.230
directly affect how your final image

0:00:37.170,0:00:42.780
will look for example when we use the

0:00:40.230,0:00:44.850
color halftone filter later this is how

0:00:42.780,0:00:47.000
it looks when the photos resolution is

0:00:44.850,0:00:50.940
150 pixels per inch

0:00:47.000,0:00:53.730
300 pixels per inch and 72 pixels per

0:00:50.940,0:00:55.829
inch to ensure that your final image

0:00:53.730,0:00:59.820
will look like mine do the following

0:00:55.829,0:01:03.809
if your image is already cropped go to

0:00:59.820,0:01:06.150
image and image size and make your image

0:01:03.809,0:01:09.510
approximately a thousand pixels in

0:01:06.150,0:01:13.979
height and its resolution 150 pixels per

0:01:09.510,0:01:16.350
inch its width can be any amount if your

0:01:13.979,0:01:21.450
image isn't sized and cropped like this

0:01:16.350,0:01:24.570
one open your crop tool and click on the

0:01:21.450,0:01:27.840
width height and resolution in the width

0:01:24.570,0:01:31.229
field type in a temporary amount of a

0:01:27.840,0:01:33.860
thousand px for pixels and for the

0:01:31.229,0:01:40.200
height also type in a thousand pixels

0:01:33.860,0:01:42.869
for the resolution type in 150 now drag

0:01:40.200,0:01:47.149
your photo to a position you like to

0:01:42.869,0:01:50.100
crop the width highlight the amount and

0:01:47.149,0:01:56.100
hold down your down arrow key on your

0:01:50.100,0:02:00.149
keyboard to reposition it just drag your

0:01:56.100,0:02:03.420
image to crop it more go to a corner of

0:02:00.149,0:02:06.200
the crop tool and drag it when you're

0:02:03.420,0:02:09.420
happy with your photo size and position

0:02:06.200,0:02:11.870
click the checkmark at the top or press

0:02:09.420,0:02:13.640
Enter or return

0:02:11.870,0:02:18.319
fit your image back onto your screen

0:02:13.640,0:02:21.500
press ctrl or command 0 to check its

0:02:18.319,0:02:26.239
size and resolution go to image and

0:02:21.500,0:02:29.000
image size as you can see its height is

0:02:26.239,0:02:32.959
a thousand pixels and it's resolution is

0:02:29.000,0:02:36.650
a hundred fifty pixels per inch make two

0:02:32.959,0:02:41.019
copies of your photo by pressing ctrl J

0:02:36.650,0:02:44.410
on Windows or command J on a Mac twice

0:02:41.019,0:02:48.560
name the top layer color halftone and

0:02:44.410,0:02:50.299
the layer below it poster edges click

0:02:48.560,0:02:53.690
off the eyeball next to the top layer to

0:02:50.299,0:02:56.750
temporarily hide the layer go to filter

0:02:53.690,0:02:58.220
and filter gallery if you don't see it

0:02:56.750,0:03:00.470
because you're working on an earlier

0:02:58.220,0:03:03.650
version of Photoshop I'll tell you a

0:03:00.470,0:03:07.459
workaround in a minute open the artistic

0:03:03.650,0:03:10.640
folder and click poster edges I'm making

0:03:07.459,0:03:14.180
the edge thickness to the intensity 1

0:03:10.640,0:03:16.669
and the posterization 2 for earlier

0:03:14.180,0:03:20.060
versions of Photoshop go to filter

0:03:16.669,0:03:24.319
artistic and poster edges when you're

0:03:20.060,0:03:26.840
done click OK to make your subjects eyes

0:03:24.319,0:03:30.530
pop more will add comic books eyes

0:03:26.840,0:03:34.310
reflections on the pupils click the new

0:03:30.530,0:03:36.349
layer icon to make a new layer let's

0:03:34.310,0:03:39.459
zoom into the eyes to get a closer view

0:03:36.349,0:03:44.959
press Z to open your zoom tool and drag

0:03:39.459,0:03:48.739
over the eyes of your subject open your

0:03:44.959,0:03:51.440
elliptical marquee tool go to the center

0:03:48.739,0:03:55.010
of the highlight on the pupil and hold

0:03:51.440,0:03:58.099
down shift + alt on windows or shift +

0:03:55.010,0:04:00.680
option on a mac as you drag out a small

0:03:58.099,0:04:02.750
circular selection we'll fill it with

0:04:00.680,0:04:07.699
white and since white is the background

0:04:02.750,0:04:11.949
color press ctrl or command + delete to

0:04:07.699,0:04:15.169
deselect it press ctrl or command D to

0:04:11.949,0:04:18.199
make one for the other eye copy the

0:04:15.169,0:04:22.310
reflection by pressing ctrl or command J

0:04:18.199,0:04:24.590
and drag the copy over the center of the

0:04:22.310,0:04:27.080
highlight on the other pupil

0:04:24.590,0:04:32.570
to fit the entire image back onto your

0:04:27.080,0:04:34.280
screen press ctrl or command 0 let's

0:04:32.570,0:04:37.340
merge the eye reflections with the

0:04:34.280,0:04:43.700
poster edges layer to do this press ctrl

0:04:37.340,0:04:47.060
or command E twice next we'll add a

0:04:43.700,0:04:49.610
cartoon border double-click the

0:04:47.060,0:04:52.790
thumbnail of the poster edges layer to

0:04:49.610,0:04:57.560
open its layer style window click stroke

0:04:52.790,0:05:03.710
click the color box and pick white then

0:04:57.560,0:05:08.240
click OK make the size 23 pixels and the

0:05:03.710,0:05:09.970
position inside click inner glow and the

0:05:08.240,0:05:13.960
color box

0:05:09.970,0:05:17.540
pick black and click OK

0:05:13.960,0:05:22.130
change the blend mode to normal and the

0:05:17.540,0:05:28.820
opacity to 100% make the chowk 100% and

0:05:22.130,0:05:32.030
the size 25 pixels then click OK let's

0:05:28.820,0:05:37.539
increase its color vibrancy click the

0:05:32.030,0:05:37.539
adjustment layer icon and click vibrance

0:05:37.870,0:05:43.000
drag the slider all the way to the right

0:05:43.390,0:05:51.080
make the color vibrance layer visible

0:05:46.250,0:05:55.490
and active go to filter pixelate

0:05:51.080,0:05:58.070
and color halftone make the radius 6

0:05:55.490,0:06:04.240
pixels and keep the screen angles at

0:05:58.070,0:06:09.280
their default amounts then click OK

0:06:04.240,0:06:09.280
change the blend mode to soft light

0:06:10.030,0:06:18.590
click the new layer icon to make a new

0:06:12.740,0:06:21.470
layer let's name it talk bubble open the

0:06:18.590,0:06:24.200
custom shape tool and invert the

0:06:21.470,0:06:27.139
foreground and background colors to do

0:06:24.200,0:06:32.780
this press X on your keyboard or click

0:06:27.139,0:06:35.510
this icon choose pixels if you're using

0:06:32.780,0:06:38.419
an earlier version of Photoshop click

0:06:35.510,0:06:41.880
this icon 4 pixels

0:06:38.419,0:06:43.889
open the shape thumbnails and click the

0:06:41.880,0:06:48.449
gear icon to open your list of shape

0:06:43.889,0:06:51.120
presets click talk bubbles and when you

0:06:48.449,0:06:53.220
see this warning click OK to replace the

0:06:51.120,0:06:56.130
current shapes in the thumbnail window

0:06:53.220,0:06:58.500
with the talk bubble shapes for this

0:06:56.130,0:07:02.430
example I'll click this shape which is

0:06:58.500,0:07:06.090
called talk 6 click the gear icon at the

0:07:02.430,0:07:09.930
top tick unconstrained and check from

0:07:06.090,0:07:12.720
center drag the talk bubble to a size

0:07:09.930,0:07:14.630
and shape you like it fills with white

0:07:12.720,0:07:17.639
because the foreground color is white

0:07:14.630,0:07:20.729
for this image I'd like this part of the

0:07:17.639,0:07:27.360
shape to point to the subjects mouth so

0:07:20.729,0:07:32.430
I'll go to edit transform and rotate 180

0:07:27.360,0:07:35.880
degrees to reposition it press V to open

0:07:32.430,0:07:37.889
your move tool and move it double-click

0:07:35.880,0:07:41.719
on the thumbnail of the talk bubble to

0:07:37.889,0:07:45.409
open its layer style window click stroke

0:07:41.719,0:07:51.090
make the size 4 pixels and the position

0:07:45.409,0:07:55.110
inside then click OK we're ready to add

0:07:51.090,0:07:59.520
text open your horizontal type tool and

0:07:55.110,0:08:01.889
pick a cartoon font I'm using hikes

0:07:59.520,0:08:03.570
regular if you'd like to use it I

0:08:01.889,0:08:06.509
provided its link in the video

0:08:03.570,0:08:10.319
description or project files for this

0:08:06.509,0:08:13.830
font I'll make its size 40 points sharp

0:08:10.319,0:08:17.370
and center alignment click the color box

0:08:13.830,0:08:19.259
and pick a color for your text if you

0:08:17.370,0:08:22.469
want to pick up a color from your image

0:08:19.259,0:08:26.490
just click on the color then click OK

0:08:22.469,0:08:30.419
click on your document and type out your

0:08:26.490,0:08:34.320
text to adjust the spacing between your

0:08:30.419,0:08:37.200
lines of text highlight the lines and go

0:08:34.320,0:08:38.630
to window and character the character

0:08:37.200,0:08:41.849
panel will open

0:08:38.630,0:08:44.880
slide the letting icon to the right or

0:08:41.849,0:08:47.000
left to move the lines of text further

0:08:44.880,0:08:50.380
apart or closer together

0:08:47.000,0:08:56.510
I'd like to italicize the character

0:08:50.380,0:08:58.520
so I'll click on the faux italic icon to

0:08:56.510,0:09:02.180
close the character panel click the

0:08:58.520,0:09:05.240
double Arrowhead icon to reposition your

0:09:02.180,0:09:09.589
text on the talk bubble open your move

0:09:05.240,0:09:12.620
tool and move it next we'll add a stroke

0:09:09.589,0:09:18.080
and a drop shadow to the text click the

0:09:12.620,0:09:22.839
FX icon and choose stroke click the

0:09:18.080,0:09:27.760
color box and pick white then click OK

0:09:22.839,0:09:32.150
make the size 5 pixels click drop shadow

0:09:27.760,0:09:36.680
reduce its opacity to 25% and make the

0:09:32.150,0:09:42.040
angle 135 degrees make the distance 15

0:09:36.680,0:09:44.660
pixels and the size 0 then click OK if

0:09:42.040,0:09:48.050
you'd like to angle the top bubble and

0:09:44.660,0:09:50.150
text shift-click on the top bubble

0:09:48.050,0:09:52.460
thumbnail to highlight it as well and

0:09:50.150,0:09:56.959
then open your transform tool by

0:09:52.460,0:09:59.959
pressing ctrl or command T to angle it

0:09:56.959,0:10:02.750
go to a corner and when you see a curved

0:09:59.959,0:10:05.720
double-arrow rotate it to an angle you

0:10:02.750,0:10:09.200
like to move it click inside the

0:10:05.720,0:10:11.440
transform and drag it then press Enter

0:10:09.200,0:10:11.440
or return

0:10:15.080,0:10:20.680
this is Marty from Blue Lightning TV

0:10:17.870,0:10:20.680
thanks for watching