How to Create a Vintage Type Postcard

Within the following steps, you’ll learn to design a classic postcard in Adobe Illustrator. Harken again to an period when postcards had been all the trend with this pleasant sort model. This tutorial will delve into clipping masks, utilizing bitmap photos, working with layers, results, and blends. 

Comply with together with us on this “tips on how to make a postcard” tutorial over on the Envato Tuts+ YouTube channel:


What You will Be taught in This Illustrator Tutorial

  • How you can create 3D textual content in Illustrator
  • How you can warp textual content in Illustrator
  • How you can design a postcard
  • How you can incorporate pictures in a classic postcard template

For extra inspiration on tips on how to alter or enhance your last vintage postcard template designs, yow will discover loads of assets at Envato Elements.

What You Will Want

You will have the next assets with a purpose to full this classic postcard template:

1. How you can Add 3D Textual content in a Traditional Postcard Design

Step 1

Hit Management-N to create a brand new doc. Choose Pixels from the Models drop-down menu, enter 850 within the width field and 570 within the peak field, after which click on that Extra Settings button. Choose RGB for the Colour Mode, set the Raster Results to Display (72 ppi), after which click on Create Doc. Now let’s learn to design a postcard.

new documentnew documentnew document

Step 2

Choose the Kind Software (T) out of your toolbar and open the Character panel (Window > Kind > Character).

Choose the Berthold Akzidens Grotesk Additional Daring font and set the scale to 320, the monitoring to -25, and the vertical scale to 120%.

Merely click on in your artboard to sort in “HOME” and alter the colour of this textual content to R=147 G=149 B=152.

text vintage postcardtext vintage postcardtext vintage postcard

Step 3

Ensure that your textual content stays chosen and go to Impact > Warp > Rise. Verify the Horizontal field and transfer the Bend slider to 14%, after which click on OK.

text warp risetext warp risetext warp rise

Step 4

Along with your textual content nonetheless chosen, go to Impact > 3D > Extrude & Bevel. Enter all of the settings proven within the following picture and click on OK.

text 3D vintage postcardtext 3D vintage postcardtext 3D vintage postcard

Step 5

Ensure that your textual content is chosen and go to Object > Develop Look to show your 3D textual content into a bunch of vector paths.

Press Shift-Management-G thrice to Ungroup all these teams and subgroups. You may open the Layers panel (Window > Layers) to take a look at all of your shapes.

Swap to the Transfer Software (V) to pick out the entrance letter shapes, after which go to Object > Compound Path > Make or use the Management-8 keyboard shortcut to show your letter shapes into one compound path. Drag this compound path to the highest of the Layers panel.

expand appearanceexpand appearanceexpand appearance

Step 6

Maintain specializing in the Layers panel to lock your compound path, after which choose the remainder of the shapes that make up your 3D textual content.

Open the Pathfinder panel (Window > Pathfinder) and click on the Unite button, after which flip the ensuing shapes right into a compound path (Management-8). Change the colour of this new compound path to R=223 G=147 B=85.

pathfinder unitepathfinder unitepathfinder unite

Step 7

Obtain the 2048 by 1863 px model of this Philadelphia from Pennsylvania Building picture and drag it inside your retro postcard design.

Choose it and press the Shift-[ keyboard shortcut to easily move it behind the text compound path, and then focus on the control panel to adjust the size. Don’t forget to check the Constrain Width and Height Proportions button, set the Width to 770 px, and then place your photo roughly as shown in the following image.

photo vintage postcardphoto vintage postcardphoto vintage postcard

Step 8

Select your photo along with the text compound path and go to Object > Clipping Mask > Make (Control-7).

clipping maskclipping maskclipping mask

Step 9

Focus on the Layers panel to open your clip group, select that compound clipping path, and move to the Appearance panel (Window > Appearance).

Select the stroke and set the color to R=18 G=21 B=22, and then click that “Stroke” text to open the Stroke fly-out panel. Increase the Weight to 2 px, and don’t forget to check the Round Join button.

Select that other compound path and add the same stroke.

strokestrokestroke

Step 10

Select your clip group along with the compound path and Group them (Control-G). Make sure that this group stays selected and focus on the control panel.

Set the Alignment to Artboard, and then click the Horizontal Align Center and the Vertical Align Center buttons to easily move your selection to the center of the artboard.

vintage text centervintage text centervintage text center

2. How to Add Warped Text in a Vintage Postcard Design

Step 1

Reselect the Type Tool (T) from your toolbar, select the Wisdom Script font, and set the font size to 45.

Add the “Welcome” piece of text and change its color to R=147 G=149 B=152.

texttexttext

Step 2

Make sure that your new text stays selected and go to Effect > Warp > Rise. Enter the settings shown below, click OK, and then go to Object > Expand Appearance.

Click the Unite button from the Pathfinder panel and then turn the resulting group of shapes into one compound path (Control-8).

warpwarpwarp

Step 3

Make sure that your new compound path is still selected and focus on the Appearance panel.

Select the stroke and set the color to R=18 G=21 B=22, and then open the Stroke fly-out panel and check the Round Join and the Align Stroke to Outside buttons.

Once you’re done, place this compound path roughly as shown in the second image.

text stroketext stroketext stroke

Step 4

Reselect the Type Tool (T) from your toolbar, select the Wisdom Script font, and set the font size to 33.

Add the “South Haven, MI” text and change its color to R=238 G=222 B=196.

texttexttext

Step 5

Make sure that your new text stays selected and go to Effect > Warp > Rise. Enter the settings shown below, click OK, and then go to Effect > Warp > Arc. Enter the attributes shown in the following image, and then click OK.

Once you’re done, place this text roughly as shown in the second image.

text warptext warptext warp

3. How to Add a Background to a Vintage Postcard Design

Step 1

Download the 4280 by 2736 px version of this Cannon Beach on the Oregon Coast photo and drag it inside your postcard design.

Select it and focus on the control panel. Remember to check the Constrain Width and Height Proportions button, set the Width to 1340 px, and then place your photo roughly as shown in the first image.

Pick the Rectangle Tool (M) to create a rectangle the size of your artboard. Click on your artboard to open the Rectangle window, set the Width to 850 px and the Height to 570 px, and then click OK. Use the align buttons from the control panel to perfectly fit this rectangle on the artboard.

photo vintage postcard designphoto vintage postcard designphoto vintage postcard design

Step 2

Use the rectangle made in the previous step to clip that photo. Select both objects and go to Object > Clipping Mask > Make (Control-7).

clipping maskclipping maskclipping mask

Step 3

Finally, let’s use some basic blending techniques to emphasize the vintage look of this postcard design.

Pick the Rectangle Tool (M) to create a new rectangle the size of your artboard. Center it using the align buttons from the control panel and set the fill color to R=255 G=242 B=0. Lower the Opacity to 20%, and change the Blending Mode to Soft Light.

blend modeblend modeblend mode

Congratulations! Your Vintage Postcard Is Complete!

Here is how your vintage postcard template should look. I hope you’ve enjoyed this tutorial and can apply these techniques in your future projects. Don’t hesitate to share your final result in the comments section.

Feel free to adjust this postcard design template and make it your own. You can find some great sources of inspiration at Envato Elements with interesting solutions to improve your postcard template.

vintage postcard designvintage postcard designvintage postcard design

Trending Products
[product_category category=”trending” per_page=”8″ columns=”2″ orderby=”date” order=”desc”].

We will be happy to hear your thoughts

Leave a reply

MyStudioCafe
Logo
Compare items
  • Total (0)
Compare
0