Badge Shapes in Illustrator
● Learn to create circles, stars and other shapes in Illustrator.
✓ Pattern Brushes✓ Ellipse Tool✓ Star Tool✓ Symbols✓ Align
Other People's Work:
Here are examples of work inspired by this tutorial.
Step #1: Open Your Project in Illustrator ~
✓ Open YOUR PROJECT in Illustrator and …
… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …
✓ … make a New Layer and Lock the others.
Step #2: Star Tool ~
✓ Get the Star Tool which is behind the Rectangle Tool …
✓ … and click somewhere on the Artbord with the Star Tool.
Step #4: Star Points ~
✓ First off, set the number of points on your star …
✓ … then set Radius 1 to 40 pt:
✓ Note: Even if your document doesn't use pixels, Illustrator will convert it to inches!
✓ Lastly set Radius 2 to 35 pt and watch Illustrator convert that, too.
✓ The greater the difference between your two Radius settings the more your points you have.
✓ The points setting is the number of points on your star.
Step #5: Gradient Fill Colors ~
✓ Click the Swatches icon or go to: Window > Swatches …
✓ … find the swatch you downloaded from this tutorial.
Step #6: Radial Gradient ~
✓ Now click the Gradient icon or hit the keyboard shortcut: Cmd(⌘)+F9 and select Radial as the Type.
Step #7: Choose your Gradient Color Stops ~
✓ Now you can drag colors from the Swatches menu to fill your gradient …
✓ … drag OFF any stops you don't need …
✓ … and apply the gradient to your shape.
Step #8: Ellipse Tool in Illustrator ~
✓ Get the Ellipse Tool or hit the keyboard shortcut letter (L) …
✓ … and, while holding drag out a circle from the center of the shape.
Step #9: Align the Shapes ~
✓ Select both shapes by Shift+Clicking each one.
✓ Open the Align panel by going to: Window > Align, click the Fly-Out menu and select "Show Options" and select Align to Selection …
✓ … then click Horizontal Align Center …
✓ … and then Vertical Align Center to get the shapes centered.
Step #10: More Star Shapes ~
✓ Get Star Tool again and drag-out a shape, but don’t release the mouse button yet!
✓ … and down arrow on your keyboard to change the number of points on your star.
✓ Fill your star with black.
Step #11: Drag the Star to Brushes ~
✓ Open the Brushes palette …
✓ … drag the star into the Brushes palette, and make a New Pattern Brush.
✓ Lower the Scale to approximately 10%, Spacing to 40%, and hit OK.
Step #12: Select the Circle ~
✓ Click on the circle you previously created …
✓ … and click the Star pattern brush from the brushes palette.
Step #13: Transparency and Opacity ~
✓ With the badge shape selected …
✓ … locate the Transparency button or go to: Window > Transparency or hit the keyboard shortcut: Shift+Cmd(⌘)+F10…
✓ … and change the Blending Mode for the object until you get something you like.
Step #14: Symbols ~
✓ Open Symbols or go to: Window > Symbols …
✓ Click the Symbol Libraries Menu …
✓ … and choose the Regal Vector Pack.
✓ Choose a symbol and drag it onto your Artboard.
✓ Lastly, click the Break Link button in the menu bar …
✓ Now you can change the color, size, add Drop Shadow, or anything you want …
Last Step: Save and Attach ~
✓ Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.ai]
✓ Attach it!
• ALWAYS save your projects using the following naming convention:
• DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.
• NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.