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.
Tutorial Resources
- 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
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 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 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 5
Now bring in the brown vintage wallpaper using the “Place” command.
Step 6
This texture is huge in dimensions. Lets scale it to approx 47% of its original dimensions.
Step 7
Reposition the texture. Align the top left of the texture to the top left of the canvas.
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 9
CTRL+Click on the layer thumbnail in the layers palette to load selection.
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 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 12
Place this below old paper texture (older_paper_1920_by_snowys_fox-d4vhnoi.jpg) into our document.
Step 13
Scale up the texture until it covers the whole visible area.
Step 14
Rasterize the layer – right click on the layer and choose “Rasterize Layer”
Step 15
Now desaturate the texture – Press Ctrl+U, set the saturation to -100.
Step 16
Increase the darkness of the texture – Press Ctrl+M to load the Curves.
Step 17
Clip this layer to the masked vintage pattern layer below – The short cut key is Ctrl+Alt+G to clip.
Step 18
Set the layer blending mode to “Overlay”. You should see the similar results.
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 20
Stretch the triangle vertically like in the below image.
Step 21
Go to Effect > Distrort & Transform > Transform.
Step 22
Enter the below values into the dialog box.
Step 23
You should have similar result on your screen. Copy the effect.
Step 24
Switch back to Photoshop, paste the starburst as shape layer.
Step 25
Scale up the shape. You can enter the values in the options bar above.
Step 26
Move the starburst slightly toward the upper half of the document.
Step 27
Set the starburst belnding mode to “Color Burn”. Clip the starburst to the vintage pattern layer.
Step 28
I would like to hide the bottom of the starburst. Add mask to the layer first.
Step 30
Select the Gradient Tool, pick the black to white gradient and draw over the desired area like in the below image.
Step 31
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.
Step 32
Develop the eyes from the ellipse shape. Use the ellipse tool to draw shape you see in the below image.
Step 33
Grab the Direct Selection Tool and select the middle left anchor point.
Step 34
Select the Convert Point Tool and click on the above anchor point to convert the rounded edge into a crisp one.
Step 35
Repeat the same thing with the middle right anchor point too.
Step 36
Hit Ctrl+T and rotate the eye at an angle to a degree that looks appropriate.
Step 37
Duplicate eye shape. Flip it horizontally.
Step 38
Draw the eyeballs using the Ellipse Tool.
Step 39
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.
Step 40
Set the eye color to #4e2419.
Step 41
Draw the nose shape using the Polygon Tool
Step 42
Continue to construct the mouth shape. Use the Rectangle Tool to draw the below shape.
Step 43
Draw this shape further.
Step 44
Rotate the shape.
Step 45
Duplicate the layer.
Step 46
Press Ctrl+T, right click on the shape and choose Flip Horizontal.
Step 47
Your image should look like this so far.
Step 48
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.
Step 49
Select all the 3 shapes and create a copy of it by dragging while holding Alt key.
Step 50
Copy the both shapes from illustrator and paste into the main working document.
Step 51
Apply color overlay to match the color.
Step 52
Draw the ear shape with the Pen tool.
Step 53
Duplicate the shape and rotate.
Step 54
Now draw the body with Pen tool.
Step 55
Apply gradient to the body shape. Create the below gradient in the Layer Style palette and apply.
Step 56
We will draw the leg shape.
Step 57
Duplicate the shape and place above the body layer.
Step 58
Apply gradient to the leg shape.
Step 59
Apply the same gradient to the other leg as well.
Step 60
Draw the feet like in the below image.
Step 61
We are done with the front legs. Now we will create the back leg, draw the shape like in the below image.
Step 62
Now add the same gradient we applied to the body.
Step 63
Draw the feet.
Step 64
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.
Step 65
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.
Step 66
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”.
Step 67
Create the second line and set the size and position similar to the below instruction image.
Step 68
Type out the “CAT” and set the font to the “Poplar Std”.
Step 69
Your image should look like this.
Step 70
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.
Step 71
Expand the selection. Go to Select > Modify > Expand.
Step 72
Select the “CAT” type layer and click on the “Add a mask” button.
Step 73
Lets create the Ribbon shape using the Rectangle tool. Make sure “Shape” option is selected. Draw a horizontal bar like below.
Step 74
Draw the ribbon fold and tweak the top right corner using the “Direct Selection Tool”.
Step 75
Duplicate and flip the shape for the other side as well.
Step 76
Draw another shape and place it behind the other 2 layers.
Step 77
Now add a cut to ribbon. Add an anchor point to the left edge of the shape using the “Add Anchor Point Tool”.
Step 78
Select the anchor point we just added using the “Direct Selection Tool”.
Step 79
Move the point inwards from its actual position. You can use arrow keys on keyboard to nudge it.
Step 80
Lets straighten the “Convert Point Tool”.
Step 81
Duplicate the shape and use it for the other side.
Step 82
Apply gradient to the the center shape of the ribbon.
Step 83
Add type and set the font to “KiloGram”.
Step 84
Now we will create a speech bubble shape with the Ellipse Tool.
Step 85
Draw the tip of the speech bubble.
Step 86
Add type above the speech bubble, set the font colour to white.
Step 87
I have duplicated the whiskers from above and resized, place it above the “CAT” layer, just to give a bit of symbolic treatment.
Step 88
Select star shape from the custom shapes palette. Draw stars between the Cat and the ribbon layer.
Step 89
Open up the the folded paper texture. Select all (Ctrl+A) and copy the whole texture.
Step 90
Paste into the working document.
Step 91
Adjust the brightness using the Curves command.
Step 92
Set the layer blending mode to “Overlay”
Step 97
Open the “emerald_green_scratch_paper_texture”.
Step 98
Copy and paste the scratch paper texture into he main document.
Step 100
Resize the scratch paper texture to fit the canvas nicely.
Step 101
Desaturate the texture (CTRL + Shift + U).
Step 102
Darken the texture using the Curves command.
Step 103
Change the layer blending mode to “Screen”.
Step 104
Add Curves adjustment layer to the scratch texture layer.
Step 105
Add “Photo Filter” adjustment layer.
Step 106
Finally we will add some noise to the artwork. Create a new above all the layers and fill it with black.
Step 107
Add noise to the layer. Filter > Noise > Add Noise. Change the layer blending mode to “Screen”.
Step 108
Change the layer blending mode to “Screen”.
Final Results
Download the PSD
Tutorial by Niranth M
Hope you take away some useful steps to create Vintage inspired designs which have become highly appealing than ever before. I am a UI Designer with a dedicated passion for Photoshop and sharing my Ideas through the form of tutorials. Thank you for reading through the tutorial.
– Niranth M
The post Create a Vintage Style Poster in Photoshop appeared first on Photoshop Tutorials.
from Photoshop Tutorials http://ift.tt/2jhXMhE
via IFTTT
0 Comments