Graphic Design / Interactive Design / Fine & Applied Arts / Parkland College

Graphic Design Exercises
Photoshop: Background Blur

Objective

To be introduced to Photoshop's silhouetting, masking and blurring tools. To recreate the above retouched image by example.

Discussion

Depth is an illusion in 2D space. One way to create depth is to see the way a camera sees the world. Photographers like to use a "shallow" depth of field to exaggerate this effect. In addition to fooling the eye into "seeing" depth, we have the additional benefit of selective focus, or creating a focal point. Focal points are important in art because they allow viewers an easy entry point into the image.

Procedure

prepping the file

  1. download starter file, open in Photoshop
  2. practice Adobe navigation keyboard shortcuts: space = hand; space + cmd = zoom in; space + cmd + opt = zoom out; cmd + zero = fit in window
  3. double-click "Background" layer; rename "original" (this is now a "normal" layer)
  4. dupe layer 3x, rename: "foreground", "midground", "background" (opt-drag layer to "new layer" icon)

masking the background layer

  1. go to "background" layer, hide others
  2. magnetic lasso tool: silhouette sergeant + soldier (single-click a starting point; DELETE removes anchors; single-click adds an anchor; double-clicking will close the selection)
  3. quickmask mode: retouch by painting black or white (double-click tool for options: mask color, reverse mask)
  4. select > save selection (new channel "sergeant + soldier"), deselect
  5. select > load selection "sergeant + soldier" (or cmd+click on thumbnail in channels floating palette)
  6. layer > layer mask > hide selection (this makes a hole in the picture)

masking the midground layer

  1. go to "midground" layer, hide others
  2. select > load selection "sergeant + soldier" (or cmd+click on mask thumbnail on "background" layer)
  3. layer > layer mask > reveal selection (this removes the background)

masking the foreground layer

  1. go to "foreground" layer, hide others
  2. select > load selection "sergeant + soldier" (or cmd+click on mask thumbnail on "background" layer)
  3. quickmask mode: remove sergeant from selection (only the soldier is now selected)
  4. standard mode: select > modify > expand: 5 (selection is now wider than soldier)
  5. layer > layer mask > reveal selection (this leaves just the soldier)

blurring

  1. reveal all layers
  2. go to "foreground" layer
  3. filter > convert for smart filters
  4. filter > blur > gaussian blur: 3
  5. filter > noise > add noise: gaussian, amount = 6
  6. filter > noise > median: 1
  7. note stacking order of smart filters
  8. repeat with " background" layer (gaussian blur = 5)

grading

  1. add your name and the exercise number on the PSD file
  2. make a JPEG of the file for printing (file > save for web)
  3. open the JPEG in Photoshop and print a proof for grading
  4. file your graded proof in your Process Book for individual review

BACK TO TOP
Last updated: 3/2/17 ■ Webmaster: Paul Young