×
Introducing Creative Market Pro: Download unlimited assets to elevate your work. LEARN MORE

Logo Design for Newbies: How to Create a Simple Logo in Adobe Illustrator

By on May 27, 2016 in How To
Logo Design for Newbies: How to Create a Simple Logo in Adobe Illustrator

Designing a logo involves deep analysis of the company, their products, and values. One of the best ways to learn something is to do it yourself! In today’s tutorial, I’ll show you how to create a simple, professional looking logo in Adobe Illustrator. In fact, I'm going to create two versions of the logo, so you can choose the one you like best.

The company name I'm going to use as an example is Design Cats. It's a small team of young and enthusiastic creatives passionate about fresh, somewhat funky, but still elegant designs. I'll keep this in mind during my work to make sure the logo reflects the company's spirit and identity.

logo-tut-0Pin It

I'll use some simple actions to help you improve your Illustrator skills. Let's roll!

Round Vintage Logo

Go ahead and open Adobe Illustrator and create a new file. I’ve decided to create two artboards with the following dimensions: 1,000 x 1,000 px.

logo-tut-1Pin It

The first logo version has a trendy, vintage look. I'll use two elements from this set of badges. Copy the following designs to your file.

logo-tut-2Pin It

You won't need all the elements here, so ungroup them by selecting them and choosing the Ungroup option from the Object menu. Now delete the text and the illustrations. I really like the ribbon on the white badge, so I'll take it and apply to the black one.

logo-tut-3Pin It

As for the fonts, I've decided to mix it up by using three different ones. If you want to go with your own combinations, here’s a couple of helpful tools that will help you combine typefaces: fontpair.co, font-combinator.com, typegenius.com, and typ.io http://typ.io/. You should also check out these super helpful practical tips from Aaron Draplin.

For the word 'CATS' I'll use the Seaside Resort font and for the word 'DESIGN' I'll use Silverfake font. For the small details, I'll use the minimalistic Caviar Dreams.

logo-tut-4Pin It

Select the text and transform it from type to outlines. You can do so by clicking on Type > Create Outlines. Now your text can be easily manipulated.

To add some warm but vintage looking colors, I've decided to go for yellow, orange and brown but of course you can modify them. My choices are yellow #EDB21E for the main part of the ribbon; orange #D95926 for the back part of it and brown #592B1D for the main design.

logo-tut-5Pin It

To add a little spark and fun to the logo I'd like to feature some cat elements. I'll use one of the designs from this vector set

. Copy the cat and make it white. Also place the ribbon a bit lower, just make sure its corners fit the badge.

logo-tut-6Pin It

You can now start placing the elements on the badge. First, move the word 'DESIGN on top of the ribbon and make sure its angle is the same as the ribbon’s. I slightly adjusted the text height to make it a bit taller and moved it above the ribbon.

logo-tut-7Pin It

Now move the main word 'CATS' and place it on the left side of the yellow ribbon. Make sure its angle is aligned as well. There is some space on the right side where you can put the cat. You don’t have to transform it, just change its size so that it fits the design.

logo-tut-8Pin It

Select the words 'EST.' and '2015', make them smaller, and align their angle. Put 'EST.' at the top of the badge, centered and '2015' at the bottom, centered as well. You can decide to align them by eye but you can also decide to draw a line from the upper corner to the bottom and align all elements around it.

logo-tut-9Pin It

Voila, the first logo version is ready!

Text-Based Logo

The second design is much simpler, but could be a great fit for a company's website. I will use one of my favorite fonts called Coolvetica to type the word 'designcats'. 160 pt is a good size for this design given you’ve used the dimensions we’ve started with.

logo-tut-10Pin It

Select the text with the type tool and select the word 'cats' only. I will change its color to a nice yellow that will be in contrast to the black parts of the design. Use the following color: #F9A21A.

logo-tut-11Pin It

Now select the pen tool and starting from the top part of the last letter draw a tail-like line. Make sure to select the width profile 2 from the width panel and use a stroke of 18pt.

logo-tut-12Pin It

Zoom in to the letter 'C' and using the pen tool once again draw a stylized cat’s ear on top of it. Once you have created a shape that you like select it and from the Object menu select the option Transform > Reflect. Use the option Vertically and press Copy.

logo-tut-13Pin It

Now you have 2 cat ears. Place them on top of the 'C' to make it look cute and more personalized. That's it!

Finished!

Congratulations! You now have two different logos for one company and based on what you've learned today you can create many more. Here are few of my favorite creative resources to help you create stunning, professional looking logos:

I hope you enjoyed the tutorial. Please share your thoughts and comments below. And never stop learning! :)

Interested in learning more about logo design? Check out 5 Characteristics Of An Impactful Logo Design, Logo Design Basics for Bloggers and The Unexpected History Behind 4 Iconic Logos.

Free lettering worksheets


Download now!

img

Download now!

Getting started with hand lettering?

Download these worksheets and start practicing with simple instructions and tracing exercises.

2 Comments

  1. Thank yo for sharing the helpful article. It really helped lot while designing logos.

You must be signed in to post a comment.

Made with Creative Market

Browse a gallery of inspiration made with design assets from Creative Market.

Explore the Gallery →

Meet the Creative Market Authors

Learn more about the talented writers behind the articles.

Meet the Authors →

Download Our FREE Branding eBook

Get a FREE, fun, and friendly guide to design your own brand.

Get your eBook →