Below you will find a simple and easy tutorial on how to create a vintage badge icon design using adobe illustrator, video and images included.

Vintage Badge Icon Video

Step 1

Using the shape too create a circle with a 10px black stroke.

vintage-vector-badge-tutorial-image-1

Step 2

Within the original circle, create another cirlce slightly smaller than the original, leaving some which space between the two.

vintage-vector-badge-tutorial-image-2

Step 3

Select the outer circle and give it a zig zag tranformation. Go to effect, Distort and Transform and Zig Zag.

vintage-vector-badge-tutorial-image-3

Step 4

Once on the Zig Zag settings, select preview to view your changes and give it 6 ridges as 20px size

vintage-vector-badge-tutorial-image-4

Step 5

Fill the outer circle with a colour of choice, we are usng black to match the stroke. Then select effect Stylize and Round Corners

vintage-vector-badge-tutorial-image-5

Step 6

Hit Preview in the Round Cornders settings and give the corners a 60px radius to ceate the rounded look.

vintage-vector-badge-tutorial-image-6

Step 7

Select your inner cirlce and change the colour to white.

vintage-vector-badge-tutorial-image-7

Step 8

Inside the second circle draw another with the same stroke as the others.

vintage-vector-badge-tutorial-image-8

Step 9

Insert your chosen text, choosing fonts that match your vintage style badge and position them the content within your thrid cirlce, leaving plenty of space between the text and the circle.

vintage-vector-badge-tutorial-image-9

Step 10

Above your text, using the pen tool draw a line with a stroke of 10px with no fille.

vintage-vector-badge-tutorial-image-10

Step 11

Select the line and go to Window, Stroke to bring up the stroke options. Select the dashed line option and set the first value to 7px and the second value to 10 px. This will set the dash size and gap width.

vintage-vector-badge-tutorial-image-11

Step 13

Copy your initial dashed line and paste it in position beneath your text.

vintage-vector-badge-tutorial-image-13

Step 14

Resposition and resize your text and dashed lines until you are happy withe its position.

vintage-vector-badge-tutorial-image-14

Step 15

Optionally you can remove the original outer shapes stroke dependant on your preffered choise of its size.

vintage-vector-badge-tutorial-image-15

Finished!

Thanks for ready and we hope you learned something new!

vintage-vector-badge-tutorial-image-main

Share post

Copyright Digimad Media 2012 -
+

For websites:

Paste this code onto your website to accredit Digimad Media:
<a href="https://www.digimadmedia.com">
Vector designed by Digimad Media
</a>

For printing:

Paste this text on the final work so the authorship is known.
'Design Name' designed by digimadmedia.com

For more information see our licence