How to make a vector badge logo in Adobe Illustrator

How to make a vector badge logo in Adobe Illustrator

How to make a vector badge logo in Adobe Illustrator

In this tutorial you will learn how to make a logo with a badge, fence and barbed wire, using simple shapes, a custom brush and few simple Illustrator tools.

For this logo we will use 4 elements: rounded rectangle, ellipse shape,  the barbed wire and the fence crop.

1.  Making the ellipse part of the badge. Use 6 ellipses to make the following shape. A simple way is to use the “Offset path” (Object / Path / Offset Path). Use the subtract tool to have the middle area empty. The colors are: #640401 and #FFFFFF.

logo-badge-1

2. Using the rectangle tool, draw a shape with 60 px corner radius. Use same technique like on ellipse shape to make the front part of badge. Use gradients and colors on your taste to have a 3D look. To can use same colors like in this tutorial, use a free and simple color picker like “pixie“.

logo-badge-2

At this step, your badge should look like this:

logo-badge-3

3. Add a shadow shape under the rounded rectangle. From “Transparency” panel chose the “Overlay” blend option.

logo-badge-4

4. Apply a carbon vector effect for the rounded rectangle. You can make the dots yourself, or, save your time spending just 2$ to buy this Vector Carbon Metal Pattern.

logo-badge-5

5. Depending on your Adobe Illustrator version, using the middle rounded rectangle shape, crop or make a clipping mask what will be placed over the rounded rectangle badge part.

logo-badge-6

Pages: 1 2
About reADactor

Try to be a mixer of inspiration, source of tutorials, tips and a reactor of your future design ideas, a place from where you can download freebies, vectors and web templates. Follow us on Twitter and Facebook

View all posts

Network News

Feedbox

Share this!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
  1. 160 Awesome Fresh Articles for Designers and Developers | tripwire magazine

  2. 160 Awesome Fresh Articles for Designers and Developers

  3. Haziran 2010′un En İyi Illustrator Dersleri | Tasarim8.com

  4. April 12, 2011 at 7:01 pm

    Hello Thanks for your this great tutorial. :) i really appreciate your this post ,
    THANKS ONCE AGAIN FOR THIS SIR:)

Leave a reply

*

*

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