Type Effects in Illustrator and Photoshop
NOV 29, 2002 By Luanne Cohen.

1960s poster type

Adobe Illustrator 10 or later

1960s poster type



Many of the posters from the 1960s and '70s had hand-drawn typefaces that flowed into curved shapes. The posters were reminiscent of the Art Nouveau posters from the late 1800s. Inspired by flowers, leaves, and vines, the artists created sinuous shapes that encapsulated the type. With Illustrator's Envelope feature, you can create type just as they did in the '60s. First you create the basic shape and divide it into type containers. Then you create the type and combine it with the shape to distort it. Choose your typeface carefully. The ones that work best are very fat, dense display faces.

  1. Figure 33In a new Illustrator file or on a new layer, create the basic shape that will contain all of your type.

    Keep the shape as simple as possible. The more intricate and complicated the shape, the less predictable (and satisfactory) the type distortion will be.



  2. Figure 34In the Layers palette, name the layer that contains the shape Type Background. Choose Duplicate "Type Background" from the Layers palette menu. Rename the new layer Type Shapes. Hide the Type Background layer.



  3. Figure 35Using the pen tool, create lines that define where the type shapes will separate. Paint the lines with a stroke weight that's the width of space that you want between each type shape.

    In this example, the lines are 2-pt strokes because the desired separation between the type blocks is 2 points.



  4. Figure 36Select all of the lines you created in step 3, and choose Object > Path > Outline Stroke. The lines have now become shapes. This will help when you create the separate type shapes in step 5.

    If you want a backup file in case your type doesn't fit nicely and you need to change these lines, choose File > Save a Copy and save a backup version of the artwork at this stage.



  5. Figure 37Display the Pathfinder palette. With the selection tool, Shift-select the lines you just outlined and the basic shape. Option/Alt-click the Subtract button in the Pathfinder palette to subtract the lines from the basic shape at the same time you expand the lines into regular objects. While the artwork is still selected, choose Object > Ungroup. Deselect the art.



  6. Figure 38Use the type tool to create one type object for each shape. Choose a heavy, thick typeface. Plan the text according to the size of the shape that will hold the text.

    For example, the two top shapes in the heart will contain small text blocks, while the two middle shapes will contain longer words or phrases.



  7. Figure 39With the type still selected, choose Object > Arrange > Send to Back. Deselect the type.



  8. Figure 40Select one of the shapes, and then Shift-select the type object that will fit into it.



  9. Figure 41Choose Object > Envelope Distort > Make with Top Object.



  10. Figure 42Repeat steps 8 and 9 for each type object in your artwork. If you are satisfied with the effect, skip to step 13. If you want to edit or change the type, continue with the next step.

    If you want to edit the dividing lines and you saved a copy of the file at step 4, open that file; edit the lines and start again at step 5.



  11. Figure 43If you want to edit the text or change the typeface, select the envelope object that needs editing. Choose Object > Envelope Distort > Edit Contents. To view the type more easily, choose View > Outline. Select the type tool in the toolbox and make the type changes.



  12. Figure 44Choose View > Preview. If you are satisfied with the type changes, choose Object > Envelope Distort > Edit Envelope.



  13. Figure 45If you want to change the color of the type, select the envelopes and choose Object > Envelope Distort > Edit Contents. Use the Color palette to select a new fill color. Deselect the type.



  14. Figure 46To complete the effect, in the Layers palette show the Type Background layer. Select the original shape and paint it with a fill color. If you want the shape to appear slightly larger than the type, add a stroke to the shape that is the same color as its fill. Deselect and save the file.