1. Design & Illustration
  2. Illustration

Create a Simple School Teddy Bear in Adobe Illustrator

by
Read Time:17 minsLanguages:
This post is part of a series called Easy Character Design.
Quick Tip: How to Create a Cute Cartoon Dinosaur
How to Design a Cheeky Koala Mascot Head

In this tutorial we will learn how to create a cute Teddy Bear and some school themed items. We'll be using basic shapes and the Pathfinder panel, so you don't need a graphic tablet or advanced drawing skills for making up such character. Let's dig in!


1. Form the Bear's Head and Face

Step 1

Create a New document of  700 x 700px size and Color Mode - RGB.

0_Teddy_Bear_head_new_document0_Teddy_Bear_head_new_document0_Teddy_Bear_head_new_document

Step 2

We'll start with the Teddy's head. Grab the Ellipse Tool (L) and make a circle. Allow it to be a bit squashed, don't make it perfectly round. Fill the circle with radial gradient from light brown (R=247, G=190, B=96) to darker brown (R=212, G=132, B=67). Move the center point of the gradient up a bit to make it look like the light source is somewhere above our Teddy Bear.

1_Teddy_Bear_head_gradient1_Teddy_Bear_head_gradient1_Teddy_Bear_head_gradient

Step 3

Go on and add a second circle in the muzzle area of the Bear's head. Fill it with radial gradient from light beige (R=254, G=238, B=211) to the darker one (R=227, G=199, B=152).

2_Teddy_Bear_head_muzzle2_Teddy_Bear_head_muzzle2_Teddy_Bear_head_muzzle

Step 4

Add a smaller squashed ellipse for the nose and fill it with another radial gradient of lighter (R=150, G=92, B=43) and darker (R=106, G=69, B=40) shades of brown color.

3_Teddy_Bear_head_nose3_Teddy_Bear_head_nose3_Teddy_Bear_head_nose

Take the Direct Selection Tool (A), select the lower anchor point and move it down a bit to make a shape more triangle.

4_Teddy_Bear_head_nose4_Teddy_Bear_head_nose4_Teddy_Bear_head_nose

Step 5

Let's move on and add a smiling mouth to our bear. Create a circle around the nose with no fill. Set Stroke (X) color to dark brown (R=106, G=69, B=40) and Stroke Weight to 4pt.

5_Teddy_Bear_head_mouth5_Teddy_Bear_head_mouth5_Teddy_Bear_head_mouth

Go to Object > Expand, select Stroke check box in the pop-up menu and hit OK therefore turning the stroke into separate object with brown filling.

6_Teddy_Bear_head_mouth6_Teddy_Bear_head_mouth6_Teddy_Bear_head_mouth

Step 6

Now we need to form a smile out of this shape. Draw a rectangle with the help of the Rectangle Tool (M) above the circle that we've just created. Select both shapes and click Minus Front in Pathfinder panel (Window > Pathfinder).

7_Teddy_Bear_head_mouth7_Teddy_Bear_head_mouth7_Teddy_Bear_head_mouth

Step 7

Our faceless head is smiling. Add a small vertical line between the nose and the mouth using Line Segment Tool (\) and holding down Shift button. The Stroke Weight and Stroke color are the same as we did for the mouth circle.

8_Teddy_Bear_head_mouth8_Teddy_Bear_head_mouth8_Teddy_Bear_head_mouth

Step 8

At this step we'll add a pair of cute eyes. Draw a circle using the Ellipse Tool (L) and holding down Shift button. Set Fill color to dark brown (R=106, G=69, B=40).

9_Teddy_Bear_head_eye9_Teddy_Bear_head_eye9_Teddy_Bear_head_eye

Keeping the selection, press Alt + Shift and drag the circle to the left side of the face to make a copy of the eye.

10_Teddy_Bear_head_eye10_Teddy_Bear_head_eye10_Teddy_Bear_head_eye

2. Add Fancy Ears to Your Bear

Step 1

Our bear definitely needs some ears. Draw a circle on the left side of his head. Keeping it selected,  use the Eyedropper Tool (I) and take the color from the Bear's head.

11_Teddy_Bear_head_ear11_Teddy_Bear_head_ear11_Teddy_Bear_head_ear

Step 2

Copy and Paste in Front (Control + C > Control + F) your circle, make it smaller and place it in the middle of the ear. Fill it with the dark-brown linear gradient from light (R=150, G=92, B=43) to dark (R=106, G=69, B=40). Use Control + Shift + [ to move the ear behind the head.

12_Teddy_Bear_head_ear12_Teddy_Bear_head_ear12_Teddy_Bear_head_ear

Step 3

Select both ear shapes and double-click on Reflect Tool (O) to access the Reflect Tool Options. Select flipping over the Vertical Axis and hit Copy button.

13_Teddy_Bear_head_ear13_Teddy_Bear_head_ear13_Teddy_Bear_head_ear

Step 4

Move the ear's copy to the proper place on the Bear's head.

14_Teddy_Bear_head_ear14_Teddy_Bear_head_ear14_Teddy_Bear_head_ear

Here I decided to resize the muzzle area and make it smaller. I also change the position of eyes to make a Bear's face more cute.

15_Teddy_Bear_head_face15_Teddy_Bear_head_face15_Teddy_Bear_head_face

3. Make Up a Body Using Simple Shapes

Step 1

Let's create a body. Draw an ellipse and fill it with the same gradient as we have on Bear's head, using the Eyedropper Tool (I).

16_Teddy_Bear_head_body16_Teddy_Bear_head_body16_Teddy_Bear_head_body

Step 2

Send it to back (Control + Shift + [ ) and use the Direct Selection Tool (A) to pull the side anchor points down a bit.

17_Teddy_Bear_head_body17_Teddy_Bear_head_body17_Teddy_Bear_head_body

Step 3

Change the angle of the upper anchor handles by turning them inwards to give the body an egg-like shape.

18_Teddy_Bear_head_body18_Teddy_Bear_head_body18_Teddy_Bear_head_body

4. Add Paws and Arms Using the Ellipse Tool

Step 1

Let's add some cute and simple paws. Create an ellipse with the Ellipse Tool (L) and fill it with the same body gradient color.

19_Teddy_Bear_head_paw19_Teddy_Bear_head_paw19_Teddy_Bear_head_paw

Step 2

Put another ellipse above and use an Eyedropper Tool (I) to take the beige gradient color from Bear's muzzle.

20_Teddy_Bear_head_paw20_Teddy_Bear_head_paw20_Teddy_Bear_head_paw

Step 3

Duplicate the paw and move it to the other side of the Bear's body.

21_Teddy_Bear_head_paw21_Teddy_Bear_head_paw21_Teddy_Bear_head_paw

Step 4

Rotate the paws about 45 degrees angle (holding down Shift button is very handy here).

22_Teddy_Bear_head_paw22_Teddy_Bear_head_paw22_Teddy_Bear_head_paw

Step 5

Now we're gonna add him a pair of arms. Draw an extruded ellipse and fill it with linear gradient from light brown (R=247, G=190, B=96) on the tip of the arm to darker brown (R=212, G=132, B=67).

23_Teddy_Bear_head_arms23_Teddy_Bear_head_arms23_Teddy_Bear_head_arms

Send it to back (Control + Shift + [ ) behind the Bear's body.

24_Teddy_Bear_head_arms24_Teddy_Bear_head_arms24_Teddy_Bear_head_arms

Step 6

Use the Reflect Tool (O) to make a mirrored copy and move it to the other side of the body.

25_Teddy_Bear_head_arms25_Teddy_Bear_head_arms25_Teddy_Bear_head_arms
26_Teddy_Bear_head_arms26_Teddy_Bear_head_arms26_Teddy_Bear_head_arms

5. Draw Out the Bear's Tummy

Step 1

Let's add a cute tummy-spot to our Teddy Bear. Select the body shape and Copy and Paste in Front (Control + C > Control + F).

27_Teddy_Bear_head_tummy27_Teddy_Bear_head_tummy27_Teddy_Bear_head_tummy

Step 2

Fill it with the same beige radial gradient as we have on Bear's muzzle and paws, make it smaller and squash it a bit.

28_Teddy_Bear_head_tummy28_Teddy_Bear_head_tummy28_Teddy_Bear_head_tummy

Step 3

Select the upper anchor point with Direct Selection Tool (A) to see the handles and use the Convert Anchor Point Tool (Shift + C) in order to move the handles separately from each other. Pull the left handle up a bit.

29_Teddy_Bear_head_tummy29_Teddy_Bear_head_tummy29_Teddy_Bear_head_tummy

Repeat the same move for the right handle.

30_Teddy_Bear_head_tummy30_Teddy_Bear_head_tummy30_Teddy_Bear_head_tummy

6. Add Minor Details To The Nose

Step 1

From this step we'll continue adding details all over our bear and we'll start from his nose. Make a white ellipse over the upper middle part of the Bear's nose.

31_Teddy_Bear_head_nose_details31_Teddy_Bear_head_nose_details31_Teddy_Bear_head_nose_details

Step 2

Copy and Paste in Front the brown nose shape, select both the nose copy and the white ellipse and hit Intersect in the Pathfinder panel.

32_Teddy_Bear_head_nose_details32_Teddy_Bear_head_nose_details32_Teddy_Bear_head_nose_details

Step 3

Set the Blending Mode of the white shape to Overlay and lower the Opacity down to 20% in Transparency panel (Window > Transparency).

34_Teddy_Bear_head_nose_details34_Teddy_Bear_head_nose_details34_Teddy_Bear_head_nose_details

Step 4

Add a small white ellipse above the nose to make a highlight. Set its Blending Mode to Overlay and the Opacity to 50%.

35_Teddy_Bear_head_nose_details35_Teddy_Bear_head_nose_details35_Teddy_Bear_head_nose_details

Step 5

Now we need to add some nostrils. Make a small circle of a dark brown color (R=106, G=69, B=40).

36_Teddy_Bear_head_nose_nostrils36_Teddy_Bear_head_nose_nostrils36_Teddy_Bear_head_nose_nostrils

Step 6

Cut off the unnecessary part using Pathfinder as we did with the nose highlight.

37_Teddy_Bear_head_nose_nostrils37_Teddy_Bear_head_nose_nostrils37_Teddy_Bear_head_nose_nostrils

Add the second nostril.

38_Teddy_Bear_head_nose_nostrils38_Teddy_Bear_head_nose_nostrils38_Teddy_Bear_head_nose_nostrils

7. Make The Eyes Stand Out

Step 1

Let's make the eyes more shiny by adding some details and reflections. Add a couple of tiny white round spots using the Ellipse Tool (L).

40_Teddy_Bear_head_eye_highlights40_Teddy_Bear_head_eye_highlights40_Teddy_Bear_head_eye_highlights

Step 2

Duplicate the spots and place them on the second eye.

41_Teddy_Bear_head_eye_highlights41_Teddy_Bear_head_eye_highlights41_Teddy_Bear_head_eye_highlights

Step 3

Add some reflections to the eyes by creating a circle (a bit smaller than the eye). Fill it with linear gradient from maroon (R=143, G=58, B=24) to black and set the Blending Mode to Screen to make the eyes more vivid and glass-like. As you may notice, in Screen mode the black color becomes transparent.

42_Teddy_Bear_head_eye_highlights42_Teddy_Bear_head_eye_highlights42_Teddy_Bear_head_eye_highlights

8. Render The Shadows Using Linear Gradients

Step 1

We need to add some shadows here! Let's start from the paws. Copy and Paste in Back (Control + C > Control + B) the brown paw shape, make it a bit larger and fill with black.

43_Teddy_Bear_head_paw_shadow43_Teddy_Bear_head_paw_shadow43_Teddy_Bear_head_paw_shadow

Step 2

Duplicate the brown body shape. Select both, the body and the black ellipse and use Intersect in Pathfinder.

44_Teddy_Bear_head_paw_shadow44_Teddy_Bear_head_paw_shadow44_Teddy_Bear_head_paw_shadow

Step 3

Fill the shape with linear gradient from beige (R=214, G=172, B=124) to white and set the Blending Mode to Multiply. In this mode white color becomes transparent.

46_Teddy_Bear_head_paw_shadow46_Teddy_Bear_head_paw_shadow46_Teddy_Bear_head_paw_shadow

Step 4

Use the same technique to make a shadow on the second paw or just copy and reflect the existing shape.

47_Teddy_Bear_head_paw_shadow47_Teddy_Bear_head_paw_shadow47_Teddy_Bear_head_paw_shadow

Step 5

Let's add some shadows on the arms. Copy and Paste in Back (Control + C > Control + B) the main body shape. Move it rightwards a little, by holding Shift and dragging.

48_Teddy_Bear_head_arm_shadow48_Teddy_Bear_head_arm_shadow48_Teddy_Bear_head_arm_shadow

Step 6

Use the Eyedropper Tool (I) to pick the color and appearance options from the shadow which we've created behind the Bear's paw.

49_Teddy_Bear_head_arm_shadow49_Teddy_Bear_head_arm_shadow49_Teddy_Bear_head_arm_shadow

Step 7

Copy and Paste in Front the arm. Select both the arm and the shadow-shape and use Intersect in Pathfinder.

50_Teddy_Bear_head_arm_shadow50_Teddy_Bear_head_arm_shadow50_Teddy_Bear_head_arm_shadow
51_Teddy_Bear_head_arm_shadow51_Teddy_Bear_head_arm_shadow51_Teddy_Bear_head_arm_shadow

Step 8

Edit the shadow shape so that it fits the arm. Use the Direct Selection Tool (A) to move the anchor points.

52_Teddy_Bear_head_arm_shadow52_Teddy_Bear_head_arm_shadow52_Teddy_Bear_head_arm_shadow

Step 9

Add the same shape to the second arm using the Reflect Tool (O).

53_Teddy_Bear_head_arm_shadow53_Teddy_Bear_head_arm_shadow53_Teddy_Bear_head_arm_shadow

Step 10

We also need to add a shadow from the head on the Bear's body. Copy and Paste in Back the main head shape and pull the lower part down a bit by using the Selection Tool (V) and dragging down the lower part of the bounding box.

54_Teddy_Bear_head_head_shadow54_Teddy_Bear_head_head_shadow54_Teddy_Bear_head_head_shadow

Let's switch into the outline mode by pressing Control + Y buttons.

55_Teddy_Bear_head_head_shadow55_Teddy_Bear_head_head_shadow55_Teddy_Bear_head_head_shadow

Reshape the created circle slightly to give its lower part a moon shape. For this purpose, just squash the circle a bit from right and left sides to the middle.

56_Teddy_Bear_head_head_shadow56_Teddy_Bear_head_head_shadow56_Teddy_Bear_head_head_shadow

Here is what you should get as a result:

57_Teddy_Bear_head_head_shadow57_Teddy_Bear_head_head_shadow57_Teddy_Bear_head_head_shadow

Step 11

Duplicate the main body shape and use Pathfinder to delete the unnecessary part, as we did it before.

58_Teddy_Bear_head_head_shadow58_Teddy_Bear_head_head_shadow58_Teddy_Bear_head_head_shadow
59_Teddy_Bear_head_head_shadow59_Teddy_Bear_head_head_shadow59_Teddy_Bear_head_head_shadow

Fill it with the same color as the other shadows.

60_Teddy_Bear_head_head_shadow60_Teddy_Bear_head_head_shadow60_Teddy_Bear_head_head_shadow

Step 12

Use the same technique to add a few more shadows for Bear's ears.

61_Teddy_Bear_ear_shadow61_Teddy_Bear_ear_shadow61_Teddy_Bear_ear_shadow
62_Teddy_Bear_ear_shadow62_Teddy_Bear_ear_shadow62_Teddy_Bear_ear_shadow

9. Add More Facial Details

Step 1

Let's add some facial details to our toy bear. Create an ellipse, fill it with radial gradient, one side of which is rose-pink (R=232, G=121, B=93) and the second is caramel-brown (R=219, G=147, B=72). Set the Opacity on the brown side to 0% in Gradient panel.

63_Teddy_Bear_face_blush63_Teddy_Bear_face_blush63_Teddy_Bear_face_blush

Make the second ellipse. Now our bear has a cute blush on his cheeks!

64_Teddy_Bear_face_blush64_Teddy_Bear_face_blush64_Teddy_Bear_face_blush

Step 2

Keep going and create some brows. Make a dark brown ellipse (same color as we had for the nostrils).

65_Teddy_Bear_face_brow65_Teddy_Bear_face_brow65_Teddy_Bear_face_brow

Select the lower anchor point with the Direct Selection Tool (A) and drag it up a bit.

66_Teddy_Bear_face_brow66_Teddy_Bear_face_brow66_Teddy_Bear_face_brow

Select both side anchor points and click Convert selected anchor points to corner button in the Convert control panel above. Now we have a pretty brow.

67_Teddy_Bear_face_brow67_Teddy_Bear_face_brow67_Teddy_Bear_face_brow

Duplicate the brow and put it to the proper place.

68_Teddy_Bear_face_brow68_Teddy_Bear_face_brow68_Teddy_Bear_face_brow

Step 3

Add an ellipse and place it under the brow (Control + [ ).

69_Teddy_Bear_face_brow69_Teddy_Bear_face_brow69_Teddy_Bear_face_brow

Rotate it a bit so that it fits the brow. Use the Eyedropper Tool (I) to pick the color from the shadows, which we've created before (for example, on the ears).

70_Teddy_Bear_face_brow70_Teddy_Bear_face_brow70_Teddy_Bear_face_brow
71_Teddy_Bear_face_brow71_Teddy_Bear_face_brow71_Teddy_Bear_face_brow

10. Add the Highlights

Step 1

Now we need to add some lines, which emphasize the areas on the toy's textile, where the parts of the Teddy Bear are sewed together. For this purpose, we are going to light up some parts. Duplicate the arm twice and move one of the copies down a bit.

72_Teddy_Bear_arm_stitch72_Teddy_Bear_arm_stitch72_Teddy_Bear_arm_stitch

Step 2

Use Intersect in Pathfinder to delete that part of the shape, which is outside the arm. Fill it with linear gradient of the same color as we have on the Bear's arms, making the lighter part longer than the dark one.

73_Teddy_Bear_arm_stitch73_Teddy_Bear_arm_stitch73_Teddy_Bear_arm_stitch

Step 3

Flip the created shape horizontally and place it on the second arm.

74_Teddy_Bear_arm_stitch74_Teddy_Bear_arm_stitch74_Teddy_Bear_arm_stitch

Step 4

Go on and modify the Bear's head. Copy and Paste in Front the main head shape.

75_Teddy_Bear_head_stitch75_Teddy_Bear_head_stitch75_Teddy_Bear_head_stitch

Step 5

Take the Scissors Tool (S), click on the upper anchor point of the head circle, then on the lower one. As a result, you'll get two separate halves. Delete the left half.

76_Teddy_Bear_head_stitch76_Teddy_Bear_head_stitch76_Teddy_Bear_head_stitch

Step 6

Fill the half-shape with linear gradient from dark brown (R=71, G=52, B=20) to black. Set the Opacity of the black side to 0%. Change the Blending Mode to Screen. Now we have a seam between two parts of the toy's fabric.

77_Teddy_Bear_head_stitch77_Teddy_Bear_head_stitch77_Teddy_Bear_head_stitch

Step 7

Add another ellipse above Bear's forehead and fill it with same linear gradient with Screen mode as we did for the half-shape.

78_Teddy_Bear_head_stitch78_Teddy_Bear_head_stitch78_Teddy_Bear_head_stitch

11. Draw Stitches to Give Your Toy an Old Look

Step 1

Time for stitches! Take a Line Segment Tool (\) and draw a small vertical line by holding down Shift button. Set the Stroke Weight to 4pt.

79_Teddy_Bear_arm_stitch79_Teddy_Bear_arm_stitch79_Teddy_Bear_arm_stitch

Step 2

Go to Object > Expand and click OK in the pop-up window to turn the line segment into object. Use the Rotate Tool (O) of just hold the Shift button to rotate the line to 45 degrees.

80_Teddy_Bear_arm_stitch80_Teddy_Bear_arm_stitch80_Teddy_Bear_arm_stitch

Step 3

Duplicate the line and flip it to make a cross-stitch. Fill the stitch with the same dark brown linear gradient as we have on the Bear's nose and ears.

81_Teddy_Bear_arm_stitch81_Teddy_Bear_arm_stitch81_Teddy_Bear_arm_stitch

Place the stitch on the middle of the Bear's arm and make a couple of copies. Some of them will consist only of one part.

82_Teddy_Bear_arm_stitch82_Teddy_Bear_arm_stitch82_Teddy_Bear_arm_stitch

Step 4

Let's add some shadow under the stitches. Copy and Paste in Back one part of the stitch and move it down a bit. Pick the color from the other shadows that we've created.

83_Teddy_Bear_arm_stitch83_Teddy_Bear_arm_stitch83_Teddy_Bear_arm_stitch
84_Teddy_Bear_arm_stitch84_Teddy_Bear_arm_stitch84_Teddy_Bear_arm_stitch

Step 5

Let's also add some highlights to give the stitches more dimension. Copy and Paste in Front one part of the stitch. Make it narrower by squashing it from the sides with Selection Tool (V).

85_Teddy_Bear_arm_stitch85_Teddy_Bear_arm_stitch85_Teddy_Bear_arm_stitch

Pick the color from the highlight on the Bear's forehead.

86_Teddy_Bear_arm_stitch86_Teddy_Bear_arm_stitch86_Teddy_Bear_arm_stitch

Step 6

Add a few more details to the stitch.

87_Teddy_Bear_arm_stitch87_Teddy_Bear_arm_stitch87_Teddy_Bear_arm_stitch
88_Teddy_Bear_arm_stitch88_Teddy_Bear_arm_stitch88_Teddy_Bear_arm_stitch

Great, our stitch became more realistic. Looks like you can almost touch it!

Step 7

Duplicate the stitches and add a few of them to the Bear's forehead and face to give him a view of an good old toy from your childhood.

89_Teddy_Bear_arm_stitch89_Teddy_Bear_arm_stitch89_Teddy_Bear_arm_stitch

12. Draw a Simple Background

Step 1

Let's make a shadow which will be visible on a background of any color! Add a flat ellipse using the Ellipse Tool (L) under the bear and fill it with linear gradient from brown (R=168, G=127, B=82) to white. Switch the Blending Mode to Multiply.

90_Teddy_Bear_shadow90_Teddy_Bear_shadow90_Teddy_Bear_shadow

Step 2

Create New Layer below all other layers. Add some circles of random sizes for the background, group them and apply a linear gradient from pale rose (R=255, G=221, B=212) to pink (R=255, G=174, B=173).

91_Teddy_Bear_background91_Teddy_Bear_background91_Teddy_Bear_background

13. Create Some Simple School Books

Step 1

As far as we are keeping in mind a school theme, let's add some school related items to our picture. Start from making a book. Draw a rectangle using the Rectangle Tool (M) and fill it with greyish blue (R=142, G=191, B=187).

92_Teddy_Bear_book92_Teddy_Bear_book92_Teddy_Bear_book

Step 2

Add a second one above, making it a bit narrower. Fill the new shape with linear gradient from light beige (R=254, G=238, B=231) to the darker beige (R=227, G=199, B=152). Go to Effect > Stylize > Round Corners and set 0px radius in the pop-up window.

93_Teddy_Bear_book93_Teddy_Bear_book93_Teddy_Bear_book

Step 3

Duplicate the blue shape and cut off the unnecessary part of the beige rectangle using Pathfinder.

94_Teddy_Bear_book94_Teddy_Bear_book94_Teddy_Bear_book
95_Teddy_Bear_book95_Teddy_Bear_book95_Teddy_Bear_book

Step 4

Let's add some lines to the beige rectangle to make them look like pages of a closed book. You can use either a Line Segment Tool (\) or a Rectangle Tool (M). I prefer the second one and make very thin rectangles, which in fact look like lines.

96_Teddy_Bear_book96_Teddy_Bear_book96_Teddy_Bear_book

Step 5

Make a duplicate of a beige shape, place it on top of other objects and switch off the Fill and Stroke colors. Select the newly created shape and the lines, click right-click and Make Clipping Mask.

97_Teddy_Bear_book97_Teddy_Bear_book97_Teddy_Bear_book

Ready! Now the lines fit the book perfectly.

98_Teddy_Bear_book98_Teddy_Bear_book98_Teddy_Bear_book

Step 6

Use the Round Corners effect again to smoothen the book cover and form the outer corners of the book using Pathfinder.

101a_Teddy_Bear_book101a_Teddy_Bear_book101a_Teddy_Bear_book

Step 7

Let's add more simple books of different shapes and sizes to make our picture more detailed!

Create a thinner rectangle on top of the first book and fill it with cranberry-red color (R=187, G=57, B=57). Draw a small shape with Rounded Rectangle Tool across the book and make a few copies of it.

102_Teddy_Bear_book102_Teddy_Bear_book102_Teddy_Bear_book

Continue adding more books by duplicating and flipping the existing ones. Change their sizes, details and positions. As you may notice, I've added a few more rounded rectangles to the red book and applied gradients in order to make the books more realistic. I've also added some golden stripes to the upper book with darker brown color on its ends (R=186, G=157, B=108) and lighter yellowish color in the middle (R=254, G=238, B=211).

103_Teddy_Bear_book103_Teddy_Bear_book103_Teddy_Bear_book

14. Draw a Graduation Hat

Step 1

Let's move on and draw a simple graduation hat. Start from drawing a black square using the Rectangle Tool (M) and holding down Shift button. Using Shift again, turn your square to 45 degrees angle.

104_Teddy_Bear_hat104_Teddy_Bear_hat104_Teddy_Bear_hat

Step 2

Go to Effect > Distort & Transform > Free Distort and move the lower corner points up in order to squash your shape and to change its perspective.

105_Teddy_Bear_hat105_Teddy_Bear_hat105_Teddy_Bear_hat

Step 3

Object > Expand your shape and fill it with radial gradient from dark-grey (R=66, G=62, B=55) to black. Add a smaller square to form a scull-cap.  Place it under the top part and use the Direct Selection Tool (A) to drag the lower corner points to the sides in order to make the bottom of the scull-cap wider.

106_Teddy_Bear_hat106_Teddy_Bear_hat106_Teddy_Bear_hat

Step 4

Copy and Paste in Back the top part and move it a few pixels down. Fill it with grey color in order to separate the parts of the hat from each other. Add a point in the middle of the bottom and drag it down a bit to form a forehead-part.

107_Teddy_Bear_hat107_Teddy_Bear_hat107_Teddy_Bear_hat

Step 5

We also need to add a tassel on a ribbon. Here I use the Rectangle Tool (M) to make thin lines of a golden ribbon (the same color as the stripes on the upper book) and a tassel itself, which consists of a circle and a triangle made with Polygon Tool.

108_Teddy_Bear_hat108_Teddy_Bear_hat108_Teddy_Bear_hat
109_Teddy_Bear_hat109_Teddy_Bear_hat109_Teddy_Bear_hat

15. Render a Ripe Apple for Your Teacher

Step 1

The last but not the least attribute of happy school life is a nice red apple for a teacher!

Start from creating a simple circle shape and fill it with linear gradient from dark orange (R=255, G=166, B=51) on top to red (R=237, G=33, B=36) in the bottom.

110_Teddy_Bear_hat110_Teddy_Bear_hat110_Teddy_Bear_hat

Step 2

Select the lower anchor point and move the anchor handles using the Convert Anchor Point Tool (Shift + C) as shown on the screenshot.

111_Teddy_Bear_hat111_Teddy_Bear_hat111_Teddy_Bear_hat

Step 3

Repeat the same moves for the upper anchor point's handles. Rotate the handles of the side nodes outwards to make the upper apple part wider than its bottom.

111a_Teddy_Bear_apple111a_Teddy_Bear_apple111a_Teddy_Bear_apple

Step 4

Duplicate the shape and make the copy slightly smaller. Move the copy closer to the bottom and turn it into a highlight by piking up the color and appearance from a highlight spot on a Bear's forehead. Your shape will become filled with a linear gradient and the Blending Mode will change to Screen. Add a few more highlights and reflections by making ellipses and filling them with the same color as the previous highlight.

112_Teddy_Bear_hat112_Teddy_Bear_hat112_Teddy_Bear_hat

Step 5

Finishing touches – we need to add a place, out of which a stem grows. In order to speed up our work flow, just duplicate the Bear's brow and fill it with the same red color, as the apple's bottom.

113_Teddy_Bear_hat113_Teddy_Bear_hat113_Teddy_Bear_hat

Make a stem and a small leaf out of the same brow-shape.

114_Teddy_Bear_hat114_Teddy_Bear_hat114_Teddy_Bear_hat

16. Add a Few Finishing Touches to Refine Your Drawing

Step 1

Finally, group the books and place then behind the bear using Control + [ to rearrange the position. Put the graduation hat on top of the Teddy "ear's head.

114a_Teddy_Bear_shadow114a_Teddy_Bear_shadow114a_Teddy_Bear_shadow

Step 2

Let's add a simple shadow in order to separate the bear from the books.

Select all the bear parts, duplicate and put on top (Shift + Control +] ). Fill the selected shapes with black color and Unite them in Pathfinder.

115_Teddy_Bear_shadow115_Teddy_Bear_shadow115_Teddy_Bear_shadow

Step 3

Put the black shape under the bear, but above the books (Control + [ ) and move it to the left side a bit.

116_Teddy_Bear_shadow116_Teddy_Bear_shadow116_Teddy_Bear_shadow

Step 4

Pick the color and appearance from some shadow which we've created earlier on the bear.

117_Teddy_Bear_shadow117_Teddy_Bear_shadow117_Teddy_Bear_shadow

Step 5

Now cut off the unnecessary part of shadow. Make a rectangle covering the books and put it under the shadow.  Select both shapes and hit Intersect in Pathfinder.

118_Teddy_Bear_shadow118_Teddy_Bear_shadow118_Teddy_Bear_shadow

Here you go! The shadow is ready.


Congratulations! You've Completed the Lesson!

Great job! Looks like out Teddy Bear is ready to get back to school! I hope you've discovered some useful things in this tutorial and now you are ready to create other fancy characters. Enjoy!

TeddyBear_VectorTuts_by_Yulia_Sokolova_600x600TeddyBear_VectorTuts_by_Yulia_Sokolova_600x600TeddyBear_VectorTuts_by_Yulia_Sokolova_600x600
One subscription.
Unlimited Downloads.
Get unlimited downloads