today I'm gonna show you guys how to make this cool logo design using the
shape builder tool in a adobe illustrator
what is up people welcome back to satori graphics the home of graphic design
content right here on YouTube so today we're gonna be looking at using the
shape builder tool in Adobe Illustrator to design a really cool and symmetrical
logo design I'm also gonna show you guys nifty gradient tricks that you can use
on this logo design I quickly want to remind you all that if you want to
follow the link in description below or in the top right corner you can access
my teespring store the 20% discount any purchase until Tuesday so if you want to
help out to tear graphics grab yourself a shirt or a print to show your
appreciation to this channel to make your life a little bit easier when
designing its logo today with the shape at at all its going to be a good idea to
activate specific smart guides in you illustrator Preferences window
so if you see my settings here I advise that use similar settings for your logo
design we're going to use the shape builder tool to make a logo out of that
we need to take shapes with no fill and a stroke only you can press shift an X
on your keyboard to switch between a stroke and a fill
press em on your keyboard to access the rectangle tool and then go ahead and
make a rectangle in a similar manner to mine here we then we want to make a
perfect circle so access the ellipse tool with L on your keyboard you hold
down shift and click and drag to make a perfect circle and make the diameter of
the circle around double the size of the rectangle we can however make sure it's
perfectly double the size if I open up the transform window using the transform
window we can see the height of the rectangle if you select it so as you can
see here - 93 if we then go ahead and select the circle we can see the circles
diameter we want it to be double so mine's going to be 186 which is double
93 we can type in these dimensions and the circle will now be perfectly double
the size of the rectangle in this tutorial using the shape builder tool to
make a logo it's essential everything is perfect we then want to align the circle
so the lines on the corner of the rectangle like so the fact we turned on
the smart guides earlier we're now allow illustrator to inform you when the
circle is perfectly aligned with the intersect weight so when you have the
first circle set up for our shape builder logo design in Illustrator hold
down the alt option key and click and drag to duplicate the shape
move the circle to the other side of the rectangle and place it perfectly on the
edge like we did before but this time position it below rather than above
lastly make another circle the resize it down to a little under half of the
original size and then position in like I've done here
we're nearly ready to studies in the shea butter tour now
so once you have everything aligned the positions you're gonna be able to find
the shape builder tool here in the tool bar or you can also press Shift + M on
your keyboard you need to select everything that makes up the shape
selection and then access the shape at at all by default is going to be a plus
icon above the cursor and this will allow you to click and drag over areas
that you want to unite together to make up a laker design shape however here I
need to adjust a smaller circle so that touches the edge of the other circle
properly so when you're ready click and drag to draw over the selections like
I've done here now hold down the alt option key and then when you click and
drag over there is either one they're gonna be deleted this will leave our
first shape for our logo design you may also want to select and delete areas
finishing and tidying up your design
so flip the shape from a stroke over to a fill we now have a first shape ready
duplicate it with the alt/option key and then rotate it by 180 degrees can then
position it to make up the final shape of our logo design in today's tutorial
I'm gonna show you a few tricks and adding quality gradients to the later
design that's coming up next so for the first top shape we can add a warm
gradient so highlight it and then select the gradient fill
all you need to do is click each side of the slider and add a color that you wish
you can experiment with this for your local design but make sure the direction
travels from left to right like so on the bottom shape we're gonna use a
cooler gradient that goes from purple to a kind of light blue and like I said I
will show you a neat trick in a moment but we're gonna give you legos I'm more
depth
make sure that you direct the darker part of the gradient coming from the
center of the logo design
we can add multiple layers of gradients to give a smoother and more in-depth
appearance so in the bottom shape here click it and then press command or ctrl
C to copy it and then press command or control F which is going to paste and
duplicate it exactly at the top on the duplicate I want to change the direction
of the gradient slightly but more importantly also change the light side
to have a 0% opacity and on the darker side are gonna make it a bit more darker
than the original
so as you can see this is what you're left with at the end
the same as time today I've gone ahead and done the same thing with the top
shape however we can add one more final gradient layer to both shapes so copy
the new gradient and then paste it in place like we did before this time you
can make the lighter side more brighter and the dark side to have a 0% opacity
so take your time playing around with the color so they're both acts like a
highlight and blends in properly into your logo design
and finally do the same on the lone shape making a lighter side of the
gradient brighter and a darker side having no obesity
and there as you can see the Lego looks more dramatic and visually appealing
than with the single gradient used let me know what you guys think with today's
logo design tutorial
so there is today's tutorial on how to use the shape builder tool to design
this logo in a day for this traitor let me know what you guys saw of today's
video in the comment section below I always love hearing your feedback on
your comments on my content also remember to get 20% off any purchase on
my teespring store so if you do want to help on my channel go over to teespring
using the link in description below and get 20% off any purchase like and share
my content if you do find it useful and of course until next time
design your futures today peace