Design a Vintage Car Poster with Grunge Texture, Font and Brushset in Photoshop
Posted on March 8th, 2009 under Photo Effect
Guaranteed success with testking 642-982 labs, testking EX0-101 video and testking 640-816 demo tests!
In this tutorial, I will show you the processes involved in making an old-looking, vintage car poster with grunge texture, font and brushset in Photoshop.
Along the way, we will be using a series of Photoshop techniques such as layer blending options, image adjustments, filter effects and masking. Some of the techniques can be a bit tricky (especially with the Pen Tool), but why not just have a try :)
Here is preview of the final image result for this tutorial:

Alternative version with Newspaper Texture overlay – This idea comes from one of my workmates Claudia Ferreira, who is awecome web/graphic designer and a very nice person!

PSD File Download
You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas
Ok let’s get started!
Step 1
Download a copy of this grungy texture pack from devaintArt and choose one of those textures, load it into Photoshop. We will be using it as our background for the car poster.
I chose “Texture 1″ from the pack:

Now duplicate the background layer and set the duplicated layer’s blending mode to “Multiply” and opacity to 80%. You will see the texture darken a little bit:

Step 2
To further add Duplicate the “Background Copy” layer once and hit Ctrl + Alt + Shift + B to bring the Black and White image adjustment tool, apply the following settings:

Keep the blending mode of the duplicated layer to “Multiply” and adjust the layer opacity to 90%, you will see the following effect:

Add a vector mask for this layer by click on the following button on the layer palette:

Click on the Mask icon and grab the Eraser Tool with a big soft brush, erase a portion of the duplicated layer by following the direction as shown below:

You will see by doing so it created some colour variation and we now have a light source coming from the top right.
Optional: you can add a gradient fill layer on top of this and apply the following settings:

Set the blending mode of this gradient fill layer to “soft light” and opacity to 80%, you will see the following effect:

Step 3
Now we can add the car image onto our texture. Download a copy of this classic car image from stockvault.net and load it into Photoshop.
Use the Pen Tool (or any other selection tool you prefer, but it’s good to practice Pen Tool cos you will feel the benefit later on) to make a working path as show below:

Then Right-click and choose “Make selection” and set the feather radius to 0 pixel, press Ctrl + C and copy the selection, then go to our document and press Ctrl + V to paste the car onto the canvas, resize it as shown below:

Use the Eraser Tool to clean up the edges of the car: (if you did not make a perfect selection)

Name this layer as “Car” and set its blending mode to “multiply” and you will have the following effect:

Step 4
Dupliate the “Car” layer twice. On the “Car Copy” layer, apply the following Gaussian Blur settings:

Set its blending mode to “overlay”.
Then on the “Car Copy 2″ layer, go to Filter > Artistic >Watercolor and apply the following settings:

Set its blending mode to “Screen” with 70% opacity. You will have the following effect:

Make a duplicate of the previous Gradient Fill layer, drag it to the top and right-click on the layer, choose “create clipping mask” and set its blending option to “overlay”.
This will highlight the car according the light source:

Step 5
Create a new layer called “grunge brush” on top the “Background Copy” layer, below the “Car” layer. Download a copy of this brushset from devaintArt.com. Load it into Photoshop.
On “Grunge Brush” layer, use the brush we just download, randomly paint around the car (alter the flow and opacity of the brush for dynamic effect):

Create a new layer on top of the “grunge brush” layer, call it “grunge stream”. Grab the Pen Tool to make a work path, right-click and stroke it using a grunge brush we just downloaded (Make sure “Simulate Pressure” is selected) as shown below:

Hit Esc Key to cancel the path, use the Free Transform Tool to distort it until similar as shown below:

Duplicate the “grunge stream” layer twice, on each duplicated layer, use the Free Transform Tool (Ctrl + T) to alter the size, angle of the stream, and position them as shown below:

Merge all the duplicted layers and the original “grunge stream” layer together. Duplicate the merged layer once, rotate and position it as shown below:

Step 6
Now we can add some text effect on the poster. Download a copy of this font from dafont.com. Type some text onto our document as shown below:

On the text layer, apply the following layer blending options:
Blending option

Drop Shadow

Inner Shadow

Outer Glow

Inner Glow:

Color Overlay

And you will have the following effect:

Step 7
For the final touch-up, we can add some cloud texture on it. Download a copy of this cloud image from stockvault.net, load it into Photoshop.
Press Ctrl + A to select the whole image, copy and paste the selection onto our poster, put the newly created layer just above the “Background” copy layer, below the “grunge brush” layer.
Resize and fit it to the canvas as shown below:

Go to Image > Adjustment > Channel Mixer and apply the following setting on the cloud layer:

Change the blending mode of this layer to “soft light” and you will have the following effect:

Optional: if you feel the colour of the car look a bit distracting, you can simply go to “Car” layer and desaturate the layer:

Ok that’s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are!
Here is my final result for this tutorial: (sightly adjusted Hue, and add a bit of radial blur to it)

Alternative version with old Newspaper Texture overlay: (You can download this texture here) – This idea comes from one of my workmates Claudia Ferreira, who is awecome web/graphic designer and a very nice person!)

Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.
Cheers and have a nice day!
-
James Tipper
-
admin
-
http://dorahospital.com hospital
-
http://www.thisinspires.me/2009/03/10/links-for-2009-03-10/ links for 2009-03-10 | This Inspires Me
-
Matt
-
http://www.psaddict.com psaddict
-
no one u know
-
admin
-
admin
-
http://yodspica.eu/yodspica_blog/2009/03/25/70-excellent-photoshop-resources/ 70 Excellent Photoshop Resources | Blog YODspica Ltd
-
http://www.uprinting.com/Brochure-Printing.html Brochures
-
http://www.crazyleafdesign.com/blog/best-photoshop-tutorials-brushes-and-textures-of-march-2009/ Best Photoshop Tutorials, Brushes and Textures of March 2009 | CrazyLeaf Design Blog
-
Marco
-
http://vandelaydesign.com/blog/design/photoshop-texture-tutorials/ 25 Photoshop Tutorials for Working with Textures | Vandelay Design Blog
-
http://webpage-design-4u.com/25-photoshop-tutorials-for-working-with-textures/2009/ Web Page Design For You » Blog Archive » 25 Photoshop Tutorials for Working with Textures
-
http://blog.famousandspicy.com/25-photoshop-tutorials-for-working-with-textures-2/ 25 Photoshop Tutorials for Working with Textures | FamousandSpicy
-
http://thesurrealistas.wordpress.com/2009/04/14/25-photoshop-tutorials-for-working-with-textures/ 25 Photoshop Tutorials for Working with Textures « The Surrealistas
-
http://www.nutspress.com/2009/04/15/photoshop_tutorial_with_texture/ テクスチャーを使ったフォトショップチュートリアル | Nutspress
-
http://www.designurimagination.com/blog/2009/04/27/25-photoshop-tutorials-for-working-with-textures/ 25 Photoshop Tutorials for Working with Textures | Designurimagination Blog – Let Your Imagination Fly
-
http://www.printcreate.com/the-greatest-of-graphic-design-for-posters/ The Greatest of Graphic Design for Posters | Print Create
-
http://photorestorationretouching.com photo retouching
-
http://puntodelta.net/2009/05/10-grandiosos-tutoriales-para-retocar-nuestras-fotos/ Punto Delta » Blog Archive » +10 Grandiosos Tutoriales para Retocar nuestras Fotos
-
http://www.miraztutorials.com huwaw69
-
http://vandhematharam.wordpress.com/2009/05/12/25-photoshop-tutorials-for-working-with-textures/ 25 Photoshop Tutorials for Working with Textures « Vandhematharam
-
http://n3t.ir/vandelay/25-photoshop-tutorials-for-working-with-textures.html 25 Photoshop Tutorials for Working with Textures « N3T.ir – Web Resources, Web Design News & Tips, Open Source
-
http://samsubhash.wordpress.com/2009/05/16/25-photoshop-tutorials-for-working-with-textures/ 25 Photoshop Tutorials for Working with Textures « Online Free Application Software Tips Tools Wallpapers
-
http://www.glitteringstones.com/blog/2008/10/20-photoshop-working-with-textures/ 20+ Photoshop Working with Textures | Free Tools And Wallpapers
-
http://www.smashingmagazine.com/2009/06/01/60-amazing-poster-and-advertisment-tutorials/ 60+ Amazing Poster and Advertisment Tutorials | Tutorials | Smashing Magazine
-
http://faorani.blogspot.com,http://faorani.multiply.com fao
-
http://www.wowodesign.com/wordpress/2009/06/03/tutoriel-de-creation-de-poster-sur-illustrator-et-photoshop/ » Tutoriel de création de poster sur Illustrator et Photoshop // WowoDesign
-
http://www.themeflash.com/showcase/amazing-photoshop-poster-and-advertisment-tutorials Amazing Photoshop Poster and Advertisment Tutorials | Themeflash
-
http://seo.webvane.co.cc/2009/06/01/60-amazing-poster-and-advertisment-tutorials/ 60+ Amazing Poster and Advertisment Tutorials | Search Engine Optimisation
-
http://rapid-dev.net/2009/06/60-amazing-poster-and-advertisment-tutorials/ 60+ Amazing Poster and Advertisment Tutorials | rapid-DEV.net
-
http://blog.walnutz.net walnutz
-
Abner
-
http://www.sblgraphics.com/photo-masking_service.aspx image masking services
-
deej
-
James
-
http://www.mudkiss.com Mel
-
http://www.instantshift.com/2009/08/09/77-excellent-photoshop-tutorials-for-designing-posters/ 77 Excellent Photoshop Tutorials For Designing Posters | Tutorials | instantShift
-
http://www.hongkiat.com/blog/40-incredibly-inspirational-retro-vintage-photoshop-tutorials/ 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | Photoshop Tutorials
-
http://overflowedmedia.com/40-incredibly-inspirational-retro-vintage-photoshop-tutorials 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | Overflowed Media
-
http://www.neurosoftware.ro/programming-blog/blogposter/web-resources/40-incredibly-inspirational-retro-vintage-photoshop-tutorials/ 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials – Programming Blog
-
http://www.xdesignblog.com/40-incredibly-inspirational-retro-vintage-photoshop-tutorials 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | X Design Blog
-
http://www.xdesignblog.com/40-incredibly-inspirational-retro-vintage-photoshop-tutorials 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | X Design Blog
-
http://onlinemarketerz.com/internet/40-incredibly-inspirational-retro-vintage-photoshop-tutorials/ 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | Internet Marketing Tips and Strategy To Make Money Online
-
http://fulldigi.com/?p=286 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | Fulldigi
-
http://www.auranda.com/software/40-incredibly-inspirational-retro-vintage-photoshop-tutorials.html 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | Technology you can trust here…
-
http://www.mac-bargains.com/?p=3054 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | Mac Bargains
-
http://huibit05.com/design/40-incredibly-inspirational-retro-vintage-photoshop-tutorials/ 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | huibit05.com
-
http://vietphotoshop.wordpress.com/2009/08/25/40-incredibly-inspirational-retro-vintage-photoshop-tutorials-2/ 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials « Photoshop.vn – Your Design Resource
-
http://ihartdesign.wordpress.com/2009/08/28/40-incredibly-inspirational-retro-vintage-photoshop-tutorials/ 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials « Resources For Designers
-
http://animationscope.com/main/incredibly-inspirational-retro-vintage-photoshop-tutorials/ Incredibly Inspirational Retro & Vintage Photoshop Tutorials – Animationscope
-
http://webdesignledger.com/tutorials/30-useful-photoshop-tutorials-for-vintage-and-retro-style 30 Useful Photoshop Tutorials for Vintage and Retro Style | Web Design Ledger
-
http://menblog.net/?p=282 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | MEN blog . net
-
http://www.tutorialspalace.com/2009/09/36-retro-and-vintage-style-tutorials/ 36 Retro and Vintage Style Tutorials | Tutorials Palace
-
Rebeca Molins
-
James
-
http://www.mytechway.com/76/40-incredibly-inspirational-retro-vintage-photoshop-tutorials/ 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | My Tech way
-
http://lunchtimelaugh.com/?p=100 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials | Lunch Time Laugh
-
http://www.downrex.com/tutorials/photoshop/30-useful-photoshop-tutorials-for-vintage-and-retro-style/ 30 Useful Photoshop Tutorials for Vintage and Retro Style | Downrex
-
http://www.tutorialspalace.com/2009/09/stunning-collection-of-grunge-design-photoshop-tutorials/ Stunning Collection of Grunge Design Photoshop Tutorials | Tutorials Palace
-
http://www.cosmos-blog.com/25-photoshop-tutorials-for-working-with-textures 25 Photoshop Tutorials for Working with Textures | Cosmos Blog — Internet News,Life,Culture,Polices,Resource,Make Money
-
http://blog.reflexstock.com/2009/06/60-amazing-poster-advertisment-tutorials/ 60 Amazing Poster & Advertisment Tutorials :: Reflex Stock Photo Blog
-
Ingrid
-
http://typoglyphic.com/connections/smashing-article-60-amazing-poster-and-advertisment-tutorials/ typoglyphic.com » Smashing Article: 60+ Amazing Poster and Advertisment Tutorials
-
http://huibit05.com/tutorials/50-extremely-creative-vintage-and-retro-photoshop-tutorials/ 50 Extremely Creative Vintage and Retro Photoshop Tutorials | Master Design
-
http://webdesignpost.wordpress.com/2009/12/10/40-incredibly-inspirational-retro-vintage-photoshop-tutorials/ 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials « Web Design Post
-
http://www.mxky.com Infographiste
-
http://www.arfahhusaifah.com Tips Menulis Online
-
http://www.cheapoldcarsinusa.com/ Old Cars
-
http://yourtutorialsbox.com/photoshop/tutorials/design-a-vintage-car-poster-in-photoshop/ Design a Vintage Car Poster in Photoshop | YourTutorialsBox.com
-
http://www.roncarrmusic.com Roncarrmusic
-
http://ponude.biz/blog/?p=1939 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials « Agencija 027 S.N.O.B.
-
http://www.fototailor.com Photo Editing
-
http://epubd.com/?p=22 40 Incredibly Inspirational Retro & Vintage Photoshop Tutorials
-
http://www.connexx-design.nl/2010/03/35-inspiring-retro-and-vintage-print-designs-and-tutorials/ 35 Inspiring Retro and Vintage Print Designs and Tutorials – Design | Webdesign | Logo, Huisstijl & website ontwerp
-
http://industrialimage.net Digital Signs
-
http://dailycreative.ru/ DailyCreative
-
http://www.paradisecoorg.com deeps
-
http://www.mineral4me.com jaydeep
-
http://mohsinavora.blogspot.com/ Mohsina
-
http://Website eden
-
http://Website wink
-
James Qu
-
http://Website Bad Boy
-
Punk Pixie


















