Ahoy me hearties,  Amir is here with
another video tutorial about how to
recreate a logo inside Adobe Illustrator
the logo that I've selected for this
episode is this one. this is from 
Eddie Lobanovskiy here's a very good designer I'm
going to show you his page on dribbble
website I've selected this one because
it contains some shapes that making them
very accurately inside illustrator
sometimes is a little tricky I'm going
to design it twice once with the
features of the illustrator and second
time I'm going to take advantage of a
plug-in from astute graphics which is
called subscribe that plugin is not free
it's a commercial one but it is
affordable by the way they didn't pay me
to record this video tutorial for them
it's not a sponsored video I just want
to show you that there is something out
there that you can buy and it's going to
speed up the process for you and at the
end you're going to have much cleaner
artwork and I just want to admit that I
do not claim that the way that I'm going
to redesign this one is going to be the
most efficient way maybe you can design it
with much more dexterity it is the way
that I came up to design this one let's
jump into the illustrator before doing
anything let me show you the page of
Eddie Lobanovskiy you just type here
on dribbble website just type unfold
okay it's unfold it's their page let me
find the page of unfold it's down fold
page which is a team page and all of
these guys are the member of this team
and Eddie is this guy here as you can
see the majority of the shots here
coming from Eddie himself I highly
suggest you to follow them because
they're very creative and is the good
source of inspiration for you I'm
following them for several month and I'm
quite happy because as I said they are
very inspiring and the logo that I'm
going to work on is this one
the shape is seems to be very simple but
sometimes if you want to design them
very accurately it's not that much easy
I'm going to save it to use it as a
reference image inside
illustrator let me save it on the
desktop I'm going to save it here and
close the browser I do not need it
anymore let me open up the adobe
illustrator go to the file new I'm going
to make a new artboard and the size is
1280 at 720 pixel for me go to the file
place and select image and click and
drag to load the image inside your
artboard I'm not going to make this one
with colorful backgrounds I'm just
focusing on the shape itself and the
first step before doing anything
I need to make a guide and put it at the
center of the page for doing so go to
the view rulers and show rulers it's
going to show you the rulers bring one
line from top and one line from left and
at this time there are not at the center
of the page try to select both of them
if you cannot select them it's because
they're locked just locked click on the
page and unlock the guides select both
of them and from here in properties
panel you can use this one and this one
if you do not have properties panel you
can go to the window and open up the
align panel and it is available here
actually these two lines are at the
center of the page I'm selecting both of
them you do not eat actually select and
just right-click on the page and like
the guides and they are locked we are
not going to select them accidentally
next step is to draw a polygon here I'm
going to use the polygon tool and I'm
going to click here at the intersect
point you can see the word intersect it
means that these two lines are
intersecting at this point which is the
center of the page and click here and
drag it's going to show me a shape such
as this one I can use up and down arrow
key to add or remove the points so we
can reduce the size to just three sides
and if you hold down the shift it's
going to assure you that the shape is
going to be perpendicular to the guys
that you have inside the page so I'm
going to draw something similar to this
one
okay I'm going to give it a little
stroke I mean just one one point is
sufficient and the next step is to draw
a rectangle and this rectangle must
touch two lines one one of them is
disguised at the top and also the bottom
line of this triangle that we have here
just click and drag to have this in
place okay to be sure that everything is
accurate I highly suggest you to be sure
that it's not too pixel is off and I'm
going to draw it again to be sure that
you're touching the line properly okay
it is the shape and the next step I want
to draw a circle here and this circle
must touch tree size on top of this
rectangle
left and bottom side of this triangle
I'm using ellipse tool here just select
the ellipse click here on this line and
drag to the bottom and hold down the
shift to have a perfect circle and
because a smart guide is active when you
draw the circle and the bottom of the
circle going to touch the bottom of the
triangle is going to snap to that point
and out at this time I want to move it
to the left just hold on the spacebar
and move it to the left side to touch it
with this section at this time we have
done this and select this one hold down
the alt and move it to the right and if
you hold down the shift is going to
restrict your movement to just one
direction I'm going to move it to this
direction I'll put it here okay when you
have done this the only things that you
need to do is to resize this rectangle
that you have and bring them to here to
touch the side of the circles I mean
here and here when you have done this
you do not need to have this triangle
you can remove it and also remove both
of these circles select the shape that
you have
round the corners and the next step is
to rotate this one 120 degree based on
this point at the center of the page
select this one go to the left side
rotate to hold on the alt and click at
this intersect point is going to open up
the dialog box for you type here 120 I'm
going to preview it it's okay just copy
this one and first ctrl D to repeat this
process again so we have the same shape
at this time I'm going to select
everything we have here and from here
from tool bar I'm going to select shape
builder and click on this one this this
this this and this okay each of these
shapes become a separate shape and I can
select this one and move it around as
you can see and you can select
everything sometimes when you use shape
builder in this way is going to leave
some artifacts behind as you can see
it's artifact here you do not need them
you can remove them sometimes you have
these artifacts and it's let me remove
them and I have another one here and
select everything and move it to the
side yes we have much more at the bottom
it's the reason that I said that it's a
little tricky to make them I'm going to
explain why this artifact is going to be
present inside the page I'm going to
select everything and put it to the
center of the page and at this time I
can increase the stroke for example to
10 points and going to object and group
them together there at this time there
are just one shape we can move them
around then you have two shapes and you
put them on the top of each other and
the border is going to touch each other
and use pathfinder or shape builders
sometimes going to live behind bunch of
extra points and some artifacts if you
want to print them it's okay you can
have thousands of points it's okay
but if you want to bring them to the web
that is
that much okay you have to reduce the
points as much as possible because going
to increase the file size for you a lot
okay I'm going to design this one again
with the plugin that I have from a
stirred graphics I'm going to put it
here I'm going to draw it again this
time and the first step is exactly the
same I'm going to draw a rectangle such
as this one I'm going to reduce the
stroke to just one point okay at this
time I have a tool here if I click here
is a tangent circle tool it's a very
very good tool it's very helpful I'm
going to click anywhere on this side it
doesn't matter there just click here and
move your cursor to the bottom part
bottom line it's going to show you a
circle click here and drag to one side
it doesn't matter left or right it's
going to draw a circle for you and I can
eyeball it to be sure that the top part
of the circle going to touch the guides
at the top and you can do two things if
you hold down the shift is going to
remove the decimal points as you can see
we have just sometimes we have just one
decimal points but if you release the
shift the decimal point going to be two
or three and if you hold down the
control is going to give you much more
control it's going to increase and
decrease the size of the circle
gradually so it's become much easier for
you to eyeball it and select the proper
size I think at this position it is okay
look at the number forty five point
seven forty five point seven I'm going
to release it it's going to throw a
circle here I'm just going to click here
and just one click here is going to open
up this dialog box for me I'm typing it
four to five point seven seven okay it's
going to draw this one for me one click
here and one click here forty five point
seven seven okay it's going to draw the
circles for me next establish to connect
these circles together there's another
tool here which is tangent line two
is a very smart tool it's going to
connect these two circles from proper
position you do not need to eyeball it
I'm going to for example click here and
drag to this one is going to find the
proper point to connect these two
circles together I'm doing it from here
to here it's very fast and also very
accurate it's going to connect these two
together such as this one at this time
I'm going to select everything that I
have inside the page go to the shape
builder hold down the alt to remove this
top section here and here and release
the alt and click here and drag to this
part click here directly this part and
from here to here and click on these
three sides at this time we have exactly
the same shape but I think it's much
more accurate if I give it 10 point
stroke is going to be like this and I'm
going to compare this one with the one
that we have designed with the features
of Adobe Illustrator I'm going to bring
it down here and I'm going to reduce the
size to make them the same size such as
this okay and differences here if I
click here one of these shapes if I
click on each of these shapes look at
the number of the points that we have
here we have bunch of extra points that
we do not need to have here but look at
this one this shape that we have made
here if I click on this one look at the
number of the points that we have two
here two here one one one and one at the
bottom it has much less point compared
to this one if you want to convert
everything that you have designed for
example this logo to SVG format you have
to keep the number of the points as low
as possible because this point is going
to increase the size of the fight a lot
especially in SVG case if you liked this
video you can subscribe to this channel
I'm going to release at least one video
every week about illustration and also
for intended developments and until the
next episode goodbye
