1. Adobe Photoshop: Overview Author: Andrew Conard

2. Common Uses of Photoshop Creating graphics for the web. Modifying photos. Creating textures and other 2-D backgrounds for games. Note: No 3-D modeling features supported.

3. Resizing/Formats/Cropping Resize Images Reduce or expand size of picture. Reduce or expand size of picture. Resolution can not be added to an image. File Formats Allowed PSD, GIF, JPG PSD, GIF, JPGCropping Removing parts of an image off of the canvas. Removing parts of an image off of the canvas.

4. Gradients/Patterns Useful for textures or backgrounds.

5. Filters About Filters Filters are plug-ins in Photoshop. This means that you can download new plug-ins online for specific filtering effects. Filters are plug-ins in Photoshop. This means that you can download new plug-ins online for specific filtering effects. Artistic Filters (Examples: Colored Pencil, Plastic Wrap, Watercolor) Artistic Filters (Examples: Colored Pencil, Plastic Wrap, Watercolor) Blur Filters (Examples: Gaussian Blur, Radial Blur) Blur Filters (Examples: Gaussian Blur, Radial Blur)

6. Filters (Continued)

7. Brush Strokes (Examples: Angled Strokes, Ink Outlines) Distort (Examples: Glass, Ripple, Wave)

8. Filters (Continued) NoisePixelate Render (Examples: Lens Flare, Lighting Effects) Sharpen Image

9. Filters (Continued) Sketch (Examples: Chalk, Chrome, Plaster) Stylize (Examples: Glowing Edges, Tiles) And much more…

10. Type Tool Placing text in images. Anti-aliasing makes the edges of your type look nice and smooth instead of all jagged. Font size and type can be changed. Crisp/Strong/Smooth Types Crisp/Strong/Smooth Types

11. Layers All images in Photoshop are produced in layers. Starting with the background layer, you can add or delete as many layers as you need to. Layers can be combined.

12. Layers (Continued) All layers contain: Opacity (Transparency) Value Opacity (Transparency) Value Layer Mode (Examples: Normal, Overlay, Color Burn, Color Dodge) Layer Mode (Examples: Normal, Overlay, Color Burn, Color Dodge)

13. Selection Tools Used to select certain parts of a layer (Example: Someone’s head or a particular building in a photo) and modify it. Marquee Tool Rectangle Rectangle Oval Oval Row of Pixels Row of Pixels Column of Pixels Column of Pixels

14. Selection Tools (Continued) You usually want to select a more complicated shape than that, so… You can add or subtract from certain areas of the selection. You can add or subtract from certain areas of the selection. For example, to add, simply hold down shift and make another selection. For example, to add, simply hold down shift and make another selection. To subtract, simply hold down ALT and make another selection. To subtract, simply hold down ALT and make another selection.

15. Selection Tools (Continued) Lasso Allows you to make the selection by manually drawing it out with a pencil tool. Allows you to make the selection by manually drawing it out with a pencil tool.

16. Selection Tools (Continued) Magic Wand Select all of the same-color or similarly- colored adjacent pixels. Select all of the same-color or similarly- colored adjacent pixels. Tolerance Level Tolerance Level

17. Example Textures

18. Example Tutorial: Chrome From: http://www.nk- graphix.com/index.php?page=chrom http://www.nk- graphix.com/index.php?page=chromhttp://www.nk- graphix.com/index.php?page=chrom Step 1: Start with a blank white canvas. Step 2: Select the ellipse tool. Turn on the Draw Circle option under the ellipse options.

19. Chrome Tutorial Apply a gradient overlay by going to layer styles and then “Gradient Overlay”. Apply the following settings: Fill Method: Normal Opacity: 100% Gradient Colors: 1. #999999 | 2. #424242 | 3. #999999 Style: Linear Angle: 90° Fill Method: Normal Opacity: 100% Gradient Colors: 1. #999999 | 2. #424242 | 3. #999999 Style: Linear Angle: 90°

20. Chrome Tutorial Should look like this: Step 3: Apply a smooth, black outer glow (also under Layer Options). Then apply the following settings for an inner glow:

21. Chrome Tutorial Settings: Fill Method: Normal Fill Method: Normal Opacity: 30% Opacity: 30% Noise: 0% Noise: 0% Color: Black Color: Black Technique: Softer Technique: Softer Source: Edge Source: Edge Choke: 0% Choke: 0% Size: 10px Size: 10px

22. Chrome Tutorial Should look like this at this point: Step 4: Now apply the following Bevel & Emboss settings (also under Layer Options):

23. Chrome Tutorial Settings: Style: Inner Bevel, Technique: Smooth, Depth: 461, Direction: Down, Size: 13, Smooth: 0, Angle: 90°, Altitude: 55, Global Light: Off, Highlight Mode: Color Dodge, Color: White, Opacity: 0%, Shadow Mode: Color Dodge, Color: #696969, Opacity: 56% Style: Inner Bevel, Technique: Smooth, Depth: 461, Direction: Down, Size: 13, Smooth: 0, Angle: 90°, Altitude: 55, Global Light: Off, Highlight Mode: Color Dodge, Color: White, Opacity: 0%, Shadow Mode: Color Dodge, Color: #696969, Opacity: 56%

24. Chrome Tutorial Should look like: Step 5: Use the following “Satan” settings (also under Layer Options):

25. Chrome Tutorial Settings: Fill Method: Color Dodge Fill Method: Color Dodge Color: White Color: White Opacity: 35% Opacity: 35% Angle: 144° Angle: 144° Distance: 44px Distance: 44px Size: 40px Size: 40px Smooth: Off Smooth: Off Invert: On Invert: On

26. Chrome Tutorial Will eventually look like this after finishing touches:

27. Sources/Other Tutorials http://www.good-tutorials.com/ http://www.absolutecross.com/tutorials/ph otoshop/ http://www.absolutecross.com/tutorials/ph otoshop/ http://www.phong.com/tutorials/ http://www.photoshopcafe.com/tutorials.ht m http://www.photoshopcafe.com/tutorials.ht m http://www.nk- graphix.com/index.php?page=chrom http://www.nk- graphix.com/index.php?page=chrom