Clock

[ clock >> ]

রবিবার, ১ সেপ্টেম্বর, ২০১৩

Create a simple school Teddy bear in Adobe Illustrator

The formatter threw an exception while trying to deserialize the message: Error in deserializing body of request message for operation 'Translate'. The maximum string content length quota (30720) has been exceeded while reading XML data. This quota may be increased by changing the MaxStringContentLength property on the XmlDictionaryReaderQuotas object used when creating the XML reader. Line 2, position 33560.
The formatter threw an exception while trying to deserialize the message: Error in deserializing body of request message for operation 'Translate'. The maximum string content length quota (30720) has been exceeded while reading XML data. This quota may be increased by changing the MaxStringContentLength property on the XmlDictionaryReaderQuotas object used when creating the XML reader. Line 1, position 34124.

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!

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

0_Teddy_Bear_head_new_document

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_gradient

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_muzzle

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_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_nose

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_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_mouth

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_mouth

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_mouth

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_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_eye

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_ear

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_ear

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_ear

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

14_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_face

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_body

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_body

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

18_Teddy_Bear_head_body

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_paw

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

20_Teddy_Bear_head_paw

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

21_Teddy_Bear_head_paw

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

22_Teddy_Bear_head_paw

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_arms

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

24_Teddy_Bear_head_arms

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

25_Teddy_Bear_head_arms 26_Teddy_Bear_head_arms

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_tummy

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_tummy

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_tummy

Repeat the same move for the right handle.

30_Teddy_Bear_head_tummy

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_details

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_details

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_details

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_details

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_nostrils

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

37_Teddy_Bear_head_nose_nostrils

Add the second nostril.

38_Teddy_Bear_head_nose_nostrils

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_highlights

Duplicate the spots and place them on the second eye.

41_Teddy_Bear_head_eye_highlights

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_highlights

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_shadow

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

44_Teddy_Bear_head_paw_shadow

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_shadow

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_shadow

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_shadow

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_shadow

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_shadow 51_Teddy_Bear_head_arm_shadow

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_shadow

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

53_Teddy_Bear_head_arm_shadow

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_shadow

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

55_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_shadow

Here is what you should get as a result:

57_Teddy_Bear_head_head_shadow

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

58_Teddy_Bear_head_head_shadow 59_Teddy_Bear_head_head_shadow

Fill it with the same color as the other shadows.

60_Teddy_Bear_head_head_shadow

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

61_Teddy_Bear_ear_shadow 62_Teddy_Bear_ear_shadow

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_blush

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

64_Teddy_Bear_face_blush

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

65_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_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_brow

Duplicate the brow and put it to the proper place.

68_Teddy_Bear_face_brow

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

69_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_brow 71_Teddy_Bear_face_brow

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_stitch

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_stitch

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

74_Teddy_Bear_arm_stitch

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

75_Teddy_Bear_head_stitch

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_stitch

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_stitch

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_stitch

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_stitch

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_stitch

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_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_stitch

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_stitch 84_Teddy_Bear_arm_stitch

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_stitch

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

86_Teddy_Bear_arm_stitch

Add a few more details to the stitch.

87_Teddy_Bear_arm_stitch 88_Teddy_Bear_arm_stitch

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

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_stitch

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_shadow

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_background

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_book

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_book

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

94_Teddy_Bear_book 95_Teddy_Bear_book

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_book

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_book

Ready! Now the lines fit the book perfectly.

98_Teddy_Bear_book

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

101a_Teddy_Bear_book

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_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_book

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_hat

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_hat

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_hat

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_hat

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_hat 109_Teddy_Bear_hat

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_hat

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_hat

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_apple

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_hat

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_hat

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

114_Teddy_Bear_hat

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_shadow

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_shadow

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

116_Teddy_Bear_shadow

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

117_Teddy_Bear_shadow

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_shadow

Here you go! The shadow is ready.

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_600x600

View the original article here

কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন