Welcome to Photoshop Basics

1. Welcome toPhotoshop Basics Jean Zajicek � Instructor Jean_zajicek@roundrockisd.org www.petiterabbit.com

2. What is it? Adobe Photoshop is a powerful tool for creating and editing both print and digital images.

3. The Workspace Palette well only Palette well only

4. Opening an Existing File File>Open Quickest File Browser Icon on tool options bar Thumbnails Takes a little longer for pictures to load Image Properties Image>Image Size Alt+click on file size in bottom left corner

5. Creating a New File File>New

6. Try It Out Open Photoshop Hold down Alt+Ctrl+Shift right after clicking on icon to reset palettes Create a new document with the following specs: Name it �Front� Image size (5.5 wide x 4.25 high) White background 200ppi resolution

7. Tools Rectangular marquee tool Move tool Lasso tool Magic Wand Crop tool Slice tool Healing brush Pencil tool Clone Stamp tool History brush Eraser tool Gradient Blur tool

8. Tools Continued Tools with black arrows have tools underneath them They are generally a variation of the overlying tool

9. Tools Continued Rectangular Marquee tool Elliptical Marquee tool Single Row Marquee tool Single Column Marquee tool Lasso tool Polygonal Lasso tool Magnetic Lasso tool Slice Tool Slice select tool

10. Tools Continued Healing Brush Patch tool Color Replacement tool Brush tool Pencil tool Clone Stamp tool Pattern Stamp tool History Brush Art History Brush

11. Tools Continued

12. Tools Continued

13. Tools Continued Notes tool Audio Annotation tool Eyedropper tool Color Sampler tool Measure tool Hand tool Zoom tool

15. Introduction - Class 1 Tools covered Paint bucket � Used for adding or changing fill color Gradient � Used for adding, and editing gradient color blends Custom shapes � Used for creating paths in a variety of shapes Line � Used for drawing straight lines and arrows Ellipse � Used for creating paths in an elliptical shape Rectangle � Used for creating paths in a rectangular shape Type � Used for adding type to images Move - Used for moving the contents of selections or layers

16. Class 1 Return to the document you opened in Photoshop Choose a fill color or gradient for the background color picker alters fill or gradient color tool options bar offers different gradient styles

17. Class 1 Create an oval using the ellipse tool Automatically fills with foreground color Change color in the tool options bar Hold down spacebar (don�t let go of mouse button!) to move oval around on screen before finalizing

18. Class 1 Create a bunny using the custom shape tool Choose shape and color from the tool options bar Click on small arrow in top right of the shape dropdown box to expand the list of options (large list) Automatically fills with foreground color Hold down spacebar (don�t let go of mouse button!) to move shape around on screen before finalizing

19. Class 1 Add butterflies and flowers Choose new shape and color from the tool options bar

20. Class 1 Add a �Happy Easter� message using the type tool Choose font color, style and size from the tool options bar

21. Class 1 Does it look like a card? Do one on your own choosing your own theme Holiday Birthday Thank You

22. Class 1 Layers Layers are like pieces of transparency stacked on top of one another with each one having a portion of the image on it The layers palette lists these layers in order from top to bottom. For instance anything on �Layer 1� on the next slide would appear on top of anything on the �Background� layer

23. Class 1 Layers Palette

24. Class 1 Add layer styles to your �Happy Easter� message Choose the �layer styles� icon from the bottom of the layers palette and play with all of the options. You can apply layer effects to any layer you wish.

25. Photo Retouching - Class 2 Tools covered Crop Tool � Used for cropping image borders Dodge Tool � Used to lighten tones Sponge Tool � Used to change color saturation Clone Stamp Tool � Used for painting with copied image data Healing Brush � Used for seamless merging of cloned image data Patch Tool � Used for merging copied image selcetions

26. Photo Retouching - Class 2 Always work in a copy! image>duplicate Crop tool tool options bar allows you to lock an aspect ratio Draw a rectangle around the image Hover outside crop box until you get circular arrow to rotate Grab handle boxes on outside edge to resize Hit enter or choose image>crop to finalize change

27. Photo Retouching - Class 2 Automatic Adjustments Photoshop will do some of the work for you through automatic adjustments. File>Automate>Crop & Straighten Image>Adjustments>Auto Color

28. Photo Retouching - Class 2 Color Adjustments Adjust highlight, midtone and shadow levels my moving the white, gray and black sliders along the bottom of the graph. Image>Adjustments>Levels

29. Photo Retouching - Class 2 Color Replacement replace the color in an area of your image Select an area of your image with a selection tool Image>Adjustments>Replace Color Use left-most eyedropper to choose a single color, the middle one to add colors and the right-most to subtract colors �Fuzziness� level controls the degree to which colors are included Change the Hue, Saturation and Lightness to create replacement color

30. Photo Retouching - Class 2 Dodge Tool lighten areas of your image Choose the dodge tool from the toolbox Determine a brush size, range (highlights, midtones or shadows) and exposure (how light you want it to be with each swipe) from the tool options bar Drag over area of image you wish to lighten

31. Photo Retouching - Class 2 Sponge Tool saturates color Choose the sponge tool from the toolbox (may be hidden under the dodge tool) Determine a brush size, mode (saturate or desaturate) and flow (how much effect you want with each swipe) from the tool options bar Drag over area of image you wish to change

32. Photo Retouching - Class 2 Unsharp Mask Filter sharpens by adjustments in pixel contrast rather than determining edges Filter>Sharpen>Unsharp Mask Use Amount, Radius and Threshold sliders to get the desired effect Make sure the preview checkbox is chosen so you can see changes before accepting them

33. Photo Retouching - Class 2 Clone Stamp Tool uses pixels from one area of an image to replace pixels from another area Choose the Clone Stamp tool from the toolbox Determine a brush size, mode (many to choose from), opacity and flow (how much effect you want with each swipe) from the tool options bar Alt Click where you want to sample from (a target will appear on the screen) Release Alt and drag over the area you wish to correct

34. Photo Retouching - Class 2 Alignment and the Clone Stamp Tool Alignment is a check box in the tool options bar Checking alignment makes the tool continuously sample pixels while you work maintaining a constant distance from the position where you first sampled. When alignment is not checked, the tool continues to use the original area sampled again and again.

35. Photo Retouching - Class 2 Healing Brush paints with sampled pixels while matching lighting, shading and texture of the pixels being replaced Choose the healing brush (band aid icon) from the toolbox Determine a brush size, mode and whether you want to sample your replacement pixels or use a pattern Alt click to sample (a target will appear) Drag over area you wish to change Alignment for this tool carries the same explaination as that for the Clone Stamp Tool

36. Photo Retouching - Class 2 Patch Tool replaces a selected area with sampled pixels while matching lighting, shading and texture of the pixels being replaced Choose the Patch Tool (may be behind the Healing Brush Tool) from the toolbox Box icons in the tool options bar allow you to choose a new selection or add, subtract or intersect with an existing one Encirle the area of the image you wish to repair Drag the circle to the area of the replacement pixels

37. Selection Tools - Class 3

38. Class 3 Magic Wand selects an area of an image by color Choose the Magic Wand Tool from the toolbox Box icons in the tool options bar allow you to choose a new selection or add, subtract or intersect with an existing one Tolerance determines how many color tones are selected Click to select Shift click to add to selection Alt click to subtract from selection

39. Class 3 Marquee Tool selects an area of an image in rectangles, ellipses or single lines Choose the Marquee Tool from the toolbar Box icons in the tool options bar allow you to choose a new selection or add, subtract or intersect with an existing one Feathering blurs the edges of the selection Click and drag to create a selection box To adjust position of selection area, depress spacebar without releasing mouse When using the ellipse, press shift to produce a perfect circle or Alt to draw from center

40. Class 3 Lasso Tool allows you to select by drawing around an image Choose the Lasso Tool from the toolbar Box icons in the tool options bar allow you to choose a new selection or add, subtract or intersect with an existing one Feathering blurs the edges of the selection Click and trace area to be selected without letting go of mouse button If your selection is not a closed area, Photoshop will draw a straight line from the point at which you release the mouse to your beginning point

41. Class 3 Polygonal Lasso Tool allows you to select by drawing around an image with fastening points Choose the Polygonal Lasso Tool from the toolbar Box icons in the tool options bar allow you to choose a new selection or add, subtract or intersect with an existing one Feathering blurs the edges of the selection Click to set fastening points around the area to be selected Double clicking before the selection is closed will draw a straight line from the point at which you double click to your first fastening point Toggle between Lasso and Poly Lasso by holding down Alt and letting go of the mouse and vice versa

42. Class 3 Magnetic Lasso Tool allows you to select by drawing around an image � automatically snaps to high contrast edges Choose the Magnetic Lasso Tool from the toolbar Box icons in the tool options bar allow you to choose a new selection or add, subtract or intersect with an existing one Feathering blurs the edges of the selection Click and drag along edge to set random fastening points Double clicking before the selection is closed will draw a straight line from the point at which you double click to your first fastening point You can create your own fastening points by clicking Pressing delete key removes fastening points in reverse order

43. Class 3 Once a selection is made� Cut it out Move it away with the move tool Edit>Cut Ctrl+X Copy it Edit>Copy Ctrl+C Alt+Move Tool Adjust position with arrow keys Arrow key moves selection one pixel at a time Shift+arrow moves selection 10 pixels at a time If �marching ants� (selection border) distracts you Ctrl+H toggles them on and off View>Show Selection Edges

44. Drawing Tools - Class 4 Tools Covered: Brush � used for painting Pencil � used for drawing hard edged lines History Brush � used for painting

45. Class 4 Create a new document 300 pixels square 200 ppi resolution Name it �Painting�

46. Class 4 Choose a �sky� color by clicking on the foreground color and using the color picker Use the paint bucket to make the background blue

47. Class 4 Create white clouds in the sky using the custom shape tool Use the �black cloud� from the dropdown � the other cloud creates an outline with no fill color

48. Class 4 Click on the brush tool It may be hidden under the pencil Create a new layer Make the appropriate selections in the tool options bar to draw a tree trunk and limbs

49. Class 4 In the lower left hand corner of the screen draw a tree Create a tree trunk Make lines straight by holding the shift key Create fillable areas by creating closed shapes Freehand branches but don�t worry about leaves at this point

50. Class 4 On the lower right hand side draw a house Create straight lines by clicking a point, holding down the shift key and clicking another point Fill in your closed shapes so your house has color

51. Class 4 We�ve changed our mind about where the house should go Select the house (Hold down Ctrl while you click on the layer in the layers palette) and move it higher in the composition using the move tool Do the same with the tree

52. Class 4 Click on the brush dropdown from the tool options bar Click on the small arrow in the upper right hand corner and choose large list from the dropdown Choose the grass brush from the brush choices

53. Class 4 Run cursor into image to see size, adjust size with slider in brush dropdown Click on the foreground color to choose a grassy green Create a new layer and drag grass in front of the tree and house to cover the ground

54. Class 4 Because brushes are sometimes hard to control, using the history brush tool can be helpful Click on the action in your history palette before you drew anything with the brush (should be �new layer�) Your grass should be gone

55. Class 4 Now click the camera icon in the history palette a thumbnail of your current drawing appears at the top with �snapshot 1� by it Make sure the brush tool is chosen and that you are on your grass layer and redraw your grass Choose Multiply from the Mode dropdown in the Tool Options Bar � this makes the grass get darker as you brush over it multiple times

56. Class 4 Click on the History Brush in the toolbar The History Brush will return any missteps with the brush back to the way it was in �snapshot 1�

57. Class 4 Click on the Pencil Tool (under the brush) Choose hard round 1 pixel from the tool options bar Create a new layer and draw lines on the tree that resemble tree bark texture Choose the blur tool and soften the lines as you see fit

58. Class 4 We want to put leaves on the tree but the only leaf in the library is a maple we need to create a custom brush Go to the Internet and find a picture of an oak leaf with which to make a pattern. With the image open in Photoshop choose Edit>Define Brush. Choose a name for your brush and click OK.

59. Class 4 Click on the Brushes palette is your palette well. Make adjustments to your brush. You will see the effects of your changes in the window at the bottom. When you are satisfied, create a new layer and put your leaves on your tree. You may want to make a new snapshot in the history palette before you begin. Get rid of unwanted leaves by using the eraser or history brush

60. Thank You!! Complete class notes should be on my website within a week http://www.petiterabbit.com Email me with any questions, anytime! Jean_Zajicek@roundrockisd.org Or Jean_Zajicek@hotmail.com