Welcome to Photoshop Basics

1
Welcome toPhotoshop Basics

• Jean Zajicek Instructor
• Jean_zajicek_at_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

• Menu Bar
• Tool Options Bar
• Toolbox
• Palette Well
• Palettes

4
Opening an Existing File

• FilegtOpen
• Quickest
• File Browser
• Icon on tool options bar
• Thumbnails
• Takes a little longer for pictures to load
• Image Properties
• ImagegtImage Size
• Altclick on file size in bottom left corner

5
Creating a New File

• FilegtNew

Name name of file Preset predefined sizes Width
and Height define size of image using pixels,
inches, mm, cm, picas or points Resolution 72
for online, 150 300 for print Color Mode RGB
(online and print) CMYK(4 color process)
6
Try It Out

• Open Photoshop
• Hold down AltCtrlShift 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

• 14. Dodge tool
• 15. Path Selection tool
• 16. Horizontal Text tool
• 17. Pen tool
• 18. Custom Shape tool
• 19, Notes tool
• 20. Eyedropper
• 21. Hand tool
• 22. Zoom tool
• 23. Foreground color
• 24. Background color
• 25. Standard screen mode

• 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

• Eraser
• Background Eraser
• Magic Eraser
• Gradient tool
• Paint Bucket tool
• Blur tool
• Sharpen tool
• Smudge Tool
• Dodge tool
• Burn tool
• Sponge tool

12
Tools Continued

• Path Selection tool
• Direct Selection tool
• Type tool
• Vertical Type tool
• Horizontal Type Mask tool
• Vertical Type Mask tool
• Pen tool
• Freeform Pen tool
• Add Anchor Point tool
• Delete Anchor Point tool
• Convert Point tool
• Rectangle tool
• Rounded Rectangle tool
• Ellipse tool
• Polygon tool
• Line tool
• Custom Shape tool

13
Tools Continued

• Notes tool
• Audio Annotation tool
• Eyedropper tool
• Color Sampler tool
• Measure tool
• Hand tool
• Zoom tool

14
O.K. I know what they are Now, What do they do?
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 (dont 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 (dont 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

Active layer indicates the layer in which you
are currently working Visibility allows you to
toggle seeing whats on a layer Layer style
effects such as outer glow, drop shadow, bevel
emboss Add layer mask allows you to create a
mask to block out parts of the image New set
create layer groupings New fill or adjustment
layer New layer Delete layer
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!
• imagegtduplicate
• 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 imagegtcrop to finalize change

27
Photo Retouching - Class 2

• Automatic Adjustments
• Photoshop will do some of the work for you
  through automatic adjustments.
• FilegtAutomategtCrop Straighten
• ImagegtAdjustmentsgtAuto 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.
• ImagegtAdjustmentsgtLevels

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
• ImagegtAdjustmentsgtReplace 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
• FiltergtSharpengtUnsharp 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

• Tools covered
• Magic Wand Used for selecting areas by color
• Marquee Tools Used for making rectangular,
  elliptical and single row selections
• Lasso Tool Used for making freehand selections
• Polygonal Lasso Tool Used for making selections
  by clicking fastening points
• Magnetic Lasso Tool Used for making selections
  with snap to line help
• Quick Tip CtrlD deselects

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
• EditgtCut
• CtrlX
• Copy it
• EditgtCopy
• CtrlC
• AltMove Tool
• Adjust position with arrow keys
• Arrow key moves selection one pixel at a time
• Shiftarrow moves selection 10 pixels at a time
• If marching ants (selection border) distracts
  you
• CtrlH toggles them on and off
• ViewgtShow 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 dont 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

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

h
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

h
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

h
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
  EditgtDefine 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_at_roundrockisd.org
• Or
• Jean_Zajicek_at_hotmail.com