In this tutorial I will show you how to create a retro-inspired typography poster design in Photoshop playing with stock photos, blend modes and filters. We will also use a metal grid texture for a grungy background and paper texture to give a nice retro feel to our design.
For this tutorial I have downloaded a few things; two textures and one font.
The first texture is a metal grid. It is from Urban Dirty, a free stock textures site. You can download this here: http://urbandirty.com/gallery/photo/2837206782-s. The second texture is a paper texture from Bittbox, the texture is available on this Flickr stream: http://www.flickr.com/photos/31124107@N00/2118267647/.
The font is called telegrafico and can be downloaded for free at Dafont, here: http://www.dafont.com/telegrafico.font.
Step 1: First off start a new document 1500×2000 pixels, and paste the metal grid into a new layer.
Step 2: Double click the metal grid layer to open the Layer styles window. Select Gradient Overlay, and select a dark brown to a rust colour to a white, click the top selection handle for the white end and change the opacity to 70%, this will help diffuse the gradient over the grid making it blend better.
Once you have finished selecting the colours, change the Gradient Overlay settings, Blend Mode to ‘Multiply’ and ‘Radial’ with a scale around 30%
Step 3: Once you have finished creating the Gradient Overlay, right click the “fx” icon on the layer and select Create Layer, this will separate the gradient from the layer so we can manipulate the gradient layer separately from the image.
Select Gradient layer and Duplicate this, you can do this by either right clicking the ‘Layer 1’s Gradient Fill’ or Selecting the ‘Layer 1’s Gradient Fill’ holding the mouse down and pressing ‘ctrl’ at the same time dragging the layer up in the layers palette to drag out a new instance of the layer.
Change the second gradients Layer mode to ‘Darken’, and position the layer off center to the original gradient, in the poster I moved the gradient so the middle white section was the bottom left of the canvas.
Step 4: Add the text LOVE FOR TYPOGRAPHY in ‘Telegrafico’ to the middle of the canvas, I have done this on individual layers for each word and aligned the ‘o’s’ in a diagonal line, along with the word TYPOGRAPHY split so that TYPOG is on one line and RAPHY is on the next.
Next create a new layer and name it ‘strike’, create a bold line across the canvas stretching from the left arm of the ‘Y’ in TYPOGRAPHY and through the ‘O’s’ to the left top corner.
Then select all you font layers and right click selecting ‘Rasterise Type’, this will enable us to manipulate the font.
Select the ‘Strike’ layer and right click merging the layer down on top of the TYPOGRAPHY layer.
Step 5: Next with the Marquee tool (M) select the tail of the first ‘P’ in typography and Transform (ctrl+T) the tail so that it extends all the way down off the canvas.
Do the same with the ‘R’ in the layer FOR. Select the tail of the ‘R’ and extend all the way up out of the canvas.
Step 6: Once all the extra font tails have been extended, select the three text layers and right click, selecting ‘Merge Layers’.
Double click the new single text layer and let’s add some Layer Styles! Here we have selected Outer Glow and a Stroke.
For the Stroke, give it a size of 13px and set the colour to white.
As for the Outer glow, set it to screen and opacity 75%, with a yellow hue and spread of around 70% while a size of around 20%.
This gives it a great double edge look!
Step 7: Now add the paper texture to a new layer on top of all the other layers, and set the Layer type to ‘Hard Light’ with Opacity 75%. This lets the texture and colour of the paper come through to the bottom layers, giving the whole poster a very vintage feel!
The poster still needs a bit of depth so adding a bit of mood lighting will help that!
Make a new layer and with a large soft paint brush dab big black spots around the edges in an uneven border.
Once you are happy with the amount of dabs change the opacity to be around 65% to soften the brush strokes and let through some texture.
Conclusion and Final poster!
In this tutorial we touched on Blend Modes, filters and layer manipulations. The idea was to create something minimalistic but beautiful and with a retro feel. All in all with some stock photos and Photoshop tinkering we can create a great retro-inspired poster in no time at all!
You May Also Be Interested In:
{ 11 comments… read them below or add one }
Nice tutorial. Well explained. Thanks for sharing this wonderful tuts. :)
Brilliant! I’ve just Tweeted this story. The Photoshop tips is what I really came for :)
Lou
Thanks for using an Urban Dirty texture, and the link up – great stuff!
Nice tutorial thank you for sharing!
Hey, i’m abit new to photoshop. How do i paste the grid into the white thing?
Great Tutorial
I really liked the effect the white stroke does to the words by making it look like a outline. Thnx : )
{ 4 trackbacks }