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.
- Old paper stock – ftourini
- Old paper texture 2 – Snowys-stock
- Emerald green scratch paper texture – mercurycode
- Brown vintage wallpaper – psdgraphics.com
- Folded paper texture – photoshoptutorials.ws
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.
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.
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.
Now bring in the brown vintage wallpaper using the “Place” command.
This texture is huge in dimensions. Lets scale it to approx 47% of its original dimensions.
Reposition the texture. Align the top left of the texture to the top left of the canvas.
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.
CTRL+Click on the layer thumbnail in the layers palette to load selection.
Turn off the layer visibility in the layers palette. Now we will use this selection to apply layer mask to the vintage pattern layer.
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.
Place this below old paper texture (older_paper_1920_by_snowys_fox-d4vhnoi.jpg) into our document.
Scale up the texture until it covers the whole visible area.
Rasterize the layer – right click on the layer and choose “Rasterize Layer”
Now desaturate the texture – Press Ctrl+U, set the saturation to -100.
Increase the darkness of the texture – Press Ctrl+M to load the Curves.
Clip this layer to the masked vintage pattern layer below – The short cut key is Ctrl+Alt+G to clip.
Set the layer blending mode to “Overlay”. You should see the similar results.
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.
Stretch the triangle vertically like in the below image.
Go to Effect > Distrort & Transform > Transform.
Enter the below values into the dialog box.
You should have similar result on your screen. Copy the effect.
Switch back to Photoshop, paste the starburst as shape layer.
Scale up the shape. You can enter the values in the options bar above.
Move the starburst slightly toward the upper half of the document.
Set the starburst belnding mode to “Color Burn”. Clip the starburst to the vintage pattern layer.
I would like to hide the bottom of the starburst. Add mask to the layer first.
Select the Gradient Tool, pick the black to white gradient and draw over the desired area like in the below image.
The background has been prepped. Now we will start drawing the cat character. Lets start by creating the head. Select the Ellipse Tool and draw a circle shape like below.
Develop the eyes from the ellipse shape. Use the ellipse tool to draw shape you see in the below image.
Grab the Direct Selection Tool and select the middle left anchor point.
Select the Convert Point Tool and click on the above anchor point to convert the rounded edge into a crisp one.
Repeat the same thing with the middle right anchor point too.
Hit Ctrl+T and rotate the eye at an angle to a degree that looks appropriate.
Duplicate eye shape. Flip it horizontally.
Draw the eyeballs using the Ellipse Tool.
Now we apply gradient to the head base layer. Double click on the layer to load the Layer Style dialog box, create the below gradient and apply.
Set the eye color to #4e2419.
Draw the nose shape using the Polygon Tool
Continue to construct the mouth shape. Use the Rectangle Tool to draw the below shape.
Draw this shape further.
Rotate the shape.
Duplicate the layer.
Press Ctrl+T, right click on the shape and choose Flip Horizontal.
Your image should look like this so far.
Now we draw the whiskers in Illustrator. Draw a curved line with the Pen tool. After drawing the initial path make a couple of copies.
Select all the 3 shapes and create a copy of it by dragging while holding Alt key.
Copy the both shapes from illustrator and paste into the main working document.
Apply color overlay to match the color.
Draw the ear shape with the Pen tool.
Duplicate the shape and rotate.
Now draw the body with Pen tool.
Apply gradient to the body shape. Create the below gradient in the Layer Style palette and apply.
We will draw the leg shape.
Duplicate the shape and place above the body layer.
Apply gradient to the leg shape.
Apply the same gradient to the other leg as well.
Draw the feet like in the below image.
We are done with the front legs. Now we will create the back leg, draw the shape like in the below image.
Now add the same gradient we applied to the body.
Draw the feet.
The character is almost ready except the tail. Draw the tail shape with the Pen Tool. Apply the gradient that is applied to the front legs.
Draw an outline shape around the character using the Pen Tool, which will work as a stroke. With this step we have finished building the character.
Lets move on to creating the type. Download and install the “Deftone Stylus” and “Poplar Std” fonts. Start with “the” set the font to “Deftone Stylus”.
Create the second line and set the size and position similar to the below instruction image.
Type out the “CAT” and set the font to the “Poplar Std”.
Your image should look like this.
As you can see, the second line is overlapping the “CAT” layer, We will accommodate “angry” layer by subtracting the overlapped areas of the “CAT” layer. Hold “Ctrl” button and click on the “angry” layer to load selection.
Expand the selection. Go to Select > Modify > Expand.
Select the “CAT” type layer and click on the “Add a mask” button.
Lets create the Ribbon shape using the Rectangle tool. Make sure “Shape” option is selected. Draw a horizontal bar like below.
Draw the ribbon fold and tweak the top right corner using the “Direct Selection Tool”.
Duplicate and flip the shape for the other side as well.
Draw another shape and place it behind the other 2 layers.
Now add a cut to ribbon. Add an anchor point to the left edge of the shape using the “Add Anchor Point Tool”.
Select the anchor point we just added using the “Direct Selection Tool”.
Move the point inwards from its actual position. You can use arrow keys on keyboard to nudge it.
Lets straighten the “Convert Point Tool”.
Duplicate the shape and use it for the other side.
Apply gradient to the the center shape of the ribbon.
Add type and set the font to “KiloGram”.
Now we will create a speech bubble shape with the Ellipse Tool.
Draw the tip of the speech bubble.
Add type above the speech bubble, set the font colour to white.
I have duplicated the whiskers from above and resized, place it above the “CAT” layer, just to give a bit of symbolic treatment.
Select star shape from the custom shapes palette. Draw stars between the Cat and the ribbon layer.
Open up the the folded paper texture. Select all (Ctrl+A) and copy the whole texture.
Paste into the working document.
Adjust the brightness using the Curves command.
Set the layer blending mode to “Overlay”
Open the “emerald_green_scratch_paper_texture”.
Copy and paste the scratch paper texture into he main document.
Resize the scratch paper texture to fit the canvas nicely.
Desaturate the texture (CTRL + Shift + U).
Darken the texture using the Curves command.
Change the layer blending mode to “Screen”.
Add Curves adjustment layer to the scratch texture layer.
Add “Photo Filter” adjustment layer.
Finally we will add some noise to the artwork. Create a new above all the layers and fill it with black.
Add noise to the layer. Filter > Noise > Add Noise. Change the layer blending mode to “Screen”.
Change the layer blending mode to “Screen”.