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 border.
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 long.
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 the snowflakes.
Duplicate the horizontal line whilst still inside the clipping mask and move it a few pixels below the snowflakes.
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 pixels 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!
MediaLoot Blog Go to Source
Author: MediaLoot, Inc.
Powered by WPeMatico