Forget Password

Illustrator Tutorial: Vector 3D Christmas Bells

christmas bells

Thinking of drawing some Christmas bells for this Christmas? Read this illustrator tutorial to learn how to draw 5 different styles of vector Christmas bells using the 3D Revolve Effect. You will also learn how to create unique designs for each one and how to apply them using the Map Art option. This tutorial is creative and hope you will learn new techniques. Let’s get to work!

Drawing the Red Christmas Bell

1. The first thing to do is to draw the outline of half of a Christmas bell so that you can apply the 3D effect. Take the Pen Tool and draw the path in the image and give it a 0.5 pt Stroke using red (R=252, G=2, B=14). You can also start from a circle, delete the left point and then modify just the top portion of the path to create the “neck” of the bell.

christmas bell

Now go to Effect > 3D > Revolve and set the following values:

christmas bell

2. To create the design for the red Christmas bell, use the Rectangle Tool to draw a long rectangle that should be bigger than the bell. You can see in the image below the exact dimensions shown in the Transform Panel if you need them. The color is not important at this point so you can choose what you want. Copy and Paste in back the rectangle then use the right arrow key on your keyboard to move it by pressing 40 times. My keyboard increment is set to 1 px. You should have 6 stripes in total having equal distance between them.

christmas bell

3. Next draw a simple Christmas tree shape, multiply it and place them all between the stripes, in the middle. When you are done group all the shapes and drag them into the Symbols Panel.

christmas bell

4. To apply the design on the Christmas bell double click on the 3D Revolve Effect applied in the Appearance Panel to open the 3D Revolve Options window then click the Map Art button. Select the front surface of the bell (mine was 1 of 5) and then select the symbol defined earlier. Move the symbol or scale it if needed depending on your bell size.

christmas bell

5. You can see in the image below how the red bell should look at this point and if you are happy with it go to Object and Expand Appearance. Navigate between all the shapes that are there in the bell’s group after expanding, find the stripes group and fill it with Gold Radial that you can find in the Swatch Libraries Menu > Gradients > Metals.

The Christmas trees group if filled with a radial gradient using the following colors: (R=244, G=232, B=217), (R=237, G=208, B=137) and (R=191, G=131, B=41).

christmas bell

6. Now select the stripes group again, go to Effect > Stylize > Outer Glow and apply the next settings to give it a glowing look. Color used is yellow (R=251 > G=201 > B=38).

christmas bell

Drawing the Green Christmas Bell

7. To obtain the next bell draw the path from the image below and stroke it with green (R=33, G=169, B=2) then apply the 3D Revolve effect with the same values like in the image at step 1.

christmas bell

8. Here is how to draw the design for the second Christmas bell. Draw an oval shape using the Ellipse Tool, give it a 3 pt black Stroke, multiply it 2 times and place them like in the image. Select all of them and click Subtract from shape area and Expand to obtain the shape in the right.

Now duplicate this shape, select it then switch to the Direct Selection Tool and by holding the left side point move it and only release when it intersects the other shape’s side point. For this you should have the Smart Guides on in the View Menu. Continue to do this and all the shapes will fit perfectly. When you are done select them all and click Add to shape area and Expand.

christmas bell

9. Next draw a straight path and give it an 8 pt black Stroke, Expand it and then select just the top point using the Direct Selection Tool and press the Delete key. Now select the other 2 top points and move them closer to each other. Make 2 more copies, scale them a bit and place them like in the image below.

christmas bell

10. Group all the 3 shapes made above. Duplicate them and place them like in the image. Just like you did before drag all the shapes into the Symbols Panel.

christmas bell

11. Select the green bell and open again the Map Art window then select the front surface and the symbol from the list. Move the symbol to arrange it and when you like how it looks on top of the bell go to Object and Expand Appearance.

christmas bell

12. Navigate again between all the shapes in the green bell’s group and find the one in the image. Fill it with a gradient called Colored Chrome. The graident can be found in the Swatch Libraries Menu > Gradients > Metals. Just change the angle to 90 degrees and set the Blending Mode to Screen.

christmas bell

13. Also for the same group apply the Outer Glow Effect again with the next values. The color used is green (R=39, G=197, B=2).

christmas bell

Drawing the Golden Christmas bell

14. Start by using the Spiral Tool to draw the first spiral, multiply it then rotate and place all the others like in the image below. Scale one of the spirals to obtain a smaller one, multiply it and place them between the bigger ones. The big spirals have a 3 pt black Stroke and for the smaller ones set a 2 pt Stroke.

When you are done select all the spirals and click Add to shape area > Expand then drag it into the Symbols Panel.

christmas bell

15. Copy the red Christmas bell made at the beginning, change the Stroke color to yellow (R=251, G=201, B=38) to obtain the golden bell. Apply the symbol on top of it just like you did for the other ones and Expand Appearance when you are done.

christmas bell

16. Find the group of spirals and fill it with a gradient called Gold Radial and apply the following Outer Glow Effect settings. Use black color for the Outer Glow this time.

christmas bell

Drawing the Silver Christmas Bell

17. This bell is the easiest and here is how to make it. First draw the path from below and Stroke it using a light gray (R=204, G=204, B=204) then apply the 3D Revolve Effect with the same values like before. To create the symbol I used a snowflake shape made from many little stars but you can use any other snowflake shape if you want or if you have another one. Multiply it and scale it to create the other ones then group them all and drag them into the Symbols Panel.

christmas bell

18. All that is left to do is to use again the Map Art option like for the other Christmas bells and you are done with it.

christmas bell

Drawing the Purple Christmas Bell

19. The last type of Christmas bell is the purple and silver one. I will explain how to draw the design for it. Take the Pen Tool and draw a path like the one in the image below then go to Object > Transform > Reflect and select Vertical. Now select just the bottom points using the Direct Selection Tool, click Ctrl+J and select Smooth to join the points. Scale this path to obtain the smaller one then use the Pen Tool to close the right end points of the 2 paths. Do the same to the left side.

christmas bell

20. Next multiply the shape and arrange them next to each other by intersecting the points like before at the step 8. When you have a row of 4 shapes, flip them vertically and place them like below. Also draw 2 lines between them using the Line Segment Tool or the Pen Tool and place some snowflake shapes that you used before. Group all these shapes and drag them into the Symbols Panel.

christmas bell

21. Copy one of the round bells and change the Stroke color to purple (R=157, G=39, B=218) then use the Map Art option again to apply the symbol.

christmas bell

22. Expand the Appearance and fill the symbol’s group with a Silver gradient. Apply the Outer Glow Effect using white and the values that you can see in the image.

christmas bell

Drawing the Cap Piece

23. Start by drawing a small rectangle then go to Object > Path > Add Anchor Points to obtain the 4 middle points. Next draw a curved path with the Pen Tool like the red one in the image, reflect it to the other side and join the bottom points (select Smooth). Continue to draw with the Pen Tool to close the path then select both the rectangle and the red shape and click Intersect shape areas and Expand. Multiply 5 times the obtained shape and place them next to each other like below.

Use the Scissors Tool to cut the shape in the shown points and delete the left part. Close the open path using the Pen Tool and do the same to the other side.

christmas bell

24. Now we need to cut the top part of all the shapes made to make it look rounded. To do that, draw the red path that you can see below on top of them and Paste it in back 5 times, one for each of the other 5 black shapes. Select both the red path and one of the black shapes and Intersect shape areas and Expand. Do the same for the other 5 shapes.

Next draw the other oval shape behind and color them with gold gradients. Use the Convert Anchor Points Tool to transform the shown points from corner to smooth and adjust the handles if needed. For the hanger, simply draw a curved path, give it a 2 pt Stroke, Expand it and fill it with a similar gradient.

christmas bell

25. Now we will make the cap piece look more original. Draw a square and rotate it 45 degrees then go to Effect > Stylize > Round Corners and set an 8 px Radius value. Select Expand Appearance and scale it to create the smaller one inside then select both and click Subtract from shape area and Expand. Duplicate it and place them like below then draw 2 small circles. Group all the shapes and make them more narrow using the Selection Tool.

christmas bell

26. Multiply the group of shapes made above and place them like in the image then change the Blending mode to Screen for all of them. The one placed on the side needs to be masked so use the side shape of the cap to create a Clipping Mask. Do the same to the right side.

Copy and Paste in back all 6 groups of shapes, move them a bit to the right and set the Blending mode back to Normal (see the close up). Next Copy and Paste in back all the 6 cap shapes made at the step 24, click Add to shape area and Expand, move the obtained shape a bit to the right and change the fill color to brown (R=109, G=75, B=23).

christmas bell

Draw some lightly curved paths on top, Expand them and fill them with a similar gradient. Also select just the bottom points of the 4 shown shapes and drag them a bit down but that is optional. I think it looks better. The silver cap piece is made in the same way, I just replaced all the shapes on top with circles.

Drawing the Bead String

27. Here is how to create the colored beads and how to make them look like they go around the Christmas bell. First draw a small black circle and drag it into the Brushes Panel and select New Scatter Brush. Draw a curved path and Stroke it using this brush like in the image. Double click on Stroke in the Appearance Panel to open the Stroke Options window and set the values you see below. Expand Appearance when you are done, Ungroup and select just the circles between the arrows, group them back and move them to another Layer above the Silver Christmas bell, all the other ones should be behind it.

christmas bell

28. Fill the beads with a radial gradient using the following yellow tones: (R=255, G=251, B=204), (R=238, G=214, B=136), (R=235, G=187, B=16) and (R=191, G=131, B=41) that you can see in the image at the next step.

christmas bell

29. You can see here all the radial gradients used to fill the beads. For the red beads colors used are: (R=251, G=201, B=38), (R=252, G=2, B=14), (R=178 ,G=1, B=4).

For the green beads: (R=251, G=201, B=38), (R=39, G=197, B=2) and (R=13, G=107, B=0).

For the purple beads: (R=255, G=255, B=255), (R=183, G=45, B=254) and (R=118, G=14, B=152).

For the gray beads: (R=255, G=255, B=255) and (R=26, G=26, B=26).

christmas bell

Final Christamas Bells

The work is done and here is the final image with all the Christmas bells made. Hope you enjoyed learn something new in this illustrator tutorial.

christmas bell

To download the source file for this tutorial, you will need to login as a member.
Sign up today to access all exclusive members content!


[The article is for Basic Members only. Login or sign up now to read the whole article.]
[The article is for Premium Members only. Login or sign up now to read the whole article.]

Share and Enjoy:
  • Digg
  • del.icio.us
  • Design Float
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon
See the list of all Illustrator tutorials.
Learn 101 Illustrator tips and techniques for free.


About The Author: Diana Toma

I'm a graphic designer extremely passionate about my work. I discovered Illustrator a while ago and simply love it. Since then, it has kept me busy and active.

0 Trackbacks

+Add Comment14 Comments

  1. Gravtar for Tutorial Lounge
    Tutorial Lounge November 2nd

    beautiful Christmas bells.

  2. Gravtar for e11world
    e11world November 2nd

    This is a really nice tutorial. Thank you so much for this!

  3. Gravtar for Marius
    Marius November 3rd

    Funny, I have a similar tutorial prepared for my website.

  4. Gravtar for Oxana
    Oxana November 11th

    Funky tutorials! True very heavy. Necessarily do his today evening!

  5. Gravtar for Catherine
    Catherine November 14th

    Really nice xmas balls. I like it!

  6. Gravtar for buddhika
    buddhika November 26th

    good

  7. Gravtar for Nadya
    Nadya December 11th

    Nice tutorial!! Even though I’ve been using illustrator for a long time I’ve never tried the 3d tool before. I will definitely use this tool from now on! :) thanks

  8. Gravtar for Andrew Buckle
    Andrew Buckle December 14th

    Thanks for the gorgeous Christmas bauble tutorial designs.. really must use the Illustrator symbols map art feature more, inspiring stuff.

  9. Gravtar for Momo
    Momo December 21st

    This tutorial is very helpful. Thanks

  10. Gravtar for Christine Saunders
    Christine Saunders December 26th

    These are very beautiful. I’m having a little bit of trouble on the red ball, after Object Expand Appearance. I cannot seem to select the stripes to apply the gradient. Anyone have any advice? Thanks

    “Navigate between all the shapes that are there in the bell’s group after expanding, find the stripes group and fill it with Gold Radial”

  11. Gravtar for Diana Toma
    Diana Toma December 27th

    If you can’t then after Expand Appearance, go to Object menu and Ungroup and you should be able to select the group of stripes with the Selection Tool.
    In the text I didn’t said to Ungroup so in that case you have to navigate using the Layers Panel to find them.

  12. Gravtar for Diana Roche
    Diana Roche February 15th

    Thanks, nice tutorial, very helpfull

  13. Gravtar for Andrzej
    Andrzej November 6th

    Hello Grate tutorial very useful. I discover some options of Illustrator that I newer use before
    Thanks

  14. Gravtar for christmas ornaments
    christmas ornaments November 10th

    Excellent post. I used to be checking constantly this weblog and
    I’m impressed! Extremely useful info specially the last part :) I take care of such information much. I was seeking this certain information for a very long time. Thank you and good luck.

Ads

Subscribe

Social Media Icons

Visit Us On TwitterVisit Us On FacebookCheck Our Feed

Istock Ads

myfonts ads

Google Ads

About Vector Diary

Vector Diary is a popular blog offering great illustrator tutorials and tips. It was created by Tony Soh, a graphic designer, who has great passion in illustration. Tony has written one of the most popular tutorial to learn illustrator and has helped more than 20,000 people. On top of that, his tutorials and tips has helped designers improve their illustration skills and have received great feedback. So join Vector Diary and start learning today!

Write a Tutorial

Get paid $150 for each approved tutorials! Any writers who are passionate about sharing their illustrator techniques can contribute. Learn how »