Follow
this winter holiday inspired tutorial and learn how to create realistic
Christmas baubles in Adobe Illustrator. At the beginning we will create
the shape of the Christmas bauble starting from a circle then using the
Create Gradient Mesh function we will define areas of light and shade
on the ball. Next, you will be able to color the globe according to your
own taste using colors or gradients and the Blending Modes. We will
continue with the cap and the hook then with the design of the golden
Christmas bauble that consists of a simple snowflake symbol mapped on
the front surface. Finally, we will add a few reflections on the ball
for a more realistic look using Opacity Masks. Let's start!
You can also try other colors and depending on the color another Blending Mode.
Next, with the Ellipse Tool (L) draw an ellipse about the length of the cap and fill it with black. This shape is called "cap-back" and should be in back (2).
With the shapes still selected, go to Object > Blend > Blend Options and choose 20 Specified Steps then go back to Object > Blend > Make (Alt-Control-B). Lower the Opacity for the resulting blend-group to 40% (3).
These are the settings that I've used for the Transform effect:
Tutorial Assets
To complete the tutorial you will need the following assets:1. Start a New Project
Launch Illustrator then go to File > New to open a new blank document. Type a name and set up the dimensions then select Pixels as Units and RGB as Color Mode. Next, go to Edit > Preferences > General and set the Keyboard Increment to 0.1px. While there, you can also set the Units. I always use Points for Stroke and Type and Pixels for the rest. These settings will help you throughout the drawing process.2. Create a Golden Christmas bauble
Step 1
First, grab the Ellipse Tool (L) and draw a 130 x 130px circle. You can select any fill color for the moment.Step 2
With the circle selected, go to Object > Create Gradient Mesh. Select 4 Rows and 4 Columns then hit OK.Step 3
Now, you need to distort a little the mesh lines created. To do so, just select using the Direct Selection Tool (A) the mesh points and move them one by one. Also adjust the handles if needed.Step 4
This is what you should get:Step 5
Now, use the Direct Selection Tool (A) to select each mesh point and fill them with different shades of gray. This way you will define areas of light and shade on the ball. Follow the color code and after you are done the ball should look like in the next image.Step 6
At this point you need a copy of the circle but if you are like me and forgot to keep a copy, use the next trick. Select the mesh-shape then go to Object > Path > Offset Path and apply a 0px Offset. As a result you will get the circle of same size but without the mesh lines. The new circle must be in front of the mesh and you can now fill it with the color indicated and set the Blending Mode to Color. I will call it "color-shape".You can also try other colors and depending on the color another Blending Mode.
3. Create the Golden Cap
Step 1
Grab the Pencil Tool (N) or the Pen Tool (P) if you want and draw a few loops like below. They don't have to be symmetrical therefore it's easier. After you are done, close the path at the top and this will be the "cap-shape". Make a few copies because you will need them again later.Step 2
Now, with the Rectangle Tool (M) draw a 28 x 16px rectangle. Fill it with the linear gradient shown then send it behind the cap-shape. This size should be enough to cover the cap-shape entirely.Step 3
Select the golden rectangle and the cap-shape (stroke-none, fill-none) and go to Object > Clipping Mask > Make (Control-7).Step 4
Select one of the copies of the cap-shape and move it a little down by pressing the Down Arrow Key on your keyboard 3 times (Keyboard Increment: 0.1px). Fill it with dark brown then send it behind everything by going to Object > Arrange > Send to Back (Shift-Control-[). I will call this shape "cap-edge" (1).Next, with the Ellipse Tool (L) draw an ellipse about the length of the cap and fill it with black. This shape is called "cap-back" and should be in back (2).
4. Create the Hook
Step 1
Grab the Pen Tool (P) and draw a path like below then give it a 1pt any-color Stroke. With the path still selected, choose Expand and Ungroup from the Object menu. You will get the hook-shape and now you can fill it with the linear gradient shown.Step 2
Copy and Paste in Front (Control-F) the hook-shape (orange) then Copy and Paste in Front (Control-F) the orange shape again (green). Move the green shape a little to the left by pressing the Left Arrow Key two times. Now, select both shapes (orange and green) and press Subtract in the Pathfinder panel. As a result you will get the thin orange edge.Step 3
Fill the thin edge from the previous step with white then set to Blending Mode Overlay and 50% Opacity.Step 4
Copy and Paste in Front (Control-F) the hook-shape (blue) then Copy and Paste in Front (Control-F) the blue shape again (purple). Move the purple shape a little to the right by pressing the Right Arrow Key two times. Next, select both shapes (blue and purple) and press Subtract in the Pathfinder panel. You will get the thin blue edge on the left side of the hook.Step 5
Fill the edge from the previous step with black and set to 50% Opacity. At this point the cap should look like in the next image:5. Add Details on the Cap
Step 1
At this step you will need another copy of the cap-shape. Bring this copy in front of everything by going to Object > Arrange > Bring to Front (Shift-Control-]) then fill it with red, for example. Now, Copy and Paste in Front (Control-F) the red shape and move it a little downwards. Having both shapes selected (red and green) press Subtract in the Pathfinder panel. You will get a border at the top.Step 2
Fill the border from the previous step with the radial gradient shown then set to Blending Mode Color Burn and 35% Opacity.Step 3
You can add more details on the cap but this is optional. Arrange a few small circles on the border and also on the loops and fill them with black. Group (Control-G) the circles then set the group to Blending Mode Overlay and 50% Opacity.6. Add Shadow under the Cap
Step 1
First, Group (Control-G) all the shapes that make up the cap then move it above the golden Christmas bauble. To add the shadow under the cap jump at the next step.Step 2
Draw an ellipse right near the top edge of the ball then draw a smaller one like in the image (1). Fill them both with black. Set the bigger ellipse to Blending Mode Multiply and 0% Opacity and the smaller ellipse to Blending Mode Multiply and 100% Opacity (2).With the shapes still selected, go to Object > Blend > Blend Options and choose 20 Specified Steps then go back to Object > Blend > Make (Alt-Control-B). Lower the Opacity for the resulting blend-group to 40% (3).
7. Save the Snowflake Symbol
Step 1
At this step we will use the vector Snowflake symbols created by all-silhouettes. Download them then open the file and copy the snowflakes into your document. From the set I've used the red snowflake for the golden Christmas bauble and the green snowflake for the green Christmas bauble.Step 2
Now, grab the snowflake then go to Effect > Distort & Transform and apply the Transform effect to get a few snowflakes in a row. In order to expand the effect applied, select Expand Appearance from the Object menu. Drag the resulting group of snowflakes into the Symbols panel to save it.These are the settings that I've used for the Transform effect: