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.
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.
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.
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.
You will see one single layer. Click on image, mode and select (bitmap).
Set to 300dpi, halftone screen hit OK.
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.
Now convert bitmap back to gray scale. Click to Image>Mode>Grayscale
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.
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%.
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.
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.
Set to darker color and opacity to 75% make sure its above the opacity layer.
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.
Adding light and aged effects
You will need to download the aged action to continue the tutorial.
First create a new layer and name it “Light Grunge”. This is the layer that we’ll be using to add the aged effect.
Create a new layer fill it with black
Filter, render, lens flare
105mm prime, move to into position as show above set brightness to 118%
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.
Set the light grunge layer blending mode to Screen. Now change opacity to 75%. See how adds realistic aging effects?
Adding light and aged effects
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.
Set our motion blur layer blending mode to Screen. Lower opacity to 61%. We’re almost there!
Adding dark contrast
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.