Graphic Design Exercises
Poster: Madama Butterfly (Photoshop/Illustrator)
Objective |
|
To learn Photoshop/Illustrator production techniques by recreating the following poster:

|
Discussion |
|
Posters are advertising and promotion vehicles. As such, they need to attract attention from a distance and communicate its message clearly in the simplest way possible. Because of its size, posters can take advantage of extreme contrasts in size. Never be afraid of using small type on a poster because once you've grabbed someone's attention, they will not hesitate to get closer to read about the details.
|
Procedure |
|
prepping the flower art in Photoshop
- download starter files
- open "magnolia.jpg" in photoshop
- edit > transform > flip vertically
- window > actions: new set "set 1"
- create new action "image size 120%" (function key=shift F2)
- record action: image > image size: 120% (bicubic smoother)
- window > actions: stop recording
- play action (6x)
- duplicate "background" layer, hide previous layer
- image > adjust > posterize (8)
- filter > convert for filters
- filter > brush strokes > sprayed strokes: (length=18, radius=1, horizontal)
- save as "magnolia.psd"
prepping the paper art in Photoshop
- open "paper.jpg" in photoshop
- rename "background" layer
- magic wand tool: select black
- select > modify > expand: 10
- delete selection
- image > adjust > levels: increase contrast, ghost
- save as "paper.psd"
laying out the poster in Photoshop
- file > new: 11x17in, 150ppi, CMYK, bg=white; save as "madama.psd"
- fill "background" layer with red
- type tool: "Madama Butterfly" (Helvetica light), adjust tracking, kerning, leading; scale visually
- file > place "paper.psd"; scale, rotate (cmd+T)
- add layer style: drop shadow
- file > place "magnolia.psd" (layer mode=darken, opacity=80%)
- file > place "lips.ai" (layer mode=multiply)
- add layer style: color overlay (red)
- add layer mask, make some areas semi-transparent
- file > place "splatter.ai" (layer mode=multiply)
- add layer style: color overlay (red)
- duplicate "splatter.ai" (opacity=20%), blur
- scale, rotate, reposition
- save
finishing the layout in Illustrator
- file > new: 11x17
- rename "layer 1" as "art"
- file > place "madama.psd"
- new layer "type"; copy and paste text from "madama.txt": Palatino 13/15 or 25/24
- new layer "logo"; copy and paste logo from "kcpaLogo.ai"
- adjust layout
grading
- submit b&w laser proof (11x17) with your name on it for grading
- file graded proof in your 3-ring binder for individual review
|
BACK TO TOP
Version 1.0 Last updated:
10/1/09
Webmaster: Paul
Young