 
hey guys welcome back to another episode
of creatnprocess. today we're going to be
creating a retro logo badge design inside
illustrator. in this tutorial we'll look
at how you can create a classic looking
logo badge. By using different shapes, you
can give unique look to each design. For
this tutorial, I'll use two different
color tones for the design. During the
process I'll be using some vector
sources from vexels.com . You can also
check out any of your favorite website
where you can find vector stocks. Under
Vexels , so you can download the vectors in
several formats. They are also offering
monthly subscription starting at 9.99
with licenses for every download. They're
also offering merchandise licenses so
that anyone can create design with their
resources and sell them. So let's begin
with the designing process. First we will
create out the base of the logo. So
select the ellipse tool and draw out a
circle. Give it a stroke color and
increase the thickness to around 26
points. Next we'll create a rectangular
shape. So select the rectangle tool and
draw a rectangle. Switch the color from
stroke to fill. Then using the pen tool
add one anchor points at the middle of
the top edge and at the bottom edge. Now
using the selection tool, select both the
middle anchor points. Then using
transform tool, increase the height with the
shift pressed. This will transform only
the middle region. Now using the
direct selection tool, click and drag the
circular icon inward to make the corners
round. Next we'll add the edge thickness,
so select this shape and create a copy
on top using the shortcut command/ctrl + C
to copy and command/ctrl + F to paste
in front. Now select the top shape and
give it a stroke thickness. we'll give
the color to something different and set
the stroke thickness to 5 points. Now go
to object > Path > outline stroke. Then go to
pathfinder and click on Minus front option
to subtract the edge thickness. Now give
it a stroke thickness around 2 point and
Change the color to
white. Ffter this let's reposition the
shape according to our design. Do some
adjustments with the size and thickness.
Use the rulers to set the exact position.
Once you are done with the adjustments,
let's type our text for further design. Press
T for the text tool and type out
Caribbean. Apply white color and increase
the size to remove the spacing between
each alphabet. Go to character and reduce
the value to zero. Now let's choose a
suitable font for the tex. We will apply
Baskerville old face font. Scale up
the size and place it in the centre. Next
we'll give arc curve shape to the text. To do
that, go to object > Envelop distort >
make with wrap.  Here you get different
styles of distortion. we'll choose Arc
Lower and keep it horizontal. set a
blend persent to around minus 18 percent
and click OK. Now extend the lower region
using the selection tool. Next
double-click on the text, then add a
stroke thickness and change the color to
white. Now double click outside and we
got a broader text. let's apply proper
color to your text.
we'll give a light brown color so double
click on the fill color to open the
color picker panel. Choose light brown
color or you can use the color code
#E8DBD4 and click OK. apply the same
colour to the stroke thickness as-well.
Next type our text sea SEA and increase
the spacing between each of the alphabet.
further apply the same color and place
it below the Caribbean text. Now select
the line segment tool and draw out a
horizontal line. Give it a stroke
thickness around 5 point and under
stroke panel
choose profile 2 triangular shape. This
will give a pointed effect to the line
segment. Create a duplicate of the line
with Alt pressed and further flip
the direction by clicking on this option.
Next we'll type our text "logo patch" in
circular path. To do that, select the
lower circle and create under duplicate
on the top. Use the shortcut command/ ctrl + C
to copy and command/control + F
to paste in front. Now go to text and
choose type on a path tool, then click on
the circular path. Change the fill color to
white and type out " logo patch ". click and
drag this line to set the position and
click and drag the middle line to flip
the text. Now select all the text and
change the font to Agency FB bold font.
Now adjust the alignment to balance it in the
middle. After that scale up size to place
it at the center of the stroke. Next
we'll give light brown color to the
center of the circle. so let's create out
a duplicate of the circle. Scale down the
size according to the inner ring and
fill it up with light brown color. we will
create another duplicate of a circle.
For this apply the same color and switch
it to stroke. Then bring out a ruler and
place it around here. Now using the
scissor tool give one cut here and the
other over here. After that delete out
the lower curve. Now select the curve then go
to stroke and choose round cap. Now the
next thing we're going to do is to add
the ship vector. As we are designing a
logo for the caribbean sea, we need to
look up for the vectors related to our
theme. So now I'll go to Vexels and look
for the vectors. let's search for pirate
ship and let's download this vector in
SVG format. I will also need a flat wheel
vectors, so let's look for it
and download it. Now let's open our
downloaded vectors, open the pirate-ship
folder and open the illustrator file.
This will open in Illustrator. We need to
do some modification with a vector, so
select and drag and drop it to our main
document. Scale down the size and place it
here. let's reduce the stroke thickness
to around 0.75 points. this will give a
decent outline to the design. Now with the
Alt pressed, click and drag to create a
duplicate. We'll use one of the duplicate
for Outlines and the other one for fill Color.
select the first one, then using
the shape builder tool. click and drag to
combine the shapes. Combine these small
circles and the top region too. In the
same way we'll combine all these small
divisions to make it into one piece.
Select fill color so that you can apply
color, while applying shipbuilder tool. Do
the same for all the other cloth pieces.
we can also call it sails. Remove all the
unwanted pieces in the middle. After that
click on each of the boxes to make it a
separate shape. Continue extracting the
shape by clicking on each of the details.
Once you are done, lets delete out all
the unwanted curves. Delete out all the
tiny curves, also delete this pointed
shape as well. Now select the other shape
and remove the fill color. You can see
some extra strokes, so double click and
select the individual strokes and delete
it out. Also that's delete out the back
sails. Now select the outline shape and
place it over the first shape. Make sure
to place it overlapping the strokes. Now
let's change the stroke color, so
double-click to open the color picker
panel.
Let's apply gray color. we'll use the
color code #a8a4a1. Now select
the fill shape and remove the stroke
color. Then double click and select the
back sails, and give it a stroke color
using the same color code. Also set the
stroke thickness to 0.75 points. Next
select the fill shape and apply black
color. This way we got a vector shape
in black color with gray outlines. we can
easily change the color anytime. Now
continue tweaking the shapes. Delete out
the unwanted details. Next double click
and select these two strokes and
increase the stroke thickness to 1pt.
After that using the width tool
click and drag to increase the width of
the stroke. Do the same for the second
stroke. Click and drag where you want to
give broader width to give a dynamic look
and narrow it down for thin strokes. Once
you are done, select all the small
strokes and apply a triangular profile
under stroke panel. Flip it in order to
give a correct direction. Increase the
thickness to 1 point and change the cap to
flat Cap. Next we'll separate the waves
from the main design. So double click
inside and select all the curve. Then
group it up using the short-cut Command/
ctrl + G and then press command/control + X
to cut. Double click outside and paste it
using the shortcut command/control + V.
This way the water waves are in separate
layer. let's change the stroke color to
black, and under stroke panel choose
profile 1 to give a pointed ends. After
that, increase the thickness to 1 pt.
Now place it on a backside of the ship.
let's do some adjustments, select the top
curves and scale up the size.
Place it little upward. Then using the direct
selection tool adjust the anchor points
exceeding the outlines of the ship. Now
click and drag to select all the vectors
and place it over the logo. Place it in
the middle. We got this circle on top, so
let's place it on the last layer. Then
arrange it to back, this way
we got a waves on top. Now using a pen tool,
extend the curves to make it into fill
object. Use the width tool to increase the
stroke width. After that apply light gray
color to the fill object. you can use
this color code. Next let's bring in our
second vector the flat wheel. Open it in
Illustrator, then drag and drop it to our
main document. Scale down the size and
place it just above the logo badge text.
Do the proper placement using the rulers.
lastly we'll do some final adjustments
we'll add a drop shadow effect to a text,
so create a duplicate of the caribbean text.
fill it up with dark gray color, for
fill and Stroke. Then place it, back to
its original position, and move it little
bit downward. And we got a nice retro
logo badge. To give a red border to a
logo, create another duplicate of the
logo. Select the circle and change the
stroke color to dark red. After that
create a copy on top and change it to
outline stroke. This will convert into a
fill object. Give it a stroke thickness
around 5 pt, and then again convert
into outline stroke. After that using the
shape builder tool, extract out the two
circles and apply black color to the
inner circle and white color to the
outer circle. Add a nice black background
and we got a nice logo Badge in
two different colors. Finally our logo is
ready the designing process was very
simple. By using the ready-made graphic
resources, we have saved up lots of our
time. I hope you like the techniques and
enjoy the tutorial. To check out various
graphic design bundles provided by Vexels,
you can go and check out their website
or you can find the link in the
description. I hope you enjoy the
tutorial.
Don't forget to check out the next
tutorial coming up. And if you want more
updates on designing ,don't forget to like,
share and subscribe this channel. Thank You!
