Adobe Photoshop

Prof. Richard Santos

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

• 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

• 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.

BASIC PARTS

Tutorial

Turning Photograph into Cartoon-Style Picture

Step 1: Preparing the Canvas1. Open the original photo in Adobe

Photoshop

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'.

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

the visibility of this layer off.

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

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.

6. Move the layer to the bottom. Now our layers will look something

like this:

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).

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'.

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).

4. Turn the picture into outline using photocopy filter.menu: Filter :: Sketch :: Photocopy...

Set 'Detail' to 3. Set 'Darkness' to 8.Click 'OK'

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

That's it. Now we're done with the outline.

Here's the result so far..

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'.

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).

Click OK. Now we have something like this:

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

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

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

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

8. Now we have something like this.

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'.

And now we have something like this.

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

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.

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

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

Here's what we got so far:

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.

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

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

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'.

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.

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

9. On the 'Tools Palette', pick 'Magic Wand Tool' .

10. On the canvas, click on the white area.

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

12. Press Ctrl + D to deselect the selection.

13. Change the blending mode of 'shade' layer to 'Soft Light'.

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

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.

• Click OK when you're satisfied with the result

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.

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).

And here's the result so far:

Step 6: Coloring

For our Rihanna picture, we need to colorize her shirt (tank top?), lips, teeth, eyes, and hair

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.

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

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

6. Now we have something like this

7. Click on the canvas to fill our shirt's layer mask with black color.

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

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

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:

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').

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).

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.

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

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

17. The lips...

18. shirt...

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.

And here's our cute cartoon photo of Rihanna:

THE END