Tutorials

How To Create Christmas Bell Using Illustrator

christmasbellicon How To Create Christmas Bell Using Illustrator

This tutorial guides you through the process of drawing Christmas bells in Illustrator. Use them for decorating your web-site’s header or desktop. Let’s get started.

Final Image Preview

23 How To Create Christmas Bell Using Illustrator

Step 1

Set up a new document, take the Pen tool(P) and draw the body of the bell.1 How To Create Christmas Bell Using Illustrator

Fill with linear gradient of three colors (#a8a798, #808076, #a8a798).

2 How To Create Christmas Bell Using Illustrator

With Ellipse Tool (L) draw an oval and fill it with radial gradient (#1c1c1c to #646464).

3 How To Create Christmas Bell Using Illustrator

Step 2: Highlights

Select the Pen Tool (P) again and draw the highlights, fill them with white color and set the opacity: 25%.

4 How To Create Christmas Bell Using Illustrator

Draw the highlight from the left side with Pen Tool (P) fill with white color and put 30% of opacity.

5 How To Create Christmas Bell Using Illustrator

Select the body of the bell and make a copy (Ctrl + C, Ctrl + F), now select this copy and the highlight and in PATHFINDER panel press Intersect.

6 How To Create Christmas Bell Using Illustrator

With Pen Tool draw another highlight (we will name it “Center highlight”), fill with white color and set 30% opacity

7 How To Create Christmas Bell Using Illustrator

Make a copy of Left Highlight (Ctrl + C, Ctrl + F) and select this copy and “Center highlight”. In PATHFINDER panel press Intersect.

8 How To Create Christmas Bell Using Illustrator

Now draw the right highlight and make the same actions that we do for Left highlight.

9 How To Create Christmas Bell Using Illustrator

Step 3: Clapper

With Rectangle Tool (M) draw a rectangle and under this rectangle with Ellipse Tool (L) draw an ellipse.

10 How To Create Christmas Bell Using Illustrator

Select this shapes and in the PATHFINDER panel press Unite. Rotate the resulting shape 18 degrees cw.

11 How To Create Christmas Bell Using Illustrator

To remove excess of this shape, select the lower part and make a copy (Ctrl + C, Ctrl + V) of it. Select this copy and the shape, and pres the Intersect button in PATHFINDER panel.

12 How To Create Christmas Bell Using Illustrator

Apply a radial gradient 808080, #333333).

13 How To Create Christmas Bell Using Illustrator

Make a circle with the Ellipse Tool (L) and apply a radial gradient (#ffffff, #7a7861).

14 How To Create Christmas Bell Using Illustrator

With Pen Tool make the shadow, draw a shape as you see below, fill with black color and put layer in Soft Light Mode

15 How To Create Christmas Bell Using Illustrator

<

Step 4: Details

Select the Pen Tool and draw the same we’ve drawn the highlights a line and fill with gradient (#daa233, #d88212, #e0be17). Put line sublayer under the highlights sublayers.

16 How To Create Christmas Bell Using Illustrator

Make the copy of this line and put it above

17 How To Create Christmas Bell Using Illustrator

<

Step 5: Bow

With Pen Tool draw a shape as you see in the image and fill it with a radial gradient (#f8a56f, #dd2a26, #80192c).

18 How To Create Christmas Bell Using Illustrator

Now draw the second part and fill it with a radial gradient (#ac252b, #630f27).

19 How To Create Christmas Bell Using Illustrator

Select this two shapes and duplicate them (Ctrl + C, Ctrl + F). Go to Object &gt; Transform &gt; Reflect… (select vertical and press Ok)

20 How To Create Christmas Bell Using Illustrator

Use Pen Tool to draw the node and fill it with gradient (#dd2a26, #630f27).

21 How To Create Christmas Bell Using Illustrator

With pen tool make the ends of the bow and fill them with the same gradient that we’ve used for the node

22 How To Create Christmas Bell Using Illustrator

Step 6: Shadows

Draw the shadows with the Pen Tool, put these paths in the back of bow, fill it with #636152 color and set the opacity to 80%.

Final Image

231 How To Create Christmas Bell Using Illustrator

You may also like

Pleas Leave a comment

  • http://www.webdesign2day.com raybak

    I think I can do a pretty good job with this tutorial even though I am not good with pen tool

  • Pingback: Best Of Web And Design In December 2010 | Creative Nerds()

  • chelsea

    hi hi or heyyyyyyyyyyyyyyy or hey hey or hi or hello hello or hello or hellooooooooooooo or hiiiiiiiiiiiiiiiiiiiiiiiiiiiii