LayoutsPhotoshop TutorialsUpdated

Create a Vintage Style Poster in Photoshop

This tutorial demonstrates techniques to create a vintage style poster in Photoshop. We will also be using Illustrator for some simple operations. This is a fairly straight forward tutorial utilizing Photoshop’s drawing tools and composition techniques.

What you’ll be creating

Hereby we are going to create a cat based vintage poster design in Photoshop with a little help from Illustrator. We will start off by preparing the background using the textures, will create the cat character using the shape tools and add a couple of overlays to give it a vintage touch. I have used Photoshop version CS6 to create this work but any version from CS3 onwards will be fine as well.

final-results

Tutorial Resources

Step 1

We start off by creating an A4 size document (210mm X 297mm). I am settling with 150 ppi for as I am not going for print.

step-001

Step 2

Add some texture to the blank canvas. Bring in the old paper texture using the Place command which will import the texture as a Smart Object. Select File > Place.

step-003

Step 4

Scale up the texture to fill the entire canvas like in the below image. Confirm it by hitting Enter/Return when you arrived at it.

step-004

Step 5

Now bring in the brown vintage wallpaper using the “Place” command.

step-005

Step 6

This texture is huge in dimensions. Lets scale it to approx 47% of its original dimensions.

step-006

Step 7

Reposition the texture. Align the top left of the texture to the top left of the canvas.

step-007

Step 8

In this step, go ahead and import the paper texture once again. Or just duplicate the one you imported a step ago, resize it as you see it below.

step-008

Step 9

CTRL+Click on the layer thumbnail in the layers palette to load selection.

step-009

Step 10

Turn off the layer visibility in the layers palette. Now we will use this selection to apply layer mask to the vintage pattern layer.

step-010

Step 11

With the selection on, click on the vintage pattern layer and click “Add a Mask” located at the bottom of the layers palette. You can see the edge cut nicely.

step-011

Step 12

Place this below old paper texture (older_paper_1920_by_snowys_fox-d4vhnoi.jpg) into our document.

step-012

Step 13

Scale up the texture until it covers the whole visible area.

step-013

Step 14

Rasterize the layer – right click on the layer and choose “Rasterize Layer”

step-014

Step 15

Now desaturate the texture – Press Ctrl+U, set the saturation to -100.

step-015

Step 16

Increase the darkness of the texture – Press Ctrl+M to load the Curves.

step-016

Step 17

Clip this layer to the masked vintage pattern layer below – The short cut key is Ctrl+Alt+G to clip.

step-017

Step 18

Set the layer blending mode to “Overlay”. You should see the similar results.

step-018

Step 19

We are going to create starburst effect in Illustrator. Switch to Illustrator for a while. Select the Polygon Tool. Double click on it, which will pop up options palette, set the number of sides to 3. Draw a triangle.

step-019

Step 20

Stretch the triangle vertically like in the below image.

step-020

Step 21

Go to Effect > Distrort & Transform > Transform.

step-021

Step 22

Enter the below values into the dialog box.

step-022

Step 23

You should have similar result on your screen. Copy the effect.

step-023

Step 24

Switch back to Photoshop, paste the starburst as shape layer.

Related posts
Photo ManipulationPhotoshop TutorialsUpdated

How to Create This Mystical Scene and Add Makeup to a Girl in Photoshop

Photo EffectsPhotoshop TutorialsUpdated

How to Create the Orange and Teal Look in Adobe Lightroom and Camera Raw

Photo ManipulationPhotoshop TutorialsUpdated

Create a Surreal Game of Thrones Photo Manipulation

Photo RetouchingPhotoshop TutorialsUpdated

How to Create a Red Blue Duotone Effect

26 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join Our V.I.P. Mailing List!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).