Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Today we are going to design a Premium Vintage Badge in Illustrator. This is a very easy step by step Illustrator CS6 tutorial for beginners. The final result is down below:

Premium Vintage Badge in Illustrator CS6 | Tutorial For Beginners

Final Reslult Premium Vintage Badge illustrator tutorial Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

 

So lets get started.

First open illustrator and then go to File > New and make a new document. Width and height will be 4 inches. Set the units to inches and for printing purpose set the color mode to CMYK by clicking on the advance button, for web usage set the color mode to RGB & do not forget to uncheck ( align new objects to pixel grid ) rest remains the same.

Press (M) which is a rectangle tool, click anywhere on the document & a popup window will come up, now insert the values: width 2.5 inches, height 1 inch.

Now go to Object > Path > Add Anchor Points 

1 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Now select anchor points from direct selection tool (A) while holding down shift key

21 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

The tricky part comes here, after selecting anchor points press (S) Scale Tool & drag upwards while holding down the shift key on keyboard, your shape will look like this

3 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Now go to Effect > Stylize > Round Corners  set the radius to 0.5 inch

4 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Go to Object > Path > Offset Path

51 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Put in offset value -0.05 and rest remains the same just hit ‘ok’. Now draw circle from eclipse tool Press (L) and draw two circle with same width.

Ctrl + G to group them to make a single object and align them centered. Make sure snap to guide is on. Follow the image below.

6 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Make a copy of grouped circles Ctrl + C then Ctrl + F to paste in front, now subtract the inner object use path finder and make sure you select grouped circle and inner object. Both objects should be selected then Hit Minus, same goes with the outer object Hit Unite through path finder dialogue box. If it’s not visible go to Window > Pathfinder. Follow the image below.

6 a Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

7 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Let’s make a nice dashed line inside & then we color the object, we are half done here. Select the badge inner object and navigate to Object > Path > Offset Path. Values are given below:

8 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Now do some outline settings weight 0.5 pt. Select dashed line (3 pt dash & 2 pt gap) & third one is to select ( align dashes to corners and path ends, adjusting lengths to fit ) option

91 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Lets make some colors I’m using these hexadecimal colors in the image below;

101 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Now add some text & decorate it with stars and Vintage Elements. Follow the image below.

11 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

For drop shadow i used Ctrl + C & then Ctrl +B to paste behind. From arrow keys in keyboard I placed it a little bit on the right and downside. Now I am going to design a banner, first go to Window > Brush Libraries > Decorative > Decorate Banners & Seals

12 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Draw a line and just click on the light orange banner, adjust the stroke width according to your requirement right now I am using 0.5 pt stoke. Write something on it and then we shall give it an arc effect through wrap options. You can find the wrap option under Effect > Wrap > Arc 

13 Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

Use the colors provided and give it a premium look. I hope you might have followed me step by step. I made this Illustrator tutorial quite simple and easy even then if you meet any difficulty in understanding any step; feel free to comment.

Final Reslult Premium Vintage Badge illustrator tutorial Learn How to Design Premium Vintage Badge In Illustrator CS6 | Tutorial for Beginners

You can download the vintage badge from here

More Photoshop & Illustrator Tutorials:

  1. 25+ Best & Latest Illustrator CS5 Tutorials Of 2012
  2. 20+ Best & Latest Photoshop CS5 Tutorials Of Photo Effects 2012
  3. 20 Best Easy & Useful Illustrator CS5 Tutorials For Beginners To Learn in 2012

 





Receive interesting articles & freebies right in your inbox

Make sure you confirm your email address through the link we just emailed you

Comments

  1. nick Reply

    Hey 2 questions.
    1. Whenever i try to minus the inner shape and the two cirles the two circles dont hold their shape and come out in a very warped shape. i dont have this problem with the otter shape and the circles uniting them.

    2. How do you change the colour of the banner?

    Thanks
    nick

    • ZQ
      ZQ Reply

      1. You need to first expand the appearance & then minus the object. Shape will not distort.
      2. Again Expand the appearance after making the banner and then ungroup it (CTRL+SHIFT+G). Now select the object and change the color.

      • katherine Reply

        I’m expanding the appearance but it says that “The filter produced no results. Please select two intersecting paths.” What should I do?

        • ZQ
          ZQ Reply

          Kindly select the object you need to intersect there must be some extra layer so kindly delete it first and then intersect or unite the object.

Leave a Reply

Your email address will not be published. Required fields are marked *