Get a free year on Tuts+ this month when you purchase a Siteground hosting plan from $3.95/mo
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.
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.
Go to type > Create Outlines to turn the type into an object.
Go to Effect > Warp and choose Rise under the 'styles'. Input the same numbers shown on the screen.
With your new type selected go to Object > Expand Appearance. This will apply the effect.
Create a copy of "HOME" and place it on another layer.
Select the "HOME" on the bottom layer. Choose Effect > 3D > Extrude & Bevel. Input the coordinates shown.
Make the top "HOME" white.
Apply a color to the 3-dimensional type.
Select a typeface for "Welcome". I used a modified version of Wisdom Script.
Go to Type > Create Outlines to turn the type into an object.
Add a black stroke to the type.
Select Effect > Warp > Rise and input the shown coordinates.
Use the same typeface for South Haven, MI.
After creating the outlines, as shown previously, select Effect > Warp > Arc and input the shown coordinates.
Apply a color to the type.
Select a simple type for the copyright on the postcard. I used Berthold Akzidenz Grotesk again.
Back to the "HOME" type, we will now be replacing the black type with an image.
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.
Your "H" should now look like this.
Apply the same technique to the "O".
Halfway there, the image should look like this.
After applying the same technique to the rest of the type, this is what you should have.
Gather all of your elements and align them as shown.
Select the "HOME" object and add a 1pt stroke.
Select the "HOME 3-dimensional object? and add a .75stroke.
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.
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.