In this tutorial we’re going to create a professional logo with stylish retro badge/emblem for the totally fictional Design Labs Studio in Adobe illustrator, which can be used by design agency, freelancer or elsewhere. We’ll use a simple circle shape and a lab symbol from Font Awesome. Let’s get started!`
First, create a new file in your Adobe Illustrator with open menu File > New… Give your file name and set the file size.
Now Create a circle with size 372px an put at the center. Fill: Black, Stroke: Black, Stroke Weight: 12pt.
Adjust the Stroke settings Round Cap, Bevel Join, Active Dashed Line, 15pt Dash and 24pt Gap.
If your Stroke panel not active, active at menu Window > Stroke.
Copy circle (ctrl+C) and create a duplicate with Paste (ctrl+F), resize it down with to 354px, change Stroke to White and Weight: 6pt.
Create a duplicate from a circle before and scale it down to 192px, change Stroke to White and Weight: 2pt.
Create another circle and scale it to 174px, Stroke to White and Weight: 10pt.
Duplicate a 174px circle and Fill: none, Stroke to Black, Weight: 5pt, Adjust the Stroke settings Round Cap, Bevel Join, Active Dashed Line, 10pt Dash and 19pt Gap.
For the symbol at the center, I’m using an icon from “Font Awesome” you may download it for free at: FontAwesome.io
Create a symbol by Type Tool, but first Open Glyphs panel from menu Window > Type > Glyphs.
With Type Tool put a text and double click a symbol from Glyphs panel.
Convert the symbol to object by right click on symbol and click ‘Create Outlines’.
Put symbol at the center, Fill with White, Stroke to none, width: 109px dan hight: 114px.
Create a duplicate circle from the logo, resize it and adjust Fill and Stroke to none. Put a text by click on Type tool menu and choose ‘Type on Path’, and click on the circle.
Type your text, here I’ve Choose ‘Lato’ fonts, Fill: White, Stroke: none.
Resize the font to 56pt and adjust the text by rotate it.
Create another duplicate circle from the logo and type your text, font: Lato, type: Light, size: 24pt.
Open type on a path options by click menu Type > Type on a Path > Type on a Path Options…. Set Align to Path: Center, Effect: Rainbow and check the Flip button, then click OK button. Adjust the text to the center.
For final touch create white circle and put it beside the text
Congratulations! Your Professional Logo is Finished!
Here the final preview of the logo Badge:
Now you can create your own similar logos using the same simple technique. I hope you found some useful tips and tricks in this tutorial. Good luck!