Hello everyone, this is Chris from Spoon Graphics.
Welcome back to another video tutorial.
Today we're going to play around in Illustrator
to produce a retro style circular emblem,
which are really popular as trendy logos or
as little call to action style badges like
a "satisfaction guarantee" or "seal of approval".
The design I'll be using in this tutorial
is for the totally fictional Powerhouse Gym,
although I wouldn't be surprised if there
was a gym chain somewhere in the world with
this name.
It makes use of many of the traits of a retro
style logo, such as the alternating black
& white rings and the little details like
the all important stars.
One of the most popular examples of this style
is the Converse All Stars logo, but you can
find lots of inspiration for your design on
the web.
Begin by creating a new document in Illustrator.
Because we're dealing in vectors the size
doesn't matter too much.
I like to go to View > Hide Artboard to give
myself a nice large area to play with.
Select the Ellipse tool and set the fill colour
to black with no stroke.
Hold Shift and draw the main circle of your
logo or badge.
Press CMD+C to Copy, then CMD+F to Paste in
Front.
Scale this shape down a small amount towards
the centre by holding Alt and Shift, then
clear out the black fill and give it a white
stroke.
Increase this stroke to around 5pt to produce
a little ring.
Press CMD+F again to paste in another circle.
Scale this shape down further towards the
centre, Remembering to keep those Shift and
ALT keys held down, then give it a white fill.
Paste in another circle, this time keep the
black fill and scale it down to produce a
thick white ring in the middle of the emblem.
Paste in yet another circle, then switch the
black fill for a stroke.
Increase the stroke weight to 2pt, then carefully
scale this shape to fit just inside the white
ring to form a little stripe.
Copy and Paste this thin black ring and re-position
it towards the inside of the white ring.
If you find that this new circle gets thinner
when you scale it, you might need to change
your Illustrator settings.
Go to Illustrator > Preferences > General
and make sure Scale Strokes and Effects is
turned off.
Press CMD+F to Paste in another copy of the
thin black ring.
Scale this one so it fits perfectly in the
centre of the white ring.
Bring up the Stroke panel and check the Dashed
Line option.
Enter zero for the dash setting, then 17pt
for the gap.
Select the Round Cap option, then increase
the stroke weight to around 4pt to produce
a series of equally spaced dots.
One optional step here is to add some detail
to the outline of the badge.
Select the main black circle then go to Effect
> Distort & Transform > Zig Zag.
Select the Smooth points option, then adjust
the settings to around 1px size and 20 ridges
per segment, although these figures may vary
depending on the scale of your document.
Next, we'll create a little dumbbell icon
for the centre of our Gym logo.
Using some empty space on the artboard, draw
a thin shape with the Rounded Rectangle tool.
Before releasing the mouse, use the keyboard
cursor keys to adjust the radius of the corners.
Give this shape a black fill with no stroke.
Draw two more rounded rectangles that are
slightly larger in size to represent heavier
weight plates.
Then use a normal rectangle to represent the
handle.
Select the existing dumbbell shapes and copy
& paste them to make a duplicate.
Rotate them by 180 degrees and position them
on the opposite side.
Open up the Align panel, then select all the
shapes that make up the dumbbell.
Firstly align them using the Vertical Align
Center button, then click the Horizontal Distribute
Space button to create even gaps between all
the shapes.
Group all the dumbbell shapes together, give
them a white fill then scale them to fit into
the centre of the logo.
Hold Shift and click on one of the logo circles
to add it to the selection, then give it another
click to make it the key object.
Use the Align panel to make sure the dumbbell
sits perfectly central in the logo.
Make a new duplicate of one of the existing
circles and scale it to fit within the main
black ring.
Clear out the fill and stroke, then select
the Type on a Path tool from under the Type
Tool's menu.
Click on this new circle to activate the Type
on a Path tool and enter the main wording
for your logo or emblem, which in my example
is Powerhouse Gym.
Align the text centrally, then use the Direct
Selection tool to alter the start and end
markers in order to position the wording evenly
in the layout.
Alter the tracking of the wording by selecting
100 from the dropdown menu in the Character
window, then increase the font size of the
text so it fits within the logo.
Make any final adjustments to the scale of
the circle in order to align it within the
emblem layout.
Copy and paste this type on a path circle
and change its wording to a tagline, such
as Reach Your Potential.
Bring down the font size, then use the Direct
Selection tool to grab and move the centre
handle so the text flows along the bottom
of the circle.
Currently the text sits on the inside of the
circle.
Go to Type > Type on a Path > Type on a Path
Options, then change the Align to Path option
to Ascender.
Make any necessary scale adjustments to line
the text up with the emblem layout.
Use the Star tool to draw a tiny star to fill
in the gap, then hold ALT and Shift while
dragging out a duplicate of this shape for
the opposite side.
Group these two shapes together, then add
one of the circles to the selection.
Give the circle an extra click to make it
the key object, then align the stars centrally
using the Align panel.
The main logo layout is now complete, but
any retro style design always needs a little
distressing with some textures.
Download and open one of my vector dust and
scratches textures in Illustrator.
Copy one of the textures to the clipboard,
then switch back to the emblem document.
Select all the objects that make up the emblem,
then press CMD+G to Group them together.
Under the Transparency panel click the Make
Mask button, then select the right hand thumbnail
which activates mask mode.
Paste in the vector texture, scale it to size
and make sure it has a black fill.
Check that the Clip and Invert Mask settings
aren't checked, then click on the artwork
thumbnail to exit out of mask mode.
This masking technique is a great way to add
aged and weathered effects to your vector
art without permanently altering the basic
design.
So there we have our finished retro style
vector badge.
I hope you found this tutorial useful and
find some great uses for these kinds of badges
or emblems for your future designs.
If you enjoyed this video it would be great
if you could add a Like on YouTube, or help
spread the word by sharing it with your friends
on Twitter or Facebook.
If you want to see more of my content, be
sure to visit my website at Spoon.Graphics,
or you can subscribe directly on YouTube to
be the first to see my upcoming video tutorials
before they're released on my main site.
Thank you very much for watching, and I'll
see you in the next one!
