In this tutorial you will learn to create a cool poster using Photoshop & Illustrator. This tutorial demonstrates some useful techniques combining Illustrator and Photoshop to get the job done.

Preview of Final Results

Design a Retro Typography Poster Photoshop Tutorial

Resources

• Metal Texture - CGTextures
• Skyscraper - SXC
• Paper Texture - Bashcorpo
• Paint texture - Mediamilitia

Step 1 : Creating the Type

For this particular tutorial we have to work interchangeably with Photoshop and Illustrator. So we have to switch back and forth between these programs. It is better to have these two applications opened side by side to improve efficiency. Our first step is to create 3D text. Type some text using the "Type Tool". I used a font calledBifurk.

Next step is to apply 3D effect to the text. Go to Effect > 3d > Extrude & Bevel.

Use the below settings.

Your text should look like this.

We can't use the text as it is, we need to expand it. Go to Object > Expand Appearance. This will expand the 3d text into paths. Ungroup the text. Press Ctrl+Shift+G couple of times to ungroup the object. Or right click and select Ungroup. Often times when you expand an object it will contain a clipping mask, in that case you need to release the clipping mask by pressing Alt+Ctrl+7 or by right clicking and choosing Release clipping mask.

Press Ctrl+Y to enter the outline mode. Notice the circled areas in the picture. They are divided into multiple pieces. We need to combine them into compound pieces.

To combine the pieces select them and then load the Pathfinder palette. Go to Window > Pathfinder. Click on the Unite button.

Repeat the process on remaining pieces.

Look at the final image wireframe.

Step 2 : Creating document in Photoshop

Create a new A3 document in Photoshop at 300ppi. I generally prefer to work at high resolution so please keep in mind that the directions and values you find in this tutorial are based on a 300ppi document. If you are not designing at 300ppi change the values according to your resolution.

Step 3 : Bringing in the Text

First is first, let's copy the 3D text from Illustrator and paste it into Photoshop as "Path" because We don't need the color information. We will add our own colors here in Photoshop. Make sure the path is pasted center to the document or press Crl+0 then paste. This is our main path that we are going to use often. Just for safety duplicate the path a couple of times in the paths palette.