In this lesson, you will learn how to create a vintage poster in Photoshop. You will also learn about working with Photoshop tools, as well as about the composite technique.
Stages of the lesson
Today we will create a vintage poster with the image of a cat in Photoshop, as well as use the small help of Illustrator. We will start with creating the background using textures, then we will create the main character of the cat using the Shape tools, including the overlap technique to create a vintage effect. I used Photoshop CS 6 to perform this tutorial, but you can use any version starting with version CS3.
Download source materials
Let’s start by creating a new document with A4 dimensions (210mm X 297mm). I set the resolution to 150 dpi because I am not going to print on the printer.
Add texture to our working paper with the command To place (Place), so you add the texture to the working document as a smart object. Let’s go File – to place(File> Place).
Zoom the texture to close the full area of the working document, as shown in the screenshot below. Press the (Enter) key to apply the changes.
Next, add vintage wallpaper to your desktop using the command To place (Place).
This wallpaper texture is too large in size. Let’s scale down to 47% of the original texture size.
Shift the texture. Align the texture so that the top left corner of the texture matches the top left corner of the document.
Next, once again add the texture of the old paper, which you have already added earlier. Or simply duplicate the old paper texture layer, apply scaling to the duplicate layer, as shown in the screenshot below.
Hold down (CTRL) + click on the thumbnail of the paper texture layer in the layers palette to load the active selection.
Now turn off the visibility of the paper texture layer. We use active selection to apply a layer mask to the layer with the vintage pattern.
Without removing the active selection, go to the layer with vintage wallpaper, and then click the button Add layer mask (Add a Mask) in the bottom toolbar. You can see how the edges are neatly trimmed.
Add another old paper texture (Стар Old Paper Texture 2 ’) to our working paper.
Zoom the texture so that the texture completely covers the workspace.
Rasterize this texture layer – right-click on the layer and in the window that appears, select the option Rasterize layer (Rasterize Layer).
Next, discolor the texture – press the keys (Ctrl + U), set the value Saturation (saturation) at -100.
Add a blackout to the texture – press the keys (Ctrl + M) to activate Curves (Curves).
Convert this layer of textured old paper to a clipping mask to the layer with vintage wallpaper, located below – use the hot keys (Ctrl + Alt + G) to create a clipping mask.
Next, change the blending mode for this layer with the texture of old paper to Overlap (Overlay). The result should be as in the screenshot below.
Next, we will create a star effect with rays emanating from it in Illustrator. For a while, switch to Illustrator. Choose a tool Polygon (Polygon Tool). Double click on it to display the tool settings window, set the number of sides to 3. Draw a triangle.
Spread the drawn triangle vertically, as shown in the screenshot below.
Let’s go Effects – Distortion Transformation – Transformation (Effect> Distrort Transform> Transform).
Apply the values that are shown in the screenshot below.
Note: you can make the same pattern in Photoshop using the tools Polygon (Polygon Tool) in figure mode and Transformation. To automate the process, you can create an action, this lesson will help you. Or you can just use a brush with rays.
The result should be as in the screenshot below. Copy the created pattern.
Returning to Photoshop, paste the star pattern with outgoing rays, like a layer-shape.
Zoom the shape. You can use the top settings panel to use the exact settings.
Move the star up a bit, as shown in the screenshot below.
Change the blending mode for the star layer with outgoing rays to Darkening basics (Color Burn). Next, convert this layer to a clipping mask to the layer with vintage wallpaper.
I want to hide the bottom of the star with rays. First, add a layer mask to the star layer.
Choose a tool Gradient (Gradient Tool), set black and white gradient. While on the layer’s layer mask, drag the gradient from the bottom up, as shown in the screenshot below.
So, the background is ready. Now, we will start creating our cat character. Let’s start with the creation of the head. Choose a tool Ellipse (Ellipse Tool). Draw a circle as shown in the screenshot below.
Next, we will create the eyes using the shape of an ellipse. Using tool Ellipse (Ellipse Tool), draw the shape of the eye, as in the screenshot below.
Choose a tool Arrow(Direct Selection Tool). Select the middle anchor point on the left.
Next, select the tool Angle (Convert Point Tool), and then click on the selected anchor point to convert the rounded edge to a sharp point.
Do the same, only this time with the middle anchor point on the right.
Press the keys (Ctrl + T) to rotate the eye at an appropriate angle.
Duplicate the eye shape layer. Flip horizontally (Flip it horizontally).
Using tool Ellipse (Ellipse Tool), draw the eyeballs.
Next, on the cat head layer, we apply the layer styles Gradient overlay (Gradient Overlay). Double-click on the head layer to make the window appear. Layer styles (Layer Style). Apply the gradient shown in the screenshot below.
Set the color for eyes # 4e2419.
Using tool Polygon (Polygon Tool), draw the shape of the nose.
Continue to design the shape of the nose. Using tool Rectangle (Rectangle Tool), draw a small detail at the bottom of the nose.
Next, draw a horizontal part.
Rotate the painted part.
Duplicate the layer.
On the duplicate layer, press the keys (Ctrl + T), then right-click on the selected area and in the window that appears, select the option Flip horizontally (Flip Horizontal).
At the moment, the result should be as in the screenshot below.
Next, we will draw a mustache in Illustrator. Draw a curved line with the tool. Pen (Pen tool). Once you have drawn the first line, duplicate the line several times.
Note: such mustache can draw in Photoshop using the tool Pen (Pen tool), Free feather (Freeform Pen Tool).
Select all three lines, and then hold down (Alt) + drag the selected lines to create a duplicate.
Copy the mustache in illustrator, and then paste the mustache into our working paper.
Add a layer style to the mustache layer. Color overlay (color overlay) to match the color shades.
Using tool Pen (Pen tool), draw the shape of the ear.
Duplicate the ear pattern, and then rotate the image.
Next, with the tool Pen (Pen tool), draw a torso.
To layer with body, add layer style Gradient overlay (Gradient Overlay). Apply the gradient settings shown in the screenshot below.
Next, draw the front paw.
Duplicate the layer with the front paw, place the duplicate layer on top of the layer with the cat’s torso.
To the front paw layer, add a layer style. Gradient overlay (Gradient Overlay).
In the same way, apply a gradient overlay to the second front paw.
Draw the cat’s paws, as shown in the screenshot below.
We have completed the creation of the front paws. Next, we will create hind legs. Draw a shape as shown in the screenshot below.
Apply the same gradient that we applied to the cat’s torso.
Draw a foot cat.
Our character is almost ready, except for the tail. Using tool Pen (Pen Tool), draw a tail shape. Apply the same gradient that you applied to the front paws.
Using tool Pen (Pen Tool), circle around the cat image. Next, stroke the outline. In this step, we have completed character creation.
Let’s move on to creating text. Download / install the font “Deftone Stylus”, as well as the font “Poplar Std”. Type the text “the” using the “Deftone Stylus” font.
Type the text below the first word. Apply the settings to the font shown in the screenshot below.
Type the word “CAT” using the font “Poplar Std”.
The result should be as in the screenshot below.
As you may have noticed, the second line of the text overlaps the text “CAT”. We will correct the overlap of the word “angry” with the word “CAT”. Hold down (Ctrl) + click on the thumbnail of the layer with the text “angry” to load the active selection.
Next, we will expand the active area. Let’s go Selection – Modification – Expand (Select> Modify> Expand).
Go to the layer with the text “CAT” and then add a layer mask.
Let’s draw a Ribbon shape using the tool Rectangle (Rectangle tool). Make sure that the option is selected in the settings. Figure (Shape). Draw a horizontal strip, as shown in the screenshot below.
Next, draw the tape bend and use the tool Arrow (Direct Selection Tool), change the perspective of the tape fragment, as shown in the screenshot below.
Duplicate the tape fragment by shifting the duplicate to the opposite end of the main tape.
Draw another fragment of the ribbon by placing the layer with this shape below the other 2x layers with the ribbon.
Next, we have to add a cutout to the ribbon. Add an anchor point to the left edge of our ribbon shape with the tool Pen (Add anchor point) (Add Anchor Point Tool).
Using the tool Arrow (Direct Selection Tool), capture the reference point we just added with the mouse.
Shift the anchor point to the right of its actual position. You can use the arrow keys to shift the point.
Let’s straighten the sides with a tool Angle (Convert Point Tool).
Duplicate the tape cut by shifting the duplicate to the opposite end of our tape.
To the center of the ribbon, add a layer style. Gradient overlay (Gradient Overlay). Apply the gradient settings shown in the screenshot below.
Add text to tape using the “KiloGram” font.
Next, we will add a speech bubble using the tool. Ellipse (Ellipse Tool).
Draw a tail to the cloud with the text.
Add text over the layer with the cloud, set the text color to white.
Next, I duplicated the cat’s mustache, mutilated the scale, and then placed them on top of the layer with the text “CAT” to simply add a small symbolic meaning.
Select the star shape in the tool palette. Arbitrary shape (custom shapes). Draw stars between the cat and the ribbon.
Open the creased paper texture. Select the entire texture (Ctrl + A) and then copy the selected texture (Ctrl + C).
Paste the copied texture on our working paper (Ctrl + V).
Adjust texture brightness with correction Curves (Curves).
Change the blending mode for the folded paper layer to Overlap (Overlay).
Open the emerald green paper texture.
Copy / paste the emerald green paper texture onto our working paper.
Apply scaling to the paper texture according to the size of the working paper.
Discolor texture (CTRL + Shift + U).
Dim texture with correction Curves (Curves).
Change the blending mode for this texture layer to Lightening (Screen).
To the scratch texture layer, add an adjustment layer. Curves (Curves).
Next, add an adjustment layer. Photo filter (Photo Filter).
In conclusion, we will add a little noise effect to our picture. Create a new layer on top of all other layers, fill this layer with black color.
Add noise to the created layer, go Filter – Noise – Add Noise (Filter> Noise> Add Noise).
Change the blending mode for the noise effect layer to Lightening (Screen).
Congratulations, we have completed the lesson! I hope you enjoyed this tutorial, and you will create your vintage artwork that will become even more attractive.
Download source materials
Link to the PSD file of the lesson
Author: Niranth M
Translator: Sadigaliyev Marat