Share

In today’s tutorial, we are going to create a vintage style flyer in Photoshop by adding some of the most basic visual components of retro artworks using filters and distortion techniques and finally polish our design with some old grunge textures…

Final Image Preview

Before you start take a look at the final image you will be creating.

Materials Needed:

Step 1: Create a new document

New document

Open a new document in photoshop of size 800 by 1200 px using the default settings. Set the foreground and background colors to #ad2321 and #fce8ab respectively. Fill the default Background layer with the background color set.

Step 2: Background Texture

Background

Open up the texture3.jpg from the downloaded pack of vintage style textures. Copy the texture and paste it into a new layer and then resize it to fit the canvas. Set the blending mode of the layer to Multiply.

Step 3: Making the Sunburst effect

Halftone settings

Now we are getting into the important part, i.e., making the retro sunburst effect. There are hundreds of techniques available to create that kind of effect. So i have written a post for the same and listed some of the best available methods here. For our tutorial, we are going to create it using the Halftone filter.
Create a new layer.Before that make sure you set the foreground and background colors as mentioned in the first step. Go to Filter->Sketch->Halftone Pattern. Use the following settings:Size = 12, Contrast = 50, PatternType = Line.

Halftone Layer

Step 4: Rotate and Transform

Rotate 90 CW

Now we are going to rotate and transform the halftone layer using Edit->Transform->Rotate 90 CW.

Rotate and Transform

Resize and stretch the layer to fit the canvas.

Resize to Fit

Step 5: Applying Polar Coordinates

Polar Coordinates

Here comes the final part in making the sunburst effect. Now apply a distort effect of Polar Coordinates by Filter->Distort->Polar Coordinates using the option Rectangular to Polar

Rectangular to polar

Step 6: Adding the Text

Adding Text1

Create a new layer and add some text using the color #430a01. The font i have used is Rockwell, there are many retro and vintage style fonts available for free download from sites like DaFont, you can use any of them on your own. Apply the stroke effect for the text using the layer styles dialog with the stroke color as #fef7ca using the following settings.

Stroke Effect

Step 7: Applying textures

Texture1

Open up the file texture1.jpg from the texture pack, copy and paste it into a new layer. Resize it to fit the canvas and apply the blending mode for the layer as Overlay.

Texture4

Similarly, open up the file texture4.jpg from the texture pack, copy and paste it into a new layer. Resize it to fit the canvas and apply the blending mode for the layer as Multiply.

Step 8: Adding the shapes

Adding Shapes

Now you can add some additional text and shapes as per your taste and don’t forget to apply the stroke effect we have applied previously for all the text and your shape layers.

Adding Shapes
Adding Shapes3
Adding Shapes4

Step 9: Making the border

Adding Shapes

Create a new layer called border for the poster border. Select the canvas by pressing Ctrl/Cmd + A or Select->Select All. Now transform the selection using Selection->Transform Selection, decrease the width and height of the selection to 97% and 98% respectively.
Now inverse the selection using Ctrl/Cmd + Shift + I or using Select->Inverse. I think now we got the poster border. Please ensure that we are still working on the border layer, if not click on the border layer, and fill with a 50% grey color from the swatches or you can use any color of your choice, it doesn’t matter much, please see to that your border color blends well with the poster.

Conclusion

We’re finished! Grunge textures, typography stroke styles along with a sunburst background are the most common visual elements which make our flyer seems to have some authentic vintage appearance. Hopefully you’ve picked up a few new techniques and had fun while doing so. Please share any of your personal creations in the comments for others to see! You can view the final image below or view a larger version here.

Download the PSD (or source files)