An Introduction

1. Adobe
Photoshop
Prof. Richard Santos

2. Adobe Photoshop is a graphics
editing program developed and
published by Adobe Systems
Incorporated

3. • In 1987, Thomas
Knoll, a PhD student
at the University of
Michigan began
writing a program on
his Macintosh Plus
to display grayscale
images on a
monochrome display

4. • This program, called
Display, caught the
attention of his
brother John Knoll,
an Industrial Light &
Magic employee,
who recommended
Thomas turn it into
a fully-fledged image
editing program.

5. BASIC PARTS

7. Tutorial

8. Turning Photograph into
Cartoon-Style Picture

9. Step 1: Preparing the Canvas
1. Open the original photo in Adobe
Photoshop

10. 2. On the 'Layers Palette', drag and
drop the 'background' layer to the
'New Layer' button to duplicate it.
Rename the new layer to
'original'.

11. 3. Lock this layer (click the 'lock all'
button ), and turn
the visibility of this layer off.

12. 4. Double click the 'background'
layer. Click 'OK'.

13. 5. Create a new layer. Rename it
into 'background'. We will use it
as background layer for our
cartoon photo. Fill it with orange
using Paint Bucket tool.

15. 6. Move the layer to the bottom.
Now our layers will look
something like this:

16. Step 2: Removing Unwanted
Areas of the Picture
Take the Pen Tool, create a path
around the object (Rihanna for this
case), load path as selection (ctrl +
Enter), inverse the selection (ctrl +
shift + i), cut (del), then deselect
the selection (ctrl + D).

18. Step 3: Creating outline of
the picture
1. Copy the 'Layer 0' layer (drag and
drop it to the 'create a new layer'
button).
Rename it to 'outline'.

20. 2. Menu: Image :: Adjustments ::
Shadow/Highlight...Click OK.
3. Make sure color palette is black
for the foreground and white for
the background. (Press 'd' if
they're not).

21. 4. Turn the picture into outline
using photocopy filter.
menu: Filter :: Sketch ::
Photocopy...
Set 'Detail' to 3.
Set 'Darkness' to 8.
Click 'OK'

22. 5. Turn the outline into solid black
lines.
menu: Image :: Adjustments ::
Threshold...
Click OK when you're satisfied
with the result.

23. That's it. Now we're done with the
outline.
Here's the result so far..

24. Step 4: Coloring the Skin
1. Select the 'outline' layer. Press Ctrl-J
to duplicate the layer (or drag and drop it
to the 'create a new layer' button).
Rename the new layer to 'white'.

25. 2. Let's make this layer pure white.
Choose menu: Image :: Adjustments ::
Brightnness/Contrast...
Move the 'Brightness' slider all the way
to the right (+100) and the 'Contrast'
slider all the way to the left (-100).

26. Click OK.
Now we have something like this:

27. 3. Drag the 'white' layer below the
'outline' layer.

28. 4. Change the blending mode of
'outline' layer to 'Multiply'.

29. 5. Press 'd' to set the foreground
color to black and background
color to white.

30. 6. On the Layers Palette, select the
'white' layer.
7. Click the 'Create new fill or
adjustment layer' at the bottom of
Layers Palette. On the popup
menu, choose 'Solid Color...'. A
'Color Picker' dialog box will be
displayed.
Click OK

32. 8. Now we have something like this.

33. 9. Choose 'Paint Bucket Tool‘ .
Click on the canvas to fill skin's
layer mask with black color.
10. Rename our new layer to 'skin'.

34. And now we have something like
this.

35. 11. Create a clipping mask between
'skin' layer and 'white' layer. Press
Ctrl + G while the 'skin' layer is
still selected.

36. 12. On the 'Layers Palette', click on the
'outline' layer while holding (pressing) the
Ctrl button. This will tell the ants to
march around Rihanna. I mean, this will
put a selection mark around Rihanna.

37. 13. Press 'x' to switch foreground
and background color

38. 14. Choose 'Paint Bucket' tool ,
click inside the selection on the
canvas to fill it with white.
15. Press Ctrl + D to deselect the
selection area.
And we're done coloring the skin

40. Here's what we got so far:

41. Step 5: Applying Some
Shading
1. Duplicate the 'Layer
0' layer.
We will have a new
layer named 'Layer 0
copy'.
Move it (drag it) to the
top of 'outline' layer.

42. 2. Blur this layer a little.
Menu: Filter :: Blur :: Gaussian Blur...
Set the radius of the blurring to 4
pixels
Click OK

43. 3. Select menu: Filter :: Artistic ::
Cutout...
Set 'Edge Simplicity' to 2.
Set 'Edge Fidelity' to 1.
Set ‘Number of Levels’ to 8.
Click OK on the Cutout dialog box

44. 4. Using the
result of the
Cutout filter, we
will create a
shade and a tint.
5. Rename the
'Layer 0 copy'
layer to 'shade'.
6. Duplicate the
'shade' layer.
Rename it (the
duplicate) to
'tint'.

45. 7. Now we have two new layers, tint and
shade. Let's work on the shade first.
Turn visibility of the 'tint' layer off.
Select the 'shade' layer.

46. 8. Choose menu: Image :: Adjustments ::
Threshold...
Turn the slider right and left,
experiment with it while looking at the
preview. Click OK when you're satisfied
with the result

47. 9. On the 'Tools Palette', pick 'Magic
Wand Tool' .
10. On the canvas, click on the
white area.

48. 11. Press Delete to cut the white
area of 'shade' layer

49. 12. Press Ctrl + D to deselect the
selection.
13. Change the blending mode of
'shade' layer to 'Soft Light'.

50. Change the opacity to 40%
(experiment with this value to get
the desired result).

51. 14. Select the 'tint' layer.
15. Choose menu: Image ::
Adjustments :: Threshold...
Turn the slider right and left,
experiment with it while looking
at the preview.

52. • Click OK when you're satisfied
with the result

53. 16. On the 'Tools Palette', pick
'Magic Wand Tool' .
17. On the canvas, click on the
black area.
18. Press Delete to cut the black
area of 'tint' layer.

54. 19. Press Ctrl + D to deselect the
selection.
20. Change the blending mode of 'tint'
layer to 'Soft Light'. Change the opacity
to 60% (experiment with this value to
get the desired result).

55. And here's the result so far:

56. Step 6: Coloring
For our Rihanna picture, we need
to colorize her shirt (tank top?),
lips, teeth, eyes, and hair

57. 1. On the Tools Palette, choose
'Paint Bucket Tool' (or press
'G').
2. Press 'd' to set the foreground
color to black and background
color to white.

58. 3. On the Layers Palette, select the
'skin' layer.

59. 4. Click the 'Create new fill or
adjustment layer' at the bottom of
Layers Palette.
On the popup menu, choose 'Solid
Color...'. A 'Color Picker' dialog
box will be displayed.
5. On the 'Color Picker' dialog box,
pick a dark red color. This color
will be used for the shirt.
Click OK

61. 6. Now we have something like this
7. Click on the canvas to fill our
shirt's layer mask with black
color.

62. 8. Rename our new layer to 'shirt'.
And now we have something like
this.

63. 9. Create a clipping mask between
'shirt' layer and 'skin' layer. Press
Ctrl + G while the 'shirt' layer is
still selected.

64. 10. Repeat step 4
through step 9 to
make layers for the
color of lips, eyes,
iris, and hair.
By the end of this
step, our layers will
be like this:

65. 11. Now that we've done preparing
the layer for each color , we can
start coloring each part of the
picture.
Let's start with the hair.
From the 'Tools Palette', pick
'Pencil Tool' (or press 'B').

66. 12. On the 'Layers Palette', select
the 'hair' layer.
13. Make sure the foreground color
is pure white. (Press 'X' if you
have to switch foreground and
background colors).

67. 14. Start painting the hair. Use a hard
brush with the opacity set to 100%.
Make sure that you zoom in when
coloring, so that it is nice and tidy.

68. 15. Now let's move on with the next
layer, the 'iris'. On the 'Layers Palette',
select the 'iris' layer. Repeat steps 13
through 14 to paint the iris

69. 16. The eyes (the white part of the
eyes) and teeth (for they have the
same color, which is white)...

70. 17. The lips...

71. 18. shirt...

72. And anytime you feel the need to
change a color of any layer, just
double click the layer (not the
layer mask!) and choose a new
color on the Color Picker. Very
easy.
That's all!
We're done cartooning the
photograph.

73. And here's our cute cartoon photo
of Rihanna:

74. THE END