Graphic Design Exercises
Photoshop: Book Cover Layout
To learn Photoshop production techniques by example. To learn Photoshop filters, layer styles and adjustment layers by recreating the book cover below.
Low budgets sometimes requires Photoshop to become a photo studio. In this case, a three-dimensional object (the rosary) was scanned and placed on top of a computer-generated "canvas." By modeling the light on the canvas, one can achieve a "photographic" effect. With limited type elements, Photoshop can also act as a layout tool. In this case, the seemingly random placement of the type elements help create a poetic balance.
- download starter files
- launch Photoshop
- file > new "book.psd" (6x9 inches, 150 dpi, RGB)
- practice Adobe navigation keyboard shortcuts: space = hand; space+cmd = zoom in; space+cmd+opt = zoom out; cmd+zero = fit in window
- file > place "rosary.psd"
laying out the cover
- copy and paste type from "book.txt" into 3 layers
- make type Adobe Garamond:
• tagline: 8 pt, bold, tracking = 300
• title: 30 pt, semibold italic, tracking = 150
• author: 14 pt, regular, tracking = 450
- select "background" layer, new layer "canvas"
- edit > fill > 50% gray (not 50% transparency)
- filter > convert to smart filters
- choose default colors
- filter > filter gallery: conte crayon (texture = canvas, foreground = 11, background = 7, relief = 4, light = top left; scaling = 200%)
- filter > distort > shear
- make foreground color a tan color
- new adjustment layer (hue/saturation): colorize, adjust
- go to "rosary" layer, change layer mode from "normal" to "multiply"
- fine-tune layout
lighting the background
- zoom out
- go to quick mask mode; paint edges (300 blurred)
- filter > blur > gaussian blur (60); return to standard mode
- add new adjustment layer (levels) above "canvas" layer; make lighter
- new layer "shadow"
- make foreground color dark brown
- paint corners; make layer mode "multiply"; adjust opacity
- add layer style (drop shadow) to "silence" layer
- add layer style (color overlay): change type to red
- add your name and the exercise number on the PSD file
- layer > flatten image; image > mode > CMYK
- file > save as (format=JPEG; quality=10)
- open the JPEG in Photoshop and print a proof for grading
- file your graded proof in your Process Book for individual review