Badge Shapes in Illustrator

    ●   Learn to create circles, stars and other shapes in Illustrator.

Learn About:

Pattern BrushesEllipse ToolStar ToolSymbols Align

  •   This tutorial is part of the Make a Scene and Free Trade Projects.

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 ~


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.

Other Resources: http://blog.spoongraphics.co.uk/tutorials/create-a-detailed-vector-emblem-badge-in-illustrator and http://talkingsheep.be/badge-tutorial-in-illustrator and