How to Draw a Lion Mascot in Photoshop

How to Draw a Lion Mascot in Photoshop
How to Draw a Lion Mascot in Photoshop

Learn step by step how to draw this lion mascot in Photoshop. This tutorial will cover the basics such as using the Pen and selection tools to create the outline, painting, and shading.


Preview of Final Results


done

Lion Mascot Photoshop Tutorial


Step 1

Create a new document. This one is 700x700 in size and 300 dpi resolution.

step1

Step 2

Create a new layer (Ctrl+Shift+N) and name it “body”. Make the contour of the mascot using the pen tool.

step2a

Make the selection and fill it in with yellow (#ffe91c).

step2b
step2c

Step 3

Create a new layer (Ctrl+Shift+N) and name it “tail tip”. Move it over the “body” layer. Using the lasso tool make a zone on the tail tip and fill it in with white (#ffffff).

step3a
step3b

Step 4

Now create the T-shirt. Create a new layer (Ctrl+Shift+N) and name it “T-shirt”. Move it over the “tail tip” layer. Using the lasso tool, make a form like a T-shirt.

step4a

Make the selection and fill it in with white (#ffffff).

step4b

Step 5

Create the pants. Create a new layer (Ctrl+Shift+N) and name it “pants”. Move it over the “T-shirt” layer. Using the lasso tool, create the paths form.

step5a

Fill the shape using the brush tool and set it to a green colour (#3fb734).

step5b

Step 6

Make the hair. Create a new layer (Ctrl+Shift+N) named “hair”. Move it over the “pants” layer. Use the pen tool to make the shape of the hair.

step6a

Fill it with green (#3fb734).

step6b

Step 7

Create a new layer (Ctrl+Shift+N) named “eyes backgound” and move it over the “hair” layer. Make the shape of the eyes

step7a

Fill the shape with white (#ffffff) with the brush tool (b).

step7b

Step 8

Create a new layer (Ctrl+Shift+N) named “eye green zone” and move it over the “eyes background” layer. Make the shape of the colored part of the eye.

step8a

Fill it with green (#3fb734).

step8b

Step 9

Create a new layer (Ctrl+Shift+N) named ”eye black zone” and move it under the “eyes background” layer. Fill the center part of the eye with black (#000000).

step9

Step 10

Make a new layer (Ctrl+Shift+N) named “eyes reflection” and move it over the “eyes green zone”. Using the brush tool (b) with hardness set to 100%, make two white (#ffffff) dots like in the picture.

step10

Step 11

Create a new layer (Ctrl+Shift+N) named “nose” and move it move it over the “eyes reflection” layer. Make the selection for the nose by using lasso tool (P).

step11a

Use the brush tool (B) set to black (#f0db00) with opacity set to 20%.

step11b

Step 12

Load the selection you made in Step 11 and create a new layer (Ctrl+Shift+N) named “nose shadow” and move it over the “nose” layer. Brush the left side with black (#000000) as shown below.

step12a

Set the opacity to 20% and the result should look like this:

step12b

Step 13

With the same selection, create a new layer (Ctrl+Shift+N) named “nose reflection” and move it over the “nose shadow” layer. Brush the upper right side with white (#ffffff).

step13a

The result should look like this:

step13b

Step 14

Make a selection as shown below and create a new layer (Ctrl+Shift+N) named “left eye shadow”. Move it over the “nose reflection” layer. Use the brush tool (B) to brush the upper side of the eye.

step14a
step14b

Use a black (#000000) brush.

step14c

Set the fill to around 40%

step14d

Step 15

Make a selection like shown in the picture and delete the area from the layer you just made in the previous step.

step15

Step 16

Do the same thing to the other eye. Make the selection on a new layer (Ctrl+Shift+N) and name it “right eye shadow”. Move it over the “left eye shadow” layer.

step16a

Brush the inside of the selection like in the previous steps with the same settings. Brush with black (#000000) and set the fill to 40%.

step16b

The result should look like this:

step16c

Step 17

Make a selection like in the picture and erase that area from the layer you made in the last step.

step17

Step 18

Create a new layer (Ctrl+Shift+N) and name it “left eyebrow”. Move it over the “right eye shadow” layer. With the pen tool (P), make a path.

step18a

Make the eyebrows a light yellow color (#fff5ac) by creating a stroke path using a 20x brush with hardness set at 0%.

step18b

Step 19

Create a new layer (Ctrl+Shift+N) and name it “right eyebrow”. Move it over the “left eyebrow” layer and repeat the previous step to create the left eyebrow. Set the stroke path with the same settings.

step19a
step19b

Step 20

Create a new layer (Ctrl+Shift+N) named “chin”, move it under the “eyes background” layer. Make a selection like shown in the picture and brush it from below with white (#ffffff). The result should look like this: 20b shows.

step20a
step20b

Step 21

Create a new layer (Ctrl+Shift+N) and name it “forehead shadow”. Move it under the “hair” layer and make a similar selection like in the picture.

step21a

Brush the darker part of the forehead with (#f1cf16).

step21b

Move the layer in front of the layer with the hair you created in step 6.


Step 22

Use the lasso tool (L) tool on a new layer (Ctrl+Shift+N) named “legs shadow”. Move it over the ”forehead shadow” layer to create a shape like in the picture below.

step22a

Set brush hardness at 100% and fill the selection with color (#f1cf16)

step22b

Step 23

Make a new layer (Ctrl+Shift+N) named “tail shadow”. Move it over the “legs shadow” layer and create a selection with the lasso tool (L) on the tail. Fill it with colour (#f1cf16) using a brush with 100% hardness.

step23a
step23b

Step 24

Create a new layer (Ctrl+Shift+N) and move it over the “tail shadow” layer. Name it “right arm shadow”. On the right hand, make a selection with the lasso tool (L) and brush it with colour (#f1cf16) set to 100% hardness.

step24a
step24b

Step 25

Create a new layer (Ctrl+Shift+N) and name it “ear shadow”. Move it over the “right arm shadow” layer. Make a new path with the pen tool (P) on the left ear like in the picture.

step25a

Make the selection and fill it with color (#f1cf16)

step25b

Step 26

Create a shadow on the left hand under the ball. Make a new layer (Ctrl+Shift+N) named “left arm shadow” and move it over the “ear shadow” layer. Make a selection with the pen tool (P) as shown below.

step26a
step26b

Create a shadow by filling the selection with the brush tool (B) in color (#f1cf16) with 100% hardness.


Step 27

Create a new layer (Ctrl+Shift+N) named “neck shadow”. Move it under the “forehead shadow” layer and create the shadow on the neck by making a selection like shown in the picture with the pen tool (P)

step27a

Fill it with color (#e1e1e1) using the brush tool (B).

step27b

Step 28

Make a new layer (Ctrl+Shift+N) named “tail tip shadow” and move it under the “forehead shadow” layer. Make a new selection on the tail tip with the pen tool (P).

step28a

Create the shadow using the brush tool (B) in color (# e1e1e1)

step28b

Step 29

Create a new layer (Ctrl+Shift+N) named “pants shadow”. Move it under the “hair” layer and with the pen tool (P) create the selection of the shadow between the legs on the pants.

step29a

Using the brush tool (B) fill it with color (#019c22)

step29b

Step 30

On the left side of the lion (right side of the picture), create a shape with the pen tool (P) for the hair. In a new layer (Ctrl+Shift+N) named “left hair shadow”, place it over the “hair” layer.

step30a

Fill it with color (#019c22) by using brush tool (B) with 100% hardness,

step30b

Step 31

Create a new layer (Ctrl+Shift+N) and name it “hair top shadow”. Place it over the “left hair shadow” layer. On the top section of the hair, create a new shape with the pen tool (P).

step31a

Fill it with color (#019c22) by using the brush tool (B) with 100% hardness.

step31b

Step 32

Create a new layer (Ctrl+Shift+N) and name it “right hair down shadow”. Move it over the “hair top shadow” layer. Above the forehead, create a new shape.

step32a

Fill it with b by using brush tool (B) set with 100% hardness.

step32b

Step 33

Create a new layer (Ctrl+Shift+N) and name it “tail spots”. Move it under the “chin” layer. To make the tail spotted, make some closed paths on the tail with the pen tool (P).

step33a

Fill it with color (#bd9f00) by using the brush tool (B) with 100% hardness.

step33b

Step 34

Create a new layer (Ctrl+Shift+N) and name it “left leg spots”. Move it over the “tail spots” layer and make some more closed paths with pen tool (P) on the left leg to make it spotted.

step34a

Fill the spots with color (#bd9f00) by using the brush tool (B) with 100% hardness.

step34b

Step 35

Create a new layer (Ctrl+Shift+N) and name it “right leg spots”. Move it over the “left leg spots” layer and repeat the same steps in the previous step, this time on the right leg. Make some closed paths with the pen tool (P) on the other leg

step35a

then make the selection and fill it with color (#bd9f00) by using brush tool (B) set to 100% hardness

step35b

Step 36

Create a new layer (Ctrl+Shift+N) and name it “right hand spots”. Move it over the “right leg spots” layer and make some closed paths with pen tool (P) on the right arm

step36a

Make the selection, and fill it with color (#bd9f00) by using brush tool (B) set to 100% hardness.

step36b

Step 37

Create a new layer (Ctrl+Shift+N), name it “left hand spots”, move it over “right hand spots”, and make some closed paths with the pen tool (P) on the left arm.

step37a

Make the selection, and fill it with color (#bd9f00) by using the brush tool (B) set to 100% hardness.

step37b

Step 38

Create a new layer (Ctrl+Shift+N), name it “forehead spots”, move it over “left hand spots”, and make some closed paths with the pen tool (P) on the forehead

step38a

Make the selection, and fill it with color (#bd9f00) by using the brush tool (B) set to 100% hardness.

step38b

Step 39

Create a new layer (Ctrl+Shift+N) named “nose center reflection” and move it over the “right eyebrow” layer. On the nose, create a new shape using the pen tool (P).

step39a

Fill it in with white (#ffffff) by using brush tool (B) set to 100% hardness.

step39b

Modify the opacity to 20%.

step39c

Step 40

Create a new layer (Ctrl+Shift+N) named “left eye line” and move it over the “nose center reflection” layer. Make the outline shape of the left eye with the pen tool (P) and fill it with black (#000000).

step40a
step40b

Step 41

Create a new layer (Ctrl+Shift+N) and name it “right eye line”. Move it over the “left eye line” layer. Make the outline shape of the other eye with the pen tool (P) an fill it with black (#000000).

step41a
step41b

Step 42

Create a new layer (Ctrl+Shift+N) named “mouth” and move it over “right eye line” layer. Make the outline shape of the mouth and nose with the pen tool (P) and fill it with black (#000000).

step42a
step42b

Step 43

Create a new layer (Ctrl+Shift+N) named “feet lines” and move it over the “mouth” layer. Make a shape on both legs with the pen tool (P) and fill it with black (#000000).

step43a
step43b

Step 44

Create a new layer (Ctrl+Shift+N), named “pants line” and move it over “feet lines” layer. Make a shape on the pants with the pen tool (P) and fill it with black (#000000).

step44a
step44b

Step 45

Create a new layer (Ctrl+Shift+N) named “left eye dark zone” and move it over “pants line” layer. Use the lasso tool (L) to make a new selection to define the shape of the dark side of the left eye and fill it with a black brush (#000000). Set the opacity to 20%.

step45a
step45b

Step 46

Create a new layer (Ctrl+Shift+N) named “right eye dark zone” and move it over “left eye dark zone” layer. Use the pen tool (P ) to make a new selection to define the shape of the dark side of the right eye.

step46a

Brush it with brush tool (B) using black (#000000).

step46b

Set the opacity to 20%.

step46c

Step 47

Create a new layer (Ctrl+Shift+N) named “ears lines” and move it over the “right eye dark zone” layer. Outline of the ears with the pen tool (P).

step47a

Fill the selection with the brush tool (B) using black (#000000).

step47b

Step 48

Create a new layer (Ctrl+Shift+N) named “body lines” and move it over the “ears lines” layer. Make the outline of the body by creating a path with the pen tool (P).

step48a

Make a stroke path with the brush master diameter set to 2px. Set the hardness at 0% in black (#000000).

step48b

Step 49

Create a new layer (Ctrl+Shift+N) named “arm details” and move it over the “body lines” layer. Use the pen tool to make some details on the right arm and fill the selection with the brush tool (B) in black (#000000).

step49a
step49b

Step 50

Create a new layer (Ctrl+Shift+N) called “hair lines” and move it over the “arm details” layer. Make the outline of the head and hair with the pen tool (P) and fill the selection with the brush tool (B) in black (#000000).

step50a
step50b

Step 51

Create a new layer (Ctrl+Shift+N) named “ball” and move it over “hair lines” layer. Make the outline of the ball with pen tool (P) and fill the selection with brush tool (B) in black ( #ffffff).

step51a
step51b

Step 52

Create a new layer (Ctrl+Shift+N) named “top yellow detail” and move it over the “ball” layer. Make the yellow detail of the ball with the pen tool (P) and fill the selection with the brush tool (B) using yellow (#ffe91c).

step52a
step52b

Step 53

Create a new layer (Ctrl+Shift+N) named “left top ball design” and move it under the “left top yellow detail”. Make the yellow detail of the ball with the pen tool (P) and fill the selection with the brush tool (B) using yellow (#323232).

step53a
step53b

Add a gradient to the layer as shown below.

step53c

Step 54

Duplicate the “left top yellow detail” and “left top ball design” layers and rename them “right top yellow detail” and “right top ball design”. Flip them horizontally (Free Transform (Ctrl+T) > Flip Horizontal) and move them to the right topside of the ball.

step54

Step 55

Duplicate the layers “left top yellow detail” and “left top ball design” and rename them “down yellow detail” and “down ball design”. Rotate and move them until they look like how they are in the picture.

step55a

Modify the angle of the gradient to 0 degrees.

step55b

Step 56

Create a new layer (Ctrl+Shift+N) named “ball grey lines” and move it over the “down yellow details”. Make the outline of the ball by creating a path with the pen tool (P)

step56a

Create a stroke path with brush master diameter set to 2px and hardness 0%. Use grey (#e4e4e4).

step56b

Step 57

Create a new layer (Ctrl+Shift+N) named “ball dark grey lines” and move it over the “ball grey lines” layer. Make a stroke path of the shape created in the previous step with brush master diameter set to 2px and hardness 0%. Use dark grey (#b9b9b9).

step57

Step 58

Create a new layer (Ctrl+Shift+N) named “ball line” and move it over the “ball dark grey lines” layer. Make the outline of the ball by creating a path with the pen tool (P).

step58a

Make a stroke the path with brush master diameter set to 2px and hardness 0%. Use black (#000000).

step58b

Step 59

Create a new layer (Ctrl+Shift+N) named “shadow” and move it over the “ball line” layer. Create the shape of the shadow with the pen tool (P).

step59a

Fill the shape with black (#000000) using the brush tool (B) with hardness set to 100%.

step59b

Step 60

Now everything is finished! Save your work using the Save As option in the File menu. Name the file “Step 60” and select the format as “PNG (*.PNG).

step60

Final Results

done

Create Dot Grid Art in 1 Click
Sponsored

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

One comment on “How to Draw a Lion Mascot in Photoshop”

Leave a Reply

Your email address will not be published. Required fields are marked *

cross