Download - Adobe photoshop
![Page 1: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/1.jpg)
Adobe Photoshop
Prof. Richard Santos
![Page 2: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/2.jpg)
Adobe Photoshop is a graphics editing program developed and published by Adobe Systems Incorporated
![Page 3: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/3.jpg)
• 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
![Page 4: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/4.jpg)
• 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.
![Page 5: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/5.jpg)
BASIC PARTS
![Page 6: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/6.jpg)
![Page 7: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/7.jpg)
Tutorial
![Page 8: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/8.jpg)
Turning Photograph into Cartoon-Style Picture
![Page 9: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/9.jpg)
Step 1: Preparing the Canvas1. Open the original photo in Adobe
Photoshop
![Page 10: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/10.jpg)
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'.
![Page 11: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/11.jpg)
3. Lock this layer (click the 'lock all' button ), and turn
the visibility of this layer off.
![Page 12: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/12.jpg)
4. Double click the 'background' layer. Click 'OK'.
![Page 13: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/13.jpg)
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.
![Page 14: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/14.jpg)
![Page 15: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/15.jpg)
6. Move the layer to the bottom. Now our layers will look something
like this:
![Page 16: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/16.jpg)
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).
![Page 17: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/17.jpg)
![Page 18: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/18.jpg)
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'.
![Page 19: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/19.jpg)
![Page 20: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/20.jpg)
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).
![Page 21: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/21.jpg)
4. Turn the picture into outline using photocopy filter.menu: Filter :: Sketch :: Photocopy...
Set 'Detail' to 3. Set 'Darkness' to 8.Click 'OK'
![Page 22: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/22.jpg)
5. Turn the outline into solid black lines.menu: Image :: Adjustments :: Threshold... Click OK when you're satisfied with the result.
![Page 23: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/23.jpg)
That's it. Now we're done with the outline.
Here's the result so far..
![Page 24: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/24.jpg)
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'.
![Page 25: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/25.jpg)
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).
![Page 26: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/26.jpg)
Click OK. Now we have something like this:
![Page 27: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/27.jpg)
3. Drag the 'white' layer below the 'outline' layer.
![Page 28: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/28.jpg)
4. Change the blending mode of 'outline' layer to 'Multiply'.
![Page 29: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/29.jpg)
5. Press 'd' to set the foreground color to black and background color to white.
![Page 30: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/30.jpg)
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
![Page 31: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/31.jpg)
![Page 32: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/32.jpg)
8. Now we have something like this.
![Page 33: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/33.jpg)
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'.
![Page 34: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/34.jpg)
And now we have something like this.
![Page 35: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/35.jpg)
11. Create a clipping mask between 'skin' layer and 'white' layer. Press Ctrl + G while the 'skin' layer is still selected.
![Page 36: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/36.jpg)
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.
![Page 37: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/37.jpg)
13. Press 'x' to switch foreground and background color
![Page 38: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/38.jpg)
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
![Page 39: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/39.jpg)
![Page 40: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/40.jpg)
Here's what we got so far:
![Page 41: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/41.jpg)
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.
![Page 42: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/42.jpg)
2. Blur this layer a little.Menu: Filter :: Blur :: Gaussian Blur...Set the radius of the blurring to 4 pixelsClick OK
![Page 43: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/43.jpg)
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
![Page 44: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/44.jpg)
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'.
![Page 45: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/45.jpg)
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.
![Page 46: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/46.jpg)
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
![Page 47: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/47.jpg)
9. On the 'Tools Palette', pick 'Magic Wand Tool' .
10. On the canvas, click on the white area.
![Page 48: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/48.jpg)
11. Press Delete to cut the white area of 'shade' layer
![Page 49: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/49.jpg)
12. Press Ctrl + D to deselect the selection.
13. Change the blending mode of 'shade' layer to 'Soft Light'.
![Page 50: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/50.jpg)
Change the opacity to 40% (experiment with this value to get the desired result).
![Page 51: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/51.jpg)
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.
![Page 52: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/52.jpg)
• Click OK when you're satisfied with the result
![Page 53: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/53.jpg)
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.
![Page 54: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/54.jpg)
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).
![Page 55: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/55.jpg)
And here's the result so far:
![Page 56: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/56.jpg)
Step 6: Coloring
For our Rihanna picture, we need to colorize her shirt (tank top?), lips, teeth, eyes, and hair
![Page 57: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/57.jpg)
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.
![Page 58: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/58.jpg)
3. On the Layers Palette, select the 'skin' layer.
![Page 59: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/59.jpg)
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
![Page 60: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/60.jpg)
![Page 61: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/61.jpg)
6. Now we have something like this
7. Click on the canvas to fill our shirt's layer mask with black color.
![Page 62: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/62.jpg)
8. Rename our new layer to 'shirt'.And now we have something like this.
![Page 63: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/63.jpg)
9. Create a clipping mask between 'shirt' layer and 'skin' layer. Press Ctrl + G while the 'shirt' layer is still selected.
![Page 64: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/64.jpg)
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:
![Page 65: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/65.jpg)
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').
![Page 66: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/66.jpg)
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).
![Page 67: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/67.jpg)
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.
![Page 68: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/68.jpg)
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
![Page 69: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/69.jpg)
16. The eyes (the white part of the eyes) and teeth (for they have the same color, which is white)...
![Page 70: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/70.jpg)
17. The lips...
![Page 71: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/71.jpg)
18. shirt...
![Page 72: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/72.jpg)
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.
![Page 73: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/73.jpg)
And here's our cute cartoon photo of Rihanna:
![Page 74: Adobe photoshop](https://reader036.vdocuments.mx/reader036/viewer/2022070316/5558e4e8d8b42ad7138b4f39/html5/thumbnails/74.jpg)
THE END