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.
Create a new document in Sketch and draw an Oval shape 220 pixels
wide and 140 pixels
tall. Set the fill color to #E84B5A
Show the Rulers if they are not already visible and draw a horizontal guide 118 pixels
from the top of the oval shape.
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.
Choose the bottom point of the shape and move it down 40 pixels
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.
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.
Select both shapes and use the 'Union
' function to combine the shapes. Then go to Layer > Paths > Flatten
to permanently merge the two shapes
Draw a new horizontal guide 43 pixels below the the top of the combined shape.
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.
Select and delete the two vector points which connect the rectangle and oval shapes.
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.
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
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.
Duplicate the diagonal line segment and move it down 6 pixels
Extend the second diagonal line so that it is roughly 14.85 pixels
Group the two diagonal line segments and duplicate them, then Flip them horizontally and move to the right side of the line.
Group all of the line segments and choose the 'Rotate' tool. Move the anchor point to the bottom center, then copy to the clipboard.
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.
Paste another copy of the snowflake segment and rotate it -120°
Paste another copy of the snowflake segment and rotate it -180°
Paste another copy of the snowflake segment and rotate it -240°
Paste another copy of the snowflake segment and rotate it -300°
Select all of the snowflake segments and group them together.
Duplicate the snowflake and move it to the left so that there is a 16 pixel
margin between the shapes.
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.
Copy and paste the red bauble shape above the snowflakes group and select both.
Click the Mask function to clip the snowflakes to the bauble shape.
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
Duplicate the horizontal line whilst still inside the clipping mask and move it a few pixels below
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.
Draw a 22 pixel
line segment with a 2 pixel #D5D5D5
border. Align it to the bottom of the rectangle and 4 pixel
s from the left.
Duplicate the line segment and move it 5 pixels
to the right.
Repeat step 32 until you have 9 lines in total.
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.
Finally, group all of the elements in your bauble :).
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!
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