Badge Logo Design | Adobe Illustrator Tutorial | Mountain Video Lecture | How to Design a Logo in Adobe Illustrator: For Beginners and Beyond

Hey guys welcome back to another episode
of creatnprocess.
Today we'll be
creating a logo badge inside illustrator.
There are plenty of logo badges
templates available on the web and if
you search for it, you find a variety of
designs which are easily editable and
can be used directly for the business.
so
our goal here is to create an exclusive
logo badge, in the fastest and the
easiest way.
And during the process I'll
be using some vector resources from
Vexels.com, where you can download in
several formats.
Vexels also offer monthly subscriptions
starting at 9.99 with licenses for every
download.
You can also buy individual
licenses for a single graphic.
so let's
begin with the designing process.
So we'll be
creating this logo badge for the
mountain climbing event.
So the first
thing we need to understand is the theme
of the logo.
And now I'll go to Vexels and
look for the vectors related to our
theme.
let's search for mountain and
let's download this vector.
I'll be
needing one more vector of ribbon.
So let's look up for that and I think
this one is good.
Now we are ready to
design the logo.
First add a dark
background on the artboard using the
rectangle tool and lock it up using the
keyboard shortcut command or ctrl + T. now
open the mountain vector which we have
just downloaded and drag and drop it to
work area.
Scale up the size and fill it
up with white color.
Now we'll do some
modification with the vector, so using the
pen tool draw out curves extending the path
of the vector and merge it with the design.
Click and drag to give smooth curves and
also break the points to give pointed
edges.
By adding these details we are
giving an organic look to the design.
The
smooth and curved region represent the
shape of frozen ice.
Next we'll type out
the text, for the logo.
Type mountain and
scale up the size.
Remove the Alphabet M
and choose a proper font for the rest.
Apply white stroke color with a stroke
thickness around 2 points,
and change the font style to Agency FB.
Now create a duplicate of the text and
type M alphabet.
We will increase its size
and place it somewhere in the middle.
Also change the font style to bold to
maintain the thickness of the fonts.
Reduce the stroke thickness to 1 point,
maintain equal distance between each
alphabet.
Now create another duplicate
and type out snow.
For this change the font
style to regular and reduce its size.
we'll place it somewhere here on the top.
next we're going to be modifying the
shape of the text, so select the text and
go to Object > Envelope distort > make with
mesh.
Set the rows and columns
to 2 by 2 and click OK.
This will give us
the anchor points to modify the shape.
let's place it around here.
Now using the
direct selection tool, select the right
side anchor points and drag it down.
Now
select the middle anchor points and drag
it out, then select the left anchor
points and push it down.
Now using the
handle tools try to maintain the curve
flow.
Select the handles and adjust the
direction.
Now bring in this snow text.
Apply mesh with the same values and the
anchor points and set the flow, according
to our main text.
Adjust the handles
properly to get the exact curve.
Next
we'll bring in our next vector “ribbon”.
Place it inside the Artboard and scale
up the size.
we will flip the direction
using the selection tool from one side,
then ungroup it.
Now delete the top
pieces.
Then delete out this piece also.
For this overlapping region, we will
extract it using the shape builder tool.
Select all and click and drag to extract
the region.
Now place the vector below the text.
Do
some little tweaking with the anchor points,
to make the corner round.
Also let's
apply color to the shapes.
Select the
shape and apply red color from the color
panel.
Then select the second one and give
little darker shape to it.
Now we'll type out one more text, give it
a white font color and we'll give Arial
Black font style and under character
panel, increase the distance between each
alphabets.
Then go to object and Envelope
distort and make it mesh.
Give the
same values 2 by 2 rows and columns
and start modifying the shape according
to the flow of the ribbon.
uUse direct
selection tool to edit the anchor points.
Adjust each handles to get a perfect
curve, parallel to the edge of the
vectors.
Also place it in the middle of
the design.
Once you are set with a path,
double click inside and select the text.
Then increase the spacing.
And place it
back to its original position.
Now we're
going to be creating the outline of the
logo.
We will be using ellipse tool to create
this circular region.
So draw the circle
and apply only the stroke color.
we'll
set the stroke thickness to 4 points.
Now create one more diplucate of the
circle, using the keyboard shortcut
command or ctrl + C to copy and command
ctrl + F to paste in front, and increase
its radius.
Now select both the ellipse
and choose Scissor tool to delete out the
unwanted curves.
Give one cut here and
the other on the opposite side.
Do the same for the second curve, then
delete out the extra pieces.
Now we'll draw
the rest of the outline using the pen
tool, by following the overall shape of
the design.
Once you reach the arc curve, click
on the last anchor point to connect the
path.
Then continue drawing from the
other side and finish it at the starting point.
This way we got a nice outline.
Now
carefully adjust of the vertices, to do the
final refinement.
And Adjust handles to
give a proper spacing.
Next draw the
shape at the ends of the stroke to give
a round end.
Fill this shape with a
background color.
Now select our outline shape and fill it
up with dark blue color.
tThen arrange it
at the back of all the elements.
Now
selecting the shape go to object > path > outline
stroke,
this will convert it into fill object.
Ungroup it and we got two
different shapes for background and
stroke.
select the other stroke and apply
the same option.
Apply light blue color
to both the strokes.
You can use this
code to get the color.
Give the same
color to the snow texture also.
Now we'll
add some details to our Mountain vector.
So first of all, select all the pieces and
combine it under Pathfinder.
Than using
pen tool start drawing out curve path.
To
create a division, try to create a wavy
curve in order to get a random look.
Now
select the stroke and the shape and
extract of the region using the shape
builder tool.
Ungroup it to select
individually and apply light blue color.
And now lastly we'll create this frozen
ice effect for our design.
The designing
process very simple.
We will first create
out the shape, using the pen tool.
The
shape can be in any form.
Try to get that
feel in your design.
Fill it up with white color and start
tweaking the sheep using the Direct
selection tool.
Next Create one more
duplicate of the shape and fill it up
with a background color.
Then arrange it to
back of the shape and drag it down.
This
shape will be used to give shadow.
The
placement will decide, how much depth you
want to give to your design.
Then using
the direct selection tool, adjust the anchor
points properly.
Now we'll add highlights
to our design.
Draw a curve like this.
Draw under go for the other shape.
nNow
select the Cove and the shape and using
the Direct selection tool, click here and
then
here to extract out the region.
Select
the extracted shape and apply light blue
color and this will add a highlight
effect to the frozen Ice. we'll be
following the same steps and create all
the other two vectors with different
volume and shape.
Finally we have
completed designing a logo badge.
To give
more details to our design.
we can use
Photoshop to add more depth, highlights
and glossiness.
You can also add lens
flare effect and it will be make your
design more standout.
Finally our logo is ready.
tThe designing
process was very simple.
By using the
ready-made graphic resources, we have
saved up lots of our time.
I hope you liked the techniques and enjoy this tutorial.
To check out the various
graphic design bundles provided by Vexels
you can just go and check out their
website.
You will find the link in the
description.
I hope you enjoy the
tutorial.
Don't we 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!