Topics covered in 1st lecture:

Big Picture: Need to learn-

  • Interface and possibilities
  • Image size and its meanings and uses
  • Transform controls
  • Selection tools and stamps (Including content aware fill)
  • Masks and refine edge

Order:Interface walkthroughImage size and resolution using image size dialogOpen black and white imageConvert to rgb if grayscaleUsing clone stamp and healing brush to fix scratches and blemishes

-break for them to load images and retouch

Selection basics incl. How to save selections.Colorizingmake selectionUse fill layer, should automatically make maskExplain mask in this contextHow to move into and out of masksBlending modes to blend color layers with original image

Photoshop interface-

Lots of ways to do things
complex program

Menu Bar
single shot- no options in command
dialog command- have … choose attributes
checkmarks turns on and off setting

select tool and do something in image window

Options bar
options to modify settings of currently selected tool

panels- palettes
contains controls for certain aspects of project, color, history, layers

image window

Default panels that should be open

opening images in new project
open in control click

layer transparency, opacity, blending styles

Image Size and its relevance

Image size and resolution# of pixels in imageDPI of imagesize of and dpi of monitormultiply pixels to get megapixelsprint dpi 200 to 300 for good print qualityMaths-image size in pixels divided by dpi gives you max print size
desired print size times dpi gives you pixel size of image you need to make print


Clone stamp

Option-click to set copy point
[ ] to change size of brush

Healing brush
Small area content aware fill, good for skin and fabric

Content aware fill

works best on small objects with organic backgrounds

Beware of creating patterns or repeating too many bits

Selection Tools

Marquee and lasso tool

  • most basic selection tools
  • click and drag from edge
  • Release to let computer connect to meme a shape

modifier keys alter behavior holding keyoption-drag from center

  • selection can be clicked and dragged
  • constrain to perfect square hold shift
  • add to selection hold shift-non contiguous
  • alt key subtract from selection

What does a selection mean?
  • selection only affects active layer
  • Anything outside selection is protected

Refine edge go through process

  • Select menu- refine edge, also button
view- show different mask views-use which ever works, try switching views
radius- increase transition areas-PS finds edges
smart radius- PS differentiates between soft/complex and hard-even edges
use show radius button to see transition area
refine using brush buttons and sliders

  • Finish with decontaminate colors-helps control bleed
  • output to new layer with mask, output to selection to copy and paste normally

make selection
Use fill layer, should automatically make mask
Explain mask in this context
How to move into and out of masks
Blending modes to blend color layers with original image

Adjustment layersnon destructiveadjustments under image menu change the pixels when image is saved

  • option-click mask- show b and w layer
  • command-click mask- show selection
  • with selection on (marching ants) create an adjustment layer, creates layer with mask
  • copy paste into new layer

smart object resize without degradation

Finishing your composite:

Try to color match your fore- and background.Feather your masks slightly to make transitions not too sharp.Add texture to whole image to unify. Look for free textures on google images.Add shadows using masks, fill layers, transform, and blending modes.

Image size and resolution


Mediated by a Mask Tutorial

Animated gifs and cinemagraphs



puppet warp animation


Photoshop cinemagraph lecture
To show 2 ways of motion in photoshop
Animate with video or frames

Cinemagraph-type of animated gif-explain gif compression-has transparency

Find video- or take with phone
show to download and save
Use quicktime to trim to small portion with with little camera movement, some small specific movement

Save small clip to computer
Photoshop-show timeline, click small video symbol to import footage
Trim footage again by moving handles
Close triangle on video group layer, add layer above footage
Paint over area you want to keep moving
Move forward frame by frame and get all the motion covered by the paint

Select all on a frame of of the video you want to be the still area of the image. Copy and paste that into a new layer
Command click on the layer icon of the paint layer to create a selection
On the still layer, click the mask icon to create a mask, you should have your selection inthe mask area now, command-I to invert the mask
Export for web, choose gif, repeat forever
Post cinemagraph to wiki page

Show onion skin-via fly-out menu on right portion of timeline panel-show how to erase/manipulate frame by frame in video mode

Animate frames- create frame animation in timeline panel with image already loaded, separate part to be animated apart from the background onto new layer

Duplicate layers and create frames- explain the connection between frames and layers

Puppet warp- shift click to select multiple pins
Hold option to allow to rotate around pins