Draw an angry cat in Photoshop

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

Final result

Step 1

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.

Step 2

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).

Step 3

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.

Step 4

Next, add vintage wallpaper to your desktop using the command To place (Place).

Step 5

This wallpaper texture is too large in size. Let’s scale down to 47% of the original texture size.

Step 6

Shift the texture. Align the texture so that the top left corner of the texture matches the top left corner of the document.

Step 7

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.

Step 8

Hold down (CTRL) + click on the thumbnail of the paper texture layer in the layers palette to load the active selection.

Step 9

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.

Step 10

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.

Step 11

Add another old paper texture (Стар Old Paper Texture 2 ’) to our working paper.

Step 12

Zoom the texture so that the texture completely covers the workspace.

Step 13

Rasterize this texture layer – right-click on the layer and in the window that appears, select the option Rasterize layer (Rasterize Layer).

Step 14

Next, discolor the texture – press the keys (Ctrl + U), set the value Saturation (saturation) at -100.

Step 15

Add a blackout to the texture – press the keys (Ctrl + M) to activate Curves (Curves).

Step 16

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.

Step 17

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.

Step 18

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.

Step 19

Spread the drawn triangle vertically, as shown in the screenshot below.

Step 20

Let’s go Effects – Distortion Transformation – Transformation (Effect> Distrort Transform> Transform).

Step 21

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.

Step 22

The result should be as in the screenshot below. Copy the created pattern.

Step 23

Returning to Photoshop, paste the star pattern with outgoing rays, like a layer-shape.

Step 24

Zoom the shape. You can use the top settings panel to use the exact settings.

Step 25

Move the star up a bit, as shown in the screenshot below.

Step 26

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.

Step 27

I want to hide the bottom of the star with rays. First, add a layer mask to the star layer.

Step 28

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.

Step 29

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.

Step 30

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.

Step 31

Choose a tool Arrow(Direct Selection Tool). Select the middle anchor point on the left.

Step 32

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.

Step 33

Do the same, only this time with the middle anchor point on the right.

Step 34

Press the keys (Ctrl + T) to rotate the eye at an appropriate angle.

Step 35

Duplicate the eye shape layer. Flip horizontally (Flip it horizontally).

Step 36

Using tool Ellipse (Ellipse Tool), draw the eyeballs.

Step 37

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.

Step 38

Set the color for eyes # 4e2419.

Step 39

Using tool Polygon (Polygon Tool), draw the shape of the nose.

Step 40

Continue to design the shape of the nose. Using tool Rectangle (Rectangle Tool), draw a small detail at the bottom of the nose.

Step 41

Next, draw a horizontal part.

Step 42

Rotate the painted part.

Step 43

Duplicate the layer.

Step 44

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).

Step 45

At the moment, the result should be as in the screenshot below.

Step 46

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).

Step 47

Select all three lines, and then hold down (Alt) + drag the selected lines to create a duplicate.

Step 48

Copy the mustache in illustrator, and then paste the mustache into our working paper.

Step 49

Add a layer style to the mustache layer. Color overlay (color overlay) to match the color shades.

Step 50

Using tool Pen (Pen tool), draw the shape of the ear.

Step 51

Duplicate the ear pattern, and then rotate the image.

Step 52

Next, with the tool Pen (Pen tool), draw a torso.

Step 53

To layer with body, add layer style Gradient overlay (Gradient Overlay). Apply the gradient settings shown in the screenshot below.

Step 54

Next, draw the front paw.

Step 55

Duplicate the layer with the front paw, place the duplicate layer on top of the layer with the cat’s torso.

Step 56

To the front paw layer, add a layer style. Gradient overlay (Gradient Overlay).

Step 57

In the same way, apply a gradient overlay to the second front paw.

Step 58

Draw the cat’s paws, as shown in the screenshot below.

Step 59

We have completed the creation of the front paws. Next, we will create hind legs. Draw a shape as shown in the screenshot below.

Step 60

Apply the same gradient that we applied to the cat’s torso.

Step 61

Draw a foot cat.

Step 62

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.

Step 63

Using tool Pen (Pen Tool), circle around the cat image. Next, stroke the outline. In this step, we have completed character creation.

Step 64

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.

Step 65

Type the text below the first word. Apply the settings to the font shown in the screenshot below.

Step 66

Type the word “CAT” using the font “Poplar Std”.

Step 67

The result should be as in the screenshot below.

Step 68

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.

Step 69

Next, we will expand the active area. Let’s go Selection – Modification – Expand (Select> Modify> Expand).

Step 70

Go to the layer with the text “CAT” and then add a layer mask.

Step 71

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.

Step 72

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.

Step 73

Duplicate the tape fragment by shifting the duplicate to the opposite end of the main tape.

Step 74

Draw another fragment of the ribbon by placing the layer with this shape below the other 2x layers with the ribbon.

Step 75

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).

Step 76

Using the tool Arrow (Direct Selection Tool), capture the reference point we just added with the mouse.

Step 77

Shift the anchor point to the right of its actual position. You can use the arrow keys to shift the point.

Step 78

Let’s straighten the sides with a tool Angle (Convert Point Tool).

Step 79

Duplicate the tape cut by shifting the duplicate to the opposite end of our tape.

Step 80

To the center of the ribbon, add a layer style. Gradient overlay (Gradient Overlay). Apply the gradient settings shown in the screenshot below.

Step 81

Add text to tape using the “KiloGram” font.

Step 82

Next, we will add a speech bubble using the tool. Ellipse (Ellipse Tool).

Step 83

Draw a tail to the cloud with the text.

Step 84

Add text over the layer with the cloud, set the text color to white.

Step 85

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.

Step 86

Select the star shape in the tool palette. Arbitrary shape (custom shapes). Draw stars between the cat and the ribbon.

Step 87

Open the creased paper texture. Select the entire texture (Ctrl + A) and then copy the selected texture (Ctrl + C).

Step 88

Paste the copied texture on our working paper (Ctrl + V).

Step 89

Adjust texture brightness with correction Curves (Curves).

Step 90

Change the blending mode for the folded paper layer to Overlap (Overlay).

Step 91

Open the emerald green paper texture.

Step 92

Copy / paste the emerald green paper texture onto our working paper.

Step 93

Apply scaling to the paper texture according to the size of the working paper.

Step 94

Discolor texture (CTRL + Shift + U).

Step 95

Dim texture with correction Curves (Curves).

Step 96

Change the blending mode for this texture layer to Lightening (Screen).

Step 97

To the scratch texture layer, add an adjustment layer. Curves (Curves).

Step 98

Next, add an adjustment layer. Photo filter (Photo Filter).

Step 99

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.

Step 100

Add noise to the created layer, go Filter – Noise – Add Noise (Filter> Noise> Add Noise).

Step 101

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.

Final result

Download source materials

Link to the PSD file of the lesson

Author: Niranth M

Translator: Sadigaliyev Marat

Like this post? Please share to your friends: