How to Create a Vector Festive Bauble Ornament with Sketch

Draw a decorative bauble tree ornament with a snowflake design from scratch

How to Create a Vector Festive Bauble Ornament with Sketch

This tutorial will use vector shapes, the pen tool, boolean operations and other features in Sketch to draw a festive decorative bauble with a snowflake design from scratch.

Step 1

Create a new document in Sketch and draw an Oval shape 220 pixels wide and 140 pixels tall. Set the fill color to #E84B5A.
create a bauble in sketch

Step 2

Show the Rulers if they are not already visible and draw a horizontal guide 118 pixels from the top of the oval shape.
create a bauble in sketch

Step 3

Double click the oval shape to enter the editing mode, and click to create two new vector points where the shape intersects with the horizontal guide.
create a bauble in sketch

Step 4

Choose the bottom point of the shape and move it down 40 pixels.
create a bauble in sketch

Step 5

With the bottom point still selected, choose either the ‘Disconnected’ or ‘Asymmetric’ options and drag the handles individually so that they are in the positions shown in the screenshot below.
create a bauble in sketch

Step 6

Draw a new rectangle shape 42 x 42 pixels aligned horizontally with the center of the original shape and vertically so that half of the rectangle overlaps the original shape.
create a bauble in sketch

Step 7

Select both shapes and use the ‘Union’ function to combine the shapes. Then go to Layer > Paths > Flatten to permanently merge the two shapes
create a bauble in sketch

Step 8

Draw a new horizontal guide 43 pixels below the the top of the combined shape.
create a bauble in sketch

Step 9

Double click the shape to enter the editing mode, and click to create two new vector points where the shape intersects the new horizontal guide.
create a bauble in sketch

Step 10

Select and delete the two vector points which connect the rectangle and oval shapes.
create a bauble in sketch

Step 11

Select the top left vector point and choose either the ‘Disconnected’ or ‘Asymmetric’ options and drag the handles individually so that they are in the positions shown in the screenshot below. Then repeat for the right side.
create a bauble in sketch

Step 12

Draw a 40 pixel line segment from the top guide to the center of the bauble shape. Give the line a solid 2 pixel #ffffff border.
create a bauble in sketch

Step 13

Draw a diagonal line segment roughly 8.5 pixels long as shown in the screenshot below with the same border settings. (Optional) You can now hide the rulers.
create a bauble in sketch

Step 14

Duplicate the diagonal line segment and move it down 6 pixels.
create a bauble in sketch

Step 15

Extend the second diagonal line so that it is roughly 14.85 pixels long.
create a bauble in sketch

Step 16

Group the two diagonal line segments and duplicate them, then Flip them horizontally and move to the right side of the line.
create a bauble in sketch

Step 17

Group all of the line segments and choose the ‘Rotate’ tool. Move the anchor point to the bottom center, then copy to the clipboard.
create a bauble in sketch

Step 18

Paste a copy of the snowflake segment and rotate it -60° the anchor point show remain fixed to the bottom, but if it doesn’t you may need to move it again.
create a bauble in sketch

Step 19

Paste another copy of the snowflake segment and rotate it -120°.
create a bauble in sketch

Step 20

Paste another copy of the snowflake segment and rotate it -180°.
create a bauble in sketch

Step 21

Paste another copy of the snowflake segment and rotate it -240°.
create a bauble in sketch

Step 22

Paste another copy of the snowflake segment and rotate it -300°.
create a bauble in sketch

Step 23

Select all of the snowflake segments and group them together.
create a bauble in sketch

Step 24

Duplicate the snowflake and move it to the left so that there is a 16 pixel margin between the shapes.
create a bauble in sketch

Step 25

Duplicate the snowflake and move it to the right so that there is a 16 pixel margin between the shapes. Then group all 3 snowflakes.
create a bauble in sketch

Step 26

Copy and paste the red bauble shape above the snowflakes group and select both.
create a bauble in sketch

Step 27

Click the Mask function to clip the snowflakes to the bauble shape.
create a bauble in sketch

Step 28

Double click the snowflakes group to enter the clipping mask. and draw a horizontal line segment with a 4 pixel solid #ffffff border from edge to edge and a few pixels above the snowflakes.
create a bauble in sketch

Step 29

Duplicate the horizontal line whilst still inside the clipping mask and move it a few pixels below the snowflakes.
create a bauble in sketch

Step 30

Draw a new 50 x 30 pixel rectangle with a light grey #E6E6E6 fill. Align it horizontally with the center of the bauble and overlapping vertically by 3 pixels.
create a bauble in sketch

Step 31

Draw a 22 pixel line segment with a 2 pixel #D5D5D5 border. Align it to the bottom of the rectangle and 4 pixels from the left.
create a bauble in sketch

Step 32

Duplicate the line segment and move it 5 pixels to the right.
create a bauble in sketch

Step 33

Repeat step 32 until you have 9 lines in total.
create a bauble in sketch

Step 34

Draw a new #D5D5D5 line segment from the top of the light grey rectangle to roughly 150 pixels above. Align it horizontally to the center of the bauble.
create a bauble in sketch

Step 36

Finally, group all of the elements in your bauble :).
create a bauble in sketch

Result & Conclusion

I hope you have enjoyed following this tutorial and creating your own festive bauble with Sketch. Feel free to try out some different color schemes or different designs!
create a bauble in sketch


Sign up for more

Free premium quality resources and design files

Web and graphic design tutorials and quick tips

Industry related articles and trend discussions

Leave a comment

Sign up to our Newsletter

Get site updates, freebies, and MediaLoot news.

Contact Us

Suggest a resource

FAQ

Attribution for free resources must be provided in conjunction any time the freebie is used, on the same page where the resource appears on your design. Or, you can purchase a premium version of the free resource.

See all