Design insights & tutorials.

Design a Vintage Poster, Part II

Turquoise Flag-Tip

Welcome to part two of designing a vintage poster. If you missed part one, be sure to catch up! Last week’s tutorial covered most of the heavy lifting: concept, color, and composition all took place in Illustrator using elements from Vector Set 16.

Today we’re going to take our design into Photoshop for some tender love & care. We’ll learn about adding tactile character using Photoshop’s Bitmap filter, applying Spray Paint Textures for a handmade urban vibe, polishing with motion blur, and finally adding selective contrast with the dodge and burn tools.

Phase Four

Giving your design a face lift in Photoshop

Now before we get started in Photoshop lets open a new file and set size to 15×20 300 dpi.
Next place the jpeg of the poster into this new file.

Step One

Duplicate the layer three times, simply hold down alt and drag layer up.
Label and set first layers opacity to 70% simply hold down alt and drag layer up.

Author’s Note: It is important to properly name your layers so you don’t get confused.

Step two

Next create a bitmap, select bitmap layer and click image mode gray scale. You will get three pop up notices just click first button for all three, and let’s move on.

Step three

You will see one single layer. Click on image, mode and select (bitmap).

Step four

Set to 300dpi, halftone screen hit OK.

Step five

Set frequency to 35 or 45, set shape to round for best results.

Author’s Note: Feel free to try other things change up the shape and experiment with different settings.

Step six

Now convert bitmap back to gray scale. Click to Image>Mode>Grayscale

Step seven

Now convert grayscale back to RGB. Double click on layer and name it bitmap. Now select everything using ctrl + A. Copy the bitmap layer using ctrl + C.

Step eight

Now that we’ve got our bitmap image we need to apply it to our original design. Go to the history pallet and revert back to before you created the grayscale image. This will bring back all your original layers. You will want to replace the old bitmap layer with the new one. Just delete the original and ctrl + V to past in new layer. Change the fill to 59%.

Phase five

Adding spray paint texture

Lets add some spray paint from Spray Paint Textures, Volume 1 to spice it up a bit. I enjoy using these to give the design some character.

Step one

Place the spray paint above the compass rose size to your liking.
Author’s Note: You can play around with different colors and transparency effects.

Step two

Set to darker color and opacity to 75% make sure its above the opacity layer.

Step three

Duplicate the layer move into place as show above.
Author’s Note: Use the erase tool with a soft bursh and opacity set to 35 and erase around square till lines are gone.

Phase six

Adding light and aged effects

Step one

You will need to download the aged action to continue the tutorial.


Step two

First create a new layer and name it “Light Grunge”. This is the layer that we’ll be using to add the aged effect.

Step three

Create a new layer fill it with black

Step four

Filter, render, lens flare

Step five

105mm prime, move to into position as show above set brightness to 118%

Step six

Step seven

Alright, now it’s time to use that aged texture action. Load it up and play it. See that? We took a standard lens flare and made it a little messy. Now, let’s do it again by hitting play a second time.

Step eight

Set the light grunge layer blending mode to Screen. Now change opacity to 75%. See how adds realistic aging effects?

Phase seven

Adding light and aged effects

Step one

Select the motion blur layer we created earlier. Open the motion blur dialog by clicking Filter>Blur>Motion Blur. Set angle to 48% and distance to 999 pixels.

Step two

Set our motion blur layer blending mode to Screen. Lower opacity to 61%. We’re almost there!

Phase eight

Adding dark contrast

Step two

Select the burn tool. Use it like a brush on some dark areas that you’d like to make even darker. Keep experimenting until you’ve achieved contrast that looks good to you.

That’s it! We’re done! I hope you had a good time taking our Illustrator design to the next level with Photoshop. The final results may very, I took it a bit further using the same techniques. Have fun Designing your own madness.

About the Author, Tim Boesel

I'm part of the Go Media Design Crew. I design cool stuff and enjoy being a Cleveland sports fan. Follow me on Twitter !
Discover More by Tim Boesel

Discussion

We want to hear what you have to say. Do you agree? Do you have a better way to approach the topic? Let the community know by joining the discussion.

  • Liz Hunt

    Way to go, Tim! How detailed!

  • http://www.geoffmay.com Geoff May

    Cool tutorial! Much respek!

  • http://twitter.com/MortenFC Morten F Christensen

    Awesome! Another 'must do' go media tutorial

  • Simon H.

    Nice. I was convinced that the first tut was it :-)
    And thanks for the Ps action!

  • http://www.facebook.com/jdarko Jeremy Jer-El Darko

    Fantastic tutorial!

  • http://www.gomedia.us jeff_finley

    Yeah nice job Tim, those aging techniques are very nice!

  • http://newwpthemes.net/ Susan

    A great tutorial, thanks!!

  • Melody

    Cool poster, I love everything retro I wonder why that line style is so popular..

  • relaxing77

    Nice tutorial, thanks!

  • Dzinepress

    i really like retro and vintage inspired designs.

  • childesign

    Wow~ ! nice. Thanks for share

  • http://www.slateism.com/ Aliah

    Great stuff dude. I really liked the step by step explanation of this tutorial. I am going to try it today for sure. Keep posting similar stuff. :)
    iPad Travel Charger

  • 3dmodels

    Now Free Download Hight Quality 3d models 3d objects for 3DSMAX, Maya, Softimage, Lightwave. (3D Cars, 3D People, 3D Furnitures, etc). For use in all your 3D Animation and multimedia works. animation | art | vr | tutorials | 3d models | 2d | software | plug-ins | textures | materials | scripts | poser and find out new 3d jobs and hot 3d video. http://www.all3dmodels.com

  • yto

    Way to go, Tim! How detailed!
    dizi izle

  • yto

    Way to go, Tim! How detailed!
    dizi izle

  • Matt

    Thanks for this nice work!
    dizi izle

  • John

    Great post!
    dizi izle

  • John

    Great post!
    dizi izle

  • John

    Great post!
    dizi izle

  • Upcoming Movie

    good poster design

  • http://www.facebook.com/clippingpath Photoshop Clipping Path

    nice tutorial, the result is wonderfull.. thanks

  • iPod iPhone Jailbreak

    good graphic deigne jeff

  • http://www.webhostingreviewz.com/uk2net-review/ uk2.net

    Hi! I was surfing and found your blog post… nice! I love your blog. :) Cheers! Sandra. R.

  • Michael Jackson

    great artist…. love it

  • http://realestateusachoice.info Real Estate

    thank you..this is very cool

  • My iPhone Jailbreak

    very cute vintage poster.. i love it

  • Tora Markotas

    i love this poster. very artistic

  • dizi izle

    All this is really difficult to do. How can I start? Can you help please? I can not because my English is not good.

  • dizi izle

    All this is really difficult to do. How can I start? Can you help please? I can not because my English is not good.

  • http://www.facebook.com/StellaDave Dave Simpson

    When you say bring the jpg into PS do you mean export to jpg in Ai then bring it in? I have done that and the jpg is too small to fill the 15×20 300dpi space in PS. 
    Help please!

  • http://stevenswood.com/ mendocino luxury hotels

    Oks, very impressive info. I like this excellent GORG piece whatever you post very crucial stuffs! 

  • http://www.drmustafaerarslan.org/ panax

    Very cool and interesting article

  • http://www.drmustafaerarslan.org/ panax

    Thanks for the feedback and tips