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

Graphic Design Exercises
Integrated: Poster

Objective

To be introduced to Photoshop's selection tools, masking options, and adjustment layers. To use Indesign as a layout tool. To recreate the above poster design.

Discussion

Adobe Photoshop contains powerful photo manipulation tools. When used skillfully, the designer can create dynamic images which would be impossible with a camera alone. Indesign can be used to add type and prepare the design for print. Posters continue to be a popular print medium for commercial and educational purposes.

Procedure

silhouetting susan helms

  1. download starter file, open susan_helms.psd in Photoshop
  2. image > image size; note image size and resolution
  3. practice Adobe navigation keyboard shortcuts: space = hand; space + cmd = zoom in; space + cmd + opt = zoom out; cmd + zero = fit in window
  4. using the quick selection tool, select susan, table, and shuttle (opt to delete selection, ]= increase brush size, [=decrease brush size)
  5. select and mask, button located in top option bar
  6. view: onion skin; decontaminate colors: yes; output to: new layer with layer mask
  7. refine edge brush tool: paint in hair and edges of selection
    note: stay outside of the original selection, it may take several passes with the brush to create a crisp edge
  8. use the brush tool to touch up selection (+ to remove mask, – to add mask)
  9. confirm selection, rename layer "helms"

adding the background layer

  1. open space.jpg
  2. copy and paste into susan_helms.psd (cmd + A, cmd + C, cmd + V)
  3. rename layer "space"
  4. re-stack layer under "helms" layer
  5. layer adjustment > hue/saturation: lightness -25, saturation +29

adding blue background

  1. new layer: rename "blue"
  2. sample blue from table with eyedropper tool (I)
  3. fill "blue" layer with foreground color (opt+delete)
  4. re-stack "blue" layer to top
  5. decrease layer fill: 40%
  6. create layer mask on "blue" layer (mask button at bottom of layers panel)
  7. gradient tool: black, white
  8. draw gradient (start at the bottom edge of table and move up a short distance)
  9. return fill to 100%

adding international space station

  1. open iss.jpg in photoshop
  2. copy and paste image into "susan_helms.psd"
  3. rename layer "iss"
  4. re-stack layer to top
  5. magic wand tool: tolerance 22
  6. select black background on "iss" layer
  7. select > modify > expand 2px
  8. select > inverse (cmd+shift+I)
  9. add layer mask (mask button at bottom of layers panel)
  10. reposition, re-size (cmd T)
  11. blur > gaussian blur > 3px (make sure image thumbnail is selected and not the mask thumbnail in layers panel)
  12. clean up mask if needed
  13. adjustment layer > levels
  14. attach levels adjustment to "iss" layer (hover between "iss" and level adjustment layer, click when a square and arrow become visible)
  15. output levels: 0,185
  16. save

finishing layout in Adobe Indesign

  1. open "nasa.indd"
  2. rectangle frame tool, double click on art board: W 24.5in, H 36.5in
  3. reposition (note bleed)
  4. place "susan_helms.psd" (cmd D)
  5. resize image
  6. new layer: "type", stack above "art"
  7. draw guilds for margins
  8. place type: "nasa_text" (cmd D)
  9. series title: adobe caslon pro semibold, 42pt, track open (opt+right arrow)
  10. "Susan Helms:" Helvetica Neue LT Std, 87 Heavy Condensed Oblique
  11. subtitle: 47 Light Condensed
  12. view > overprint preview
  13. save
  14. file > export "nasa.pdf" ("smallest file size" for web publishing)

grading

  1. print your exercise on 11x17 paper
  2. file your exercise in your Process Book for individual review
  3. publish "nasa.pdf" as a link from your Process Page

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