Witch Hat - Hat Top SVG Cut Line

In this tutorial we will continue to work on our SVG cut file for a witch hat candy container. We have already drawn the cut lines for the brim of the hat and a triangle that we will use to build the top of the five sided hat.
Let's go back into Adobe® Illustrator® and start building the top of the witch hat. We are still working on the Top layer, which contains the triangle that we have drawn.
← Back | Next →
Paper by Doodlebug Design
Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.
Let's go back into Adobe® Illustrator® and start building the top of the witch hat. We are still working on the Top layer, which contains the triangle that we have drawn.
- Select the triangle and drag it to the center of the Artboard.
- With the triangle still selected, click Edit - Copy. Then click Edit - Paste in Place to paste the copy into the Top layer. This will place the copy on top of the original triangle.
- Use the Selection tool to move the new triangle to the right until the left anchor point of the second triangle is directly over the right anchor point of the first triangle.
Now we will rotate the second triangle until the long inside edges overlap.
- Select the second triangle and the Rotate tool. Drag the Reference Point from the center of the triangle to the bottom left anchor point.
- Drag your cursor to the left on the Artboard until the two edges of the triangles overlap.
- Go back to the original triangle and repeat the previous steps to create a third triangle. This time, move the triangle copy to the left of the original.
Our next task is to duplicate the two outside triangles using the same process as before.
- Copy and paste the right most triangle as before. Rotate the triangle until the two sides overlap.
- Copy and paste the left most triangle and repeat the steps as before.
- Lock the Top layer and create another layer named "Tabs".
- With the Pen tool, click over the bottom left anchor point of the triangle that is on the Top layer below.
- Move to the right and down .25 inch and click to add a second anchor point. This will create the slanted left edge of the tab.
- Move to the right 1.75 inch and click again for the third anchor point.
- Finally, click over the right bottom point of the triangle.
- Now that we have our tab, we can copy and paste this tab four times, placing the tabs at the bottom of each triangle.
Our last tab is the tab along the long edge of the right most triangle. We will draw this tab to have a thin point at the top so that it will be easier to manipulate the tip of the hat.
- For the first anchor point, click over the tip where all triangles meet.
- Move over 1 inch and down .5 inch and click again for the second anchor point.
- Move down to the bottom and click again .25 inch from the left and bottom of the triangle.
- Finally, click over the anchor point of the right most triangle.
Our last addition to this template is to add a pentagon shaped bottom for the candy container.
- Click on the Artboard with the Polygon tool. Set the Radius to 1.9 and the Sides to 5. Click OK.
- Save this file.
← Back | Next →
Paper by Doodlebug Design
Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.

Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map
Content copyright © 2023 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.