Objective

To utilize type as a means of creative visual communication. To learn Illustrator and Photoshop production techniques by recreating this CD cover art designed by Evelyn Shapiro.

Download starter files

Discussion

Text type is supposed to be invisible, designed to convey the message of the author in the most direct way possible. Reading text type should be effortless and unintrusive. However, headlines need to get attention. Creative manipulation of typographic elements to enhance the message will often be more memorable than just choosing the appropriate font. Often, this will involve creating an illustration with typographic elements. In this case, the humorous treatment of the title as skywriting helps merge the message with the photograph.

Procedure

preparing for the exercise

1. examine downloaded files
2. open "type.ai" in Illustrator, examine layers
3. go to "type" layer (lock others), copy type (opt-drag)
4. type > create outlines, copy again
5. got to "lines" layer (lock others)
6. draw horizontal line with pen tool (click origin, shift-click end, cmd-click to deselect)
7. stroke=1pt, color=green
8. duplicate line (opt-shift-drag)
9. object > tranform > transform again (cmd+D); repeat
10. reposition, resize and duplicate lines
11. select line & type, duplicate

creating the type in Illustrator

1. go to "dots" layer (lock others)
2. draw one column of black dots (over letter "E")
3. window > align: distribute vertically
4. make 4 columns, distribute if necessary
5. duplicate block of dots (for safe keeping)
6. selective delete dots to make an "E"
7. repeat with other letters; group
8. duplicate group of letters, draw box around letterforms
9. duplicate box, distort box (direct select tool: move anchor points; pen tool: option-drag anchor points to pull out handles)
10. duplicate letters with box and distorted box; select all 3 objects
11. object > envelope distort > make with top object
12. duplicate distorted object
13. object > envelope distort > expand
14. mess type up a little
15. select type only, copy to clipboard (note: clipboard preferences must be set to "AICP: preserve shape")

fine tuning the type in Photoshop

1. open "trashbag.jp" in Photoshop; save as "tashbag.psd"
2. paste art from clipboard (as pixels), resize and position
3. rename layer "type sharp", layer opacity=70%
4. make type white: default colors, cmd+shift+DELETE
5. duplicate "type sharp" layer (hide), rename "type blur"
6. filter > blur > motion blur (20)
7. duplicate "type blur" layer, add layer mask
8. draw gradient to reveal only right side of art
9. use same mask for "sharp" layer: cmd-click on mask thumbnail
10. go to "sharp" layer, add layer mask
11. lower opacity on masked layers

grading

1. submit laser proof with your name on it for grading
2. file your graded proof in your 3-ring binder