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

Graphic Design Exercises
Photoshop: Type Effects

Objective

To learn Photoshop production techniques by example. To learn Photoshop filters, lighting effects, and adjustment layers by recreating the book cover above.

Discussion

Low budgets sometimes requires Photoshop to become a photo studio. In this case, we use a wiki creative commons image and one stock photo, both modified to fit the concept. By adding a rendered light source, noise, and blur shift, we make the separate elements appear cohesive—part of the same enviroment. Adding appropriate effects to type can amplify the meaning. Photoshop can also act as a layout tool when using a limited amount of type.

Procedure

prepping the landscape photo

  1. download starter files
  2. launch Photoshop
  3. open 'landscape.psd'
  4. save as 'book.psd'
  5. practice Adobe navigation keyboard shortcuts: space = hand; space+cmd = zoom in; space+cmd+opt = zoom out; cmd+zero = fit in window
  6. examine layers, take note of the changes made to the photo
  7. delete 'layer 0'
  8. crop (cmd C) = 6x9
  9. rename layer 'bg'
  10. save

adding the type

  1. open 'sign.psd'
  2. examine layers, take note of the changes made to the image
  3. delete 'original' layer
  4. add title type 'wrong turn south' (Glypha LT Std 75 Black), type each word on a separate layer
  5. rotate, resize, adjust tracking
  6. select all type layers > layer drop down menu > merge layers > rename layer 'type'

creating the wood burn effect

  1. select type layer
  2. layer styles > blending options:
    blend if > underlying layer (option click to split slider) = 0,153,227
  3. outer glow:
    normal
    color = dark gray/brown
    opacity = 75%
    spread = 5
    size = 24px 

creating and adding displacement map

  1. select and copy the sign layer (cmd A, cmd C)
  2. file > new file > leave clipboard setting > create
  3. paste in place (cmd + shift + V) = wood sign
  4. delete background layer
  5. adjustment layer = hue/saturation > saturation = 0
  6. adjustment layer > levels > increase contrast
  7. save as 'map'
  8. select type layer in 'sign.psd' > distort > displace > scale = 7/7  > 'map.psd'
  9. save

importing the sign

  1. select and merge layers in 'sign.psd'
  2. copy and paste sign into 'book.psd'
  3. rename layer 'sign'
  4. scale, rotate
  5. filter > convert for smart filters
  6. blur > blur gallery > tilt shift > blur = 9px, adjust to blur the bottom of the post only

adding lighting effects

  1. filter > render > lighting effects:
    spot
    intensity = 40
    hotspot = 44
    ambiance = -37
  2. move to left > resize (lg)

adding noise to background

  1. new layer, rename 'noise', move above 'bg' layer
  2. edit > fill > contents: 50% gray
  3. filter > convert for smart filters
  4. filter > noise > add noise: gaussian, amount = 10
  5. filter > noise > median = 1
  6. change 'noise' layer mode to 'overlay' (gray becomes invisible)
  7. duplicate 'noise' layer, move copy to above 'sign'
  8. decrease opacity of 'noise' layers

adding author and bi-line

  1. add type 'a novel' (Univers LT Std 47 Light), color = sample dark brown
  2. add type 'jonathan blake' (Univers LT Std 67 Bold Cond), repeat color
  3. kern type
  4. move type layer to top
  5. save

grading

  1. add your name and the exercise number on the PSD file
  2. layer > flatten image; image > mode > CMYK
  3. file > save as (format = JPEG; quality = 10)
  4. open the JPEG in Photoshop and print a proof for grading
  5. file your graded proof in your Process Book for individual review

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