Advertisement
  1. Design & Illustration
  2. Designing
Design

How to Create a Vintage Type Postcard

by
Difficulty:IntermediateLength:ShortLanguages:

Follow this in-depth look at the process of designing type for a vintage style postcard in Adobe Illustrator CS5. Harken back to an era when postcards were all the rage with this friendly type style. The tutorial will delve into clipping masks, using bitmap images, working with layers and type effects.

Find more amazing Retro Text Effects on Envato Market.


Resources


1. How to Create the Text

Step 1

Select the typeface you would like to begin with for your dominant text. Our word is "HOME". I recommend a thick condensed sans-serif type and I used Berthold Akzidenz Grotesk.

 Create the Text

Step 2

Go to Type > Create Outlines to turn the type into an object.

 Create the Text

Step 3

Go to Effect > Warp and choose Rise under the 'styles'. Input the same numbers shown on the screen.

 Create the Text

Step 4

With your new type selected go to Object > Expand Appearance. This will apply the effect.

 Create the Text

Step 5

Create a copy of "HOME" and place it on another layer.

 Create the Text

2. How to Make 3D Text

Step 1

Select the "HOME" on the bottom layer. Choose Effect > 3D > Extrude & Bevel. Input the coordinates shown.

 Make 3D Text

Step 2

Make the top "HOME" white.

 Make 3D Text

Step 3

Apply a color to the 3-dimensional type.

 Make 3D Text

3. How to Create the Remaining Text

Step 1

Select a typeface for "Welcome". I used a modified version of Wisdom Script.

Create the Remaining Text

Step 2

Go to Type > Create Outlines to turn the type into an object.

Create the Remaining Text

Step 3

Add a black Stroke to the type.

Create the Remaining Text

Step 4

Select Effect > Warp > Rise and input the shown coordinates.

Create the Remaining Text

Step 5

Use the same typeface for South Haven, MI.

Create the Remaining Text

Step 6

After creating the outlines, as shown previously, select Effect > Warp > Arc and input the shown coordinates.

Create the Remaining Text

Step 7

Apply a color to the type.

Create the Remaining Text

Step 8

Select a simple type for the copyright on the postcard. I used Berthold Akzidenz Grotesk again.

Create the Remaining Text

4. How to Add an Image to Text

Step 1

Back to the "HOME" type, we will now be replacing the black type with an image.

Add an Image to Text

Step 2

Now we'll need Image 1: Philadelphia from Pennsylvania Building. Place the image behind the "H". Select the image and the "H", and select Clipping Mask > Make.

Add an Image to Text

Step 3

Your "H" should now look like this.

Add an Image to Text

Step 4

Apply the same technique to the "O".

Add an Image to Text

Step 5

Halfway there, the image should look like this.

Add an Image to Text

Step 6

After applying the same technique to the rest of the type, this is what you should have.

Add an Image to Text

Step 7

Gather all of your elements and align them as shown.

Add an Image to Text

Step 8

Select the "HOME" object and add a 1pt stroke.

Add an Image to Text

Step 9

Select the "HOME 3-dimensional object and add a .75 stroke.

Add an Image to Text

5. How to Add the Background

Now we'll need Image 2 (our background image): Cannon Beach on the Oregon Coast. Add in your background image as the bottom layer. Illustrator renders images quite poorly, so don't worry if everything looks odd in this step. Once you save it out the image will be fixed.

Add the Background

Final Image

Now you have seen the process and techniques used to create this vintage postcard type. This can easily be used with varying images and type to reflect any kind of event.

Vintage Type Postcard Illustrator Tutorial

Vintage Text Effects From Envato Market

Add the charm of vintage typography to your designs. Sign up for an account on Envato Market and get access to thousands of high quality design resources at affordable prices!

21 Vintage & Retro Graphic Styles

Create 21 amazing graphic styles with just the click of a button! This package of vintage text effects includes 21 fully editable vector files to add retro effects to your typography. Great for posters, websites, and more, you'll definitely love this pack!

21 Vintage  Retro Graphic Styles
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.