E N D
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