Shape Builder Tool Logo Design In Illustrator

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

Channel: Satori Graphics

Views: 177,570

Keywords: shape builder tool logo design in illustrator, shape builder tool logo design illustrator, shape builder tool logo design, illustrator shape builder tool logo design, illustrator shape builder tool logo, shape builder logo design, shape builder logo design illustrator, illustrator logo design, logo design illustrator, shape builder tool, shape builder tool illustrator, shape builder tool illustrator cc, shape builder illustrator, satori graphics, satori graphics illustrator

Id: rGmGRMXKqUQ

Length: 10min 23sec (623 seconds)

Published: Mon Mar 26 2018