Logotype assignment

Full presentation

Starting today and over the course of the next few days I will post all the assignments in pdf format. Click the links below to open the full presentations:



And these are the individual business cards



Great Performances: Classical cds designed to look like newspapers

Here is another series of classical cd covers. This set created to emulate the front cover of a newspaper. I remember the first time I saw one of these cds I was compelled to pick it up and find out what it was all about. And where most classical cds seem to feature pastoral scenes, here is something that is completely unique, at least of its genre: Jethro Tull’s Thick as a Brick comes to mind.

But how does the metaphor work now? In my view it probably is more effective than it was originally since the symbolism of a newspaper is itself becoming an anachronism.

The autumn leaves

Here’s a wonderful illustration for the calendar section of Fast Company magazine. The art is worthy of framing.

Constructivism and the calendar

This is a beautifully designed page from Black Book magazine. This would make a great poster. I admire the way both the hierarchy and organization of this complex information is handled.

Within the magazine itself, this page is a little out of place. It looks like a designer was asked to come up with a concept for the calendar without any context. Nevertheless it clearly caught my eye.

The constructivist theme is driven by the text at the bottom of the page. Rise up comrades!


Crop it tighter

I love this page from French Vogue. The drama of the large type is a fine example of how to create a visual statement with the raw material of the typographer.

Cropping the letterforms to the very edge of the page is more powerful (my revision, center), creating tension with the page edge and activating the space around the outside of the letterforms. This way the letters are not floating in the center of the page, instead the edge of the page and the shape of the letters create new, clearly defined new shapes, like the triangle of white in the upper right.

For the record, the original spread is at the end.

Information hierarchy: Harvard Business Review

Two pages from the November issue of Harvard Business Review demonstrate excellent typographic hierarchy and organization.

Typographic portrait: How to create one

If you’ve ever wanted to create a graphic portrait like the one below from type, you’ve come to the right page. You need a good black and white image, then follow the steps underneath. Thanks to Valerie Tracy for the image, and to Kimberly Hines for the instructions.

How to create typographic portraits

If using a PC – Replace (Command) with (Cntrl)

1. Select a portrait photo with good contrast & a light background.

2. Go to image>adjustments>brightness/contrast and adjust the contrast to 40

3. Go to Select>Color Range [choose shadows & click OK]

4. Copy the selected pixels in a new layer [Command +J]

5. Go back to the photo layer

6. Go to Select>color range again and choose mid tones

7. Copy to a new layer [Command + J]

8. Click the shadow layer & apply Edit>Fill (use black color with preserve transparency selected & click OK)

9. Click the mid tones layer & edit>fill with 50% gray [this makes a portrait from black & gray color]

10. Click on the shadow layer & press [Command + E] to merge it with the mid tones layer

11. Merge the Shadow layer with the mid tone layer

define a brush made from type

12. File>New Document. Set Foreground Color to black [press D]

13. Use the type tool to type different words in various fonts & sizes

14. Ctrl-click on type layer to rasterize type for each word

15. Click on each type layer and go to Edit>Define Brush Preset (may want to hide other type layers while you do this). Name each brush so you can keep track, and click OK

apply the type brush to the portrait

16. Go back to the portrait document; create a new layer & make sure that black is the foreground color [ press D]

17. Select the brush tool [press B] and select one of the brushes you created
You can adjust the spacing between each word by going to window>brushes to adjust spacing—clicking on brush tip shape in the brushes panel

18. Brush across the photo and repeat with all brushes

19. Fill it up really well and try to follow the areas where it makes sense on the picture—sort of leave empty areas clean—more or less play around until you get something you like.

create a mask and paste the type inside the mask

20. Create a new layer & press (Command + Delete) to fill it with white

21. Drag this layer under the brush layer

22. Hide all the layers except the black and gray portrait layer & then click on the layer to activate it

23. Select All (Command + A) of the layer & then copy (Command + C)

24. Activate the layer brush & click on Add layer Mask

25. Hold <option> & click on the layer mask thumbnail

26. Paste the content of the black & gray portrait layer in the mask (Command + V)

27. Deselect (Command +D) & then invert the mask (Command +I)

28. Activate the brush layer by clicking on the layer thumbnail (not the layer mask) & the text will appear inside the white & gray areas of the mask

29. Create a new layer & add more text brushes outside the mask