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.
Step 1: Create a 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
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
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.
Step 4: Rotate and Transform
Now we are going to rotate and transform the halftone layer using Edit->Transform->Rotate 90 CW.
Resize and stretch the layer to fit the canvas.
Step 5: Applying 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
Step 6: Adding the Text
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.
Step 7: Applying textures
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.
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
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.
Step 9: Making the border
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.
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.