Logo Design Techniques in Adobe Illustrator - 6 Projects for Beginners | Chad Neuman, Ph.D. | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Logo Design Techniques in Adobe Illustrator - 6 Projects for Beginners

teacher avatar Chad Neuman, Ph.D., Professor, Graphic Designer, Digital Media Expert

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Logo Design in Adobe Illustrator Introduction


    • 2.

      Versions of Creative Cloud, Toolbar Customization, and Mac vs. PC


    • 3.

      Negative Space in Logo Design and Illustrator


    • 4.

      Using Photoshop Shapes for Logos in Illustrator


    • 5.

      Freeform Drawing Shapes for Logo Design in Illustrator


    • 6.

      Drawing Over a Photo for a Logo in Illustrator


    • 7.

      Using Custom Brushes for Logos in Illustrator


    • 8.

      Shape Builder and Live Paint Bucket Tool for Logos in Illustrator


  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Learn six logo design techniques in Adobe Illustrator, to either learn the software in a practical way or to get ideas for logo shapes and text!

  • Learn from case studies of negative space in Illustrator and then learn techniques to create negative space using Illustrator.
  • Learn how to use custom shapes from Adobe Photoshop to customize and use for logos in Illustrator.
  • Apply freeform drawing techniques to design shapes in Illustrator.
  • Apply best practices for drawing over a photo and how to simplify and stylize the shapes for a logo in Illustrator.
  • Produce custom brushes and then adjust their attributes to use for logo design in Illustrator.
  • Learn and apply the Shape Builder and Live Paint Bucket tools in logo design.

About the instructor:

I've taught logo design at the university level for the past nine years, and I've also been internet development director at an award-winning advertising design firm and managing editor of two graphic design magazines, one which focused on Illustrator. I've also done freelance graphic design work for years.

Meet Your Teacher

Teacher Profile Image

Chad Neuman, Ph.D.

Professor, Graphic Designer, Digital Media Expert


I love seeing students succeed in their designs, writings, productions, and careers!

I'm currently a full-time university professor of graphic design and digital journalism. I've taught classes on design, photography, and writing for the past eight years. My university students have become full-time, award-winning photographers, web designers, creative specialists, reporters, and layout designers. 

And now, you can learn from me as well!

Get started by enrolling in my courses and learning new skills. I've worked as internet development director at an award-winning advertising design firm, as managing editor at two graphic design magazines, as webmaster at a regional newspaper, and have been a freelance graphic designer and writer for the past 20 years. I have a... See full profile

Level: Beginner

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Logo Design in Adobe Illustrator Introduction: Hey, my name's Chad Newman and I've been working with Illustrator for years. I used to be a managing editor at two graphic design magazines. One of them dealt with illustrator not taught illustrator at the university level for a number of years as well. In this course, you learn a couple techniques. Relate the logo design that can improve your logo, design workflow and just give you some ideas for Logo's In Illustrator, for example, we be going over some case studies of negative space in logo design, and then we'll apply what we learned those principles and practices of using negative space and different techniques to create negative space in logo design. In Illustrator, You'll also learn how to use photo shop shapes and then customize them so they're original . I just use them as inspiration or starting point, then use them. An illustrator as vector art, he also used some freeform drawing techniques and illustrator to create shapes for logo's and also using a photo non just as inspiration but to actually trace over. And then, of course, we need to simplify and style eyes it to become a logo. You also use custom brushes and learn how to outlined those so that you can change the color and really customize them to be used in. Logos will be going over the shape builder and live paint bucket tool in illustrator in order create some shapes for logos as well. So thanks. And I hope you learn a lot in this course different techniques and illustrator to improve your lower design and just to provide some ideas for logo design in Adobe Illustrator Thanks. 2. Versions of Creative Cloud, Toolbar Customization, and Mac vs. PC: in this course I use Adobe illustrator Creative Cloud. Adobe does update the software occasionally, which can lead to slightly different options for some tools or techniques, although many of the most commonly used panels and tools are the same as or similar to earlier versions of Creative Cloud. If you notice something that is slightly different, feel free to message me so I can take a look and possibly update that part of the lesson if needed. However, some students might think it's a different version when it's simply a matter of a different color scheme, for example, in the workspace, so you don't need to follow along just yet. I just want to show how to change the color scheme really quickly. If I goto, edit and then preferences and then user interface, I can adjust the color of the interface here. Some people prefer a darker color interface, while others prefer ah later interface. Having these different options for the brightness of the interface allows us to have certain content pop out from the background, for example, but it's also a personal preference, but that doesn't indicate a different version of Illustrator just because yours is a different brightness on the Mac, you would click on the name Adobe Illustrator in the upper left hand corner, then preferences, then interface. The location for access to the Preferences menu is one of the few differences between the PC and the Mac. The other primary difference involves keyboard shortcuts, which I explained throughout the course. When we press control on the PC, for example, we press command on the Mac, and when we press all on the PC, it's option on the Mac. For example, if we want to zoom in in the workspace here, we can press control on the PC or command on the Mac and then the plus son on the keyboard . And if we want, is the amount we press control or command and then the minus sign the minus key on the keyboard. In my full time job and freelance work, I use a Mac and a PC, and it helps to consider this difference until it becomes second nature. But the interface and workspace should look pretty much the same, regardless of whether we use a PC or a Mac, unless you have customized the workspace already. If you have done that, you can click here in the upper right hand corner and click on essentials if it needs to be a reset. If we've changed it from the default, we can click up there and go to reset Essentials, and it will reset it to the default essentials Workspace. Here, as's faras, the panels go again. Message me if you might have noticed something slightly different in a menu or a tool or post in the Q and A. Any questions? Sometimes Adobe changes really small things, like what the menu looks like and what presets are included when we go to file new, for example. Currently, we have some presets for mobile Web print, film and video and art and illustration, and we can click on view all presets at the bottom. Teoh see all the presets in that category. But different countries will use different units of measurement here, especially when we're talking about print design as opposed to just designing for the screen. With pixels, we can adjust something like units of measurement in the preferences menu. So again we go to edit preferences on PC or Adobe Illustrator and then preferences on the Mac, and we can go two units. And then here we can change this from points to pikers or inches, which is typically more for a print context. Or we can change two pixels and for designing for the screen like a mobile app, image or online image on a website, for example. And we also have this option. Teoh start a newfound really quickly right here because these air commonly used presets so letter size here in the U. S. Asst. Faras 8.5 by 11 inches, and that has the points there postcard Web page HD TV, 1920 by 10 80 pixels. So regardless of whether we're talking about ah, video player on the Web, for example, or even on a TV and iPhone, and then there's a custom preset as well, at least for the most part, your workspace and tools should look the same unless you have an older version of Illustrator, in which case is still shouldn't look that different or if there's a recent update that changed the menu, for example, I can take a look at that and update the course if needed. Your toolbar might look different here, an illustrator compared to what we have on the screen here in the course, as far as where the tools are located and which ones are included in the toolbar. So if I click this arrow here, that will make it two columns, and this is the very simple toolbar here in Illustrator. If we click on the bottom and if you don't see this, just got a window and then tool bars and it should be checked here as far as basic. But if we said it to advance their or down at the bottom of the toolbar, if we click that and then click in the upper right hand corner, that's another way we can get to that same menu and change that to advanced. So it has two columns here instead of one column. Like if we click this double aero there, and this is what it looks like throughout this course, it has some tools that might not be used as often as, for example, the selection tool or the direct selection tool, the pen tool and so on the type tool those air still part of the basic toolbar. But these air some more advanced tools that aren't used as often, especially for beginners, but it's helpful to be familiar with him. So if you want your toolbar to look just like mine, has all of these here make sure to columns? So if it's like that, click that there and then also click on the bottom click on the top right hand corner and set it to advanced again. We can also go to window tool bars and then basic or advanced. So basic is what it probably is set to by default. But if you're following along, you notice others not that tool on there. You can set it to you advanced by going toe window tool bars advanced. Now, while we're in the basic toolbar set up, you can customize this. We can create custom tool bars. So if I click edit toolbar at the bottom. And let's just say for this example, I want to add the rounded rectangle tool to the shapes group up there rectangle tools, the default. There I'm going to just click and drag the rounded rectangle tool up to the rectangle tool room. So now if I click and hold on to it, click over here. If I click and hold onto it it has this as an option down there. So rectangle tools the default and click and hold and then go down and select the rounded rectangle toe, which is not on the basic toolbar by default. So we want to. We can add that. And once we've customised this toolbar, we've added some of the ones that are not as commonly used. But we've added them in here into these groups that we've we click and hold on to the tools we can bring those options up and bring those tools up. What we can do is click in the top right hand corner again, and instead of going to advance their basic, we got a new tool bar, and from there we can save this custom toolbar that we have created. We can also go to reset, and that will reset it to the basic settings. And if you have a computer that ah friend also uses and they have changed your advanced set up right there, go ahead and click up here and go to reset. If you've changed it, I haven't changed anything, so that's why it's great out. We can't reset it because it's already at the default setting. So hopefully this has been informative as faras Creative Cloud versions the toolbar specifically and as well as a few differences between the Mac and PC in Adobe Illustrator Thanks. 3. Negative Space in Logo Design and Illustrator: one designed technique you might want to consider is using negative space in logos. And in this lesson, you learn how to use Illustrator to create this effective negative space. So if you're familiar with the negative space already, you probably are familiar with Edgar Rubens Vase. It's one of them us well known examples of negative space. So you see either a base in the middle or you see two profiles of people looking at each other and in logo design. The purpose is not just to see the negative space or that space. That's not negative space, but just really both spaces. All right, so a couple more quick examples and we'll jump into using illustrator to create negative space and some techniques to do. They're so FedEx is a corporate example that you're probably familiar with. If you see it's just a typographical ago, of course, two different colors, but in the negative space between the E and the X, there's that arrow, meaning getting from point A to point B. And that's what FedEx does, of course, and another example. Safari into Africa logo. It was created over in the UK, a graphic design consultancy called glad. And there were doing this for a client called Safari in Africa, just a safari operator based in Zambia in the southern part of Africa. And so you see this. You see an elephant probably first and their name and then the negative space between two. The elephants Feet is the continent of Africa, so that's pretty cool. And this one's really well done. This was for a book cover design, uh, by Alexander Johnson over in Leeds in the UK and you can look at this. You see the M, of course, for Moby Dick, the great American novel, and you can also see the whale's tale right there. But there's also the harpoon right there above it. So that's a effective method of negative space there, and another well done example is this one for the Bronx Zoo? This is actually by Caroline Madigan while at the Pratt Institute. This a student project, but it looks just is good, if not better, than a lot of the actual logo's out there that are used by companies. So this one you can see in the negative space just the cityscape, the Bronx, and then you've got to drafts and three birds. I think it's balance pretty well. And so I think that's really well done. Creative use of negative space and finally, to more examples, real quick. The Guild of Food Writers. This one was by 300 million the design firm, and you can see there, obviously a pen like an old school pen that you would almost like dip in ink and then the spoon for eating in the negative space. And it's symmetrical. There you can tell and then one more example. Spartan Golf Club. This one was from Richard Front, no graphic designer in Lexington, Kentucky. And so you can see the gulf for their swinging, almost like in video games. You have that little, ah level thing. They're up at the top, the radio pattern, and then you can see that as the headdress of the Spartan as well as the person there. The golfer is also the face is the negative space between the arms is also the eye of the Spartan soldier. So let's get started using illustrator to create negative space. Now, if we want to do something like the FedEx example right, I'll just type in FedEx with the type tool, click and drag the corner. Here. We probably the thicker fund. So for this example, I'll just get with impact, all right, and you'll notice right away. It's not making an arrow, so all you have to do, you could distort it a little bit. But depending on what fun you have, it's gonna be more difficult or more work at least. But regardless you just want to right click over it with that selection tool, and then goto create outlines or control. Click it if you're on a Mac, and the thing that they do is if I click on the X here, knows how selects everything else. What I need to do is go to object on group, so now I can use the black hair of the selection would just be editing this one letter now that I've outlined it. So what I would do is click and drag the top down, so it's flush with E in the middle of the either made Bring it down a little bit more, so it's probably close enough. I'd zoom in if I was doing this actually there again, and he knows it's not symmetrical. So you do want to fix that. You could use the white and hold shift if you don't want it to move, you know, except in certain ways. So you'd really just detail that with the white arrow and move it over to make it really customized. All right, so this I could actually bring over, so it's flush. So we're getting there. She get the idea. So that's a simple example. Just having negative space between letters. But for some of those more complicated ones Ah, that we're still, you know, simple enough to be a good logo. What you could do for those is just use the Pathfinder panel. So if you have some kind of shape, I'll just use the Ellipse tool. I'll just draw out a shape here, and I'll just give it some kind of color art. And so the difficulty way to do this would be to you use the pen tool at anchor points, you know, along here, and then bring them in with the white direct selection tool and try to create some kind of negative space or whatever, right? We don't have to do that, though, With the Pathfinder tool, it's right over here If you don't have it, just got a window and then Pathfinder. And that brings that up. And what you want to do is let's just use the Pentothal, just create some kind of custom shape here, almost like a spoon. It won't be symmetrical, but just doing the technique here. So we have that on top and then, Ah, other one below. I'm gonna make it. A different color just stands out so you can see. All right, so you have one shape on top one shaped balloon. I just need to select both of them. Click and drag over both of them with the selection tool. And if you hover over on the Pathfinder panel, you got Unite minus friend Exeter Exeter. Well, what you can do is click minus front, and then it cuts that part out wherever the top part was, and then leaves the bottom part. So there's some negative space. So I would say practice with this, just creating different things. In another lesson, I show you how to use custom shapes from Photoshopped and bring them over into illustrator . You could try that as well. Customize at first after you bring in illustrator, then put it above another simple shape. There's a lot of different possibilities, like if you want to just draw, you know, some kind of wave here, right? If it was a surf company or something like that, and you know it doesn't curve enough, so go back to the white era. Bring that curve down a little bit more. Bring that one over there. All right. Same thing. Click and drag around both of them and then minus front. All right, so that's negative space. The technique. The principle, though, is you just want to create something in the middle or doesn't have to be in the middle, but often times it is that has some kind of recognisable shape that you might not see right away. But you should be able to see if the average person should be seeing it. And it's obviously relates to the theme or the branding of the client. Like, for example, this one I made, and literally just about 45 minutes. It's got the negative space. You can tell those air just, you know, a fish and a bird thes air, actually from photo shop, those custom shapes. So you would not want to use that an actual Logan. I'm just showing it as another example again. You'd want to bring it over from Version Upton, customize it, move the points and passed around and then use it if you want. There's just another example. I mean, since the other one was a zoo. Example. Just This was not as complicated but done with the path funder panel. In another lecture, I do go over the shape builder tool in a live paint bucket tool, which can be pretty useful. But if all you're really wanted to do is take one shape and subtracted from the shape below it, it's so much easier and faster. Just use that Pathfinder panel Andrew Zis minus front. All right, so have fun with that and save it as some kind of raster file if you want and share in the discussion board for critique for me and the other students. All right, Thanks. 4. Using Photoshop Shapes for Logos in Illustrator: one technique you might want to try out for getting some custom shapes, which you can then customize further, is to use photo shop and illustrator together. So go ahead and open up photo shop. And unless you're subscribing just to illustrator alone, you should have access to photo shop if you have the entire creative cloud and so go ahead and go to file new and you just want a larger to work with. So, whatever screen resolution, however, you can just do, you know, some kind of pre sent whatever you want as long as this large enough, I would say, if you need a number, you know, 2000 by 2000 pixels, whatever. And so you got a new document here, And if you go over to the rectangle tool on the tools panel, if you don't see that, just goto window than tools. Ah, click and hold on to that and then go down to custom shape tool impress you on the keyboard . As you can see here, the keyboard shortcut as well, and what that does is it brings up some custom shapes, a period that you can see if you don't see all of these by default. Just click right here, that little gear icon in the upper right hand corner and then just choose all. And that will say, Do you want to replace current shapes or upend? Either way, hit OK or a pen, and it should bring all these up. So let's just say you were drawing a logo for some kind of financial services company, and you want to use umbrella instead of a drawing. One from scratch can start with this now. The idea, though, of course, is not to just use this because that would be kind of a generic logo that you know many other appeal people could create because you're just using a custom shape already in the default said in photo shop. So how she had a customizing first thing you want to do is just click and drag an area out before you. DEA, though you want to make sure it's not pixels up here. So if you have path or if you have shaped either one of those will work. So let's just start with path. You've got path there, click and drag and noticed I can distort it a bit. You know horizontally, vertically. So hold shift on the keyboard. If you want to maintain the original proportion like that and the size doesn't matter right now, you don't have to make it super large. A slings. You draw it out a bit, that's fine. Not then what you want to do after drawing it is just go to edit and copy or control C on the peace your command, See on the Mac. Then go back into illustrator, Go to file new creating and document here and then go to edit paste. All right, a compound shape. You can have that be fully edible or it could do compound path. Either way, for this example will work. So I just click OK and you'll notice we have our shape now and it is vector. It is points and then pads in between straight paths and curved past. So what you can do You don't want to just resize it, cause then it's still that same default shape, right? What you want to do is well, first, we need to add a color so you can click this Phil double. Click it and out of colors to concede. Here you'll notice if you zoom in, it's not pixelated cause we drew it as, ah vector path back in photo shop that we pay Sit in. Is that right? So I'm gonna press control or command minuses amount we can use customized this. So with this one, what you would want to do Well, there's many different ways you customize it. You can select the anchor points and move them around. You can select the handles and change the angle of those curves. You can select the path and move that around. All right, so you can see how you can start to customize it yourself. Of course, you can also combine it with other shapes. You can use shapes either way, so that a shape here and click and drag on both of them. Remember, you can get a window and then Pathfinder and then you night if you want. Oh, Adama's a shape mode there you can then customize it. You can, of course, select it and use some of the with tools work tool, and so aren't so. It's a pretty cool technique to get custom shapes back in photo shop, because if you look in here and l assure you don't have that option. We have rectangle rounded rectangle, ellipse, polygon, star flare. We don't have custom shapes here, so if we go back in the photo shop, you can create one. So let's do another one real quick. Uh, just choose She's rabbit here instead of path into shape and a click and drag out. All right, and you can add, Ah, Phil, you know, whatever we want. It doesn't really matter because working on paste as a path. So if you're moving around, if you didn't go to edit copy right away, I'll see what happened. See if you get edit, you can't copy, right? So what you need to do is go back to the custom shape tool. Make sure that selected, then do copy. All right, now go to Illustrator. You'll see this and then edit paste. You'll notice than that. We have that rabbit shape art, and again we can add color. We can add a border or a stroke. Let's just make a little bit larger you can see, and then you can customize it so these pads you can really customize and so on. So if you look at the available shapes in photo shop. There's a lot there to work with, and the idea is again. You're not just using this to create a local like the dog there for a veterinarian clinic or, you know the sun. Therefore, a hotel chain, the ideas that you customize it after you paste it into illustrator so you can use that by moving the points and paths around. You can adjust the width and the height and how they're curved and all that. So you do want to customize it so you're not just taking a ready made shape and then calling it your own design, you know, just pacing in there. So it's just another tip to check out and thanks. 5. Freeform Drawing Shapes for Logo Design in Illustrator: We've drawn a lot of shapes just using a pen or pencil and paper, and that is important in the logo design process. But I just want to go over some freeform tools they can. You can use in a logo design context to create custom shapes like this. So this is just one of many examples. So go ahead and create a new file in Illustrator. And if you use the pencil to a lot of times, is overlooked Now you can, of course, use some kind of tablet. But even if you're using a mouse, it can still be pretty useful. You can create custom text like Let's just say I was creating an s here and drawing it out . What's neat about it is that you can go back and then customize it even more. So I have the white drag selection tool. Let me fill out of Phil here Indian click and drag and move these things around. If you have too many points, he can zoom in and we can delete those are moving around. If you click and drag around two of them and again, object path, join or control or command J. It will join him. Ah, you can customize them after the fact for some custom text in a logo. All right, So you doing some kind of surf company surf shop? You can use this to create custom text, so it just doesn't look generic. Like you're just typing something in with a common fund. Or you can use a fund, of course, and then customize it as we've gone over in another lecture. So with this, you could also use the pen tool, right? If I just click, click and drag. Just freeform drawing is pretty useful, like so that's a little bit larger. Was Shoni that technique? Right? Um so the pen and pencil tool Don't underestimate them when you're drawing in, Illustrator, you can also use the pen and pencil tool Teoh create custom shapes. Like for example, I'll just do the one I showed earlier with the pencil selected. Just clicking. Let go click and drag. I'm gonna reset this angle here. So my click on that again to reset the angle and then I'm gonna click and drag over here. So now we have a custom leaf shape. Right? So what are one of the main things we could do. Weaken, goto, object and then transform transform each. And then we needed to be divisible by through here. 60. Someone rotated by 30 and you want it to rotate from the center. So make sure this is in the center here, and you can toggle preview to see what's gonna look like, but we're going to do is click copy and then you press control de on the peace, your commanding on the Mac, and then you got a nice little shape here, so that's pretty cool. You can tell it's not perfectly symmetrical. Causes a custom shape that I wasn't using reflect tool or anything like that to be perfectly symmetrical, but it looks pretty cool. Think so? If I click and drag around all of it and then appear where says Opacity, we can bring capacity down Saito like 60% or so, Or maybe 70%. Something like that. And then you can see where it wherever overlaps this a little bit stronger. And then, if you just want try different hues, you can just all on the piece of your option on the Mac and just click and drag and then just cheese. Different color here, that's gonna have the same effect. So there many different things you can do when you're trying to draw some shapes for logos using just freeform drawing. And then you add effects to it after the fact. So there many things you can do with freeform drawing. All right, so with the pencil tool again, I should trust something almost like a round of rectangle, But not quite. I shouldn't bring that in there. All right, So even something as simple as this hurt some of moving it. Let's resize a little bits you can see. And you could really personify this if you had you combine it with the use of some pre made shapes and then use the pencil tool as well. You're making some say video game company where you want some kind of personified character , right? Very basic. But it kind of looks better, I think, as just this more custom shape rather than a perfect circle, You can also use freeform tools with the shape that you've already used. So, like if I use the lips tool and then I use, say, pencil tool over here and I was gonna at a little bit of, ah personality to it there, select on both. Then get a window Pathfinder, and then we can just unite them. And it will create this custom shape so you can use these custom shapes in different logos . It's all about just experimenting and seeing what you can come up with. If you're looking for a similar look, let's just do some freeform drawing here with the brush and then I'm gonna use and then blocked that out there. Kind of give it a little bit texture on the edge without it being too busy, all right, and you could unite that. So far you can see a lot of these cool shapes that you can come up with that are pretty simple. Ah, lot of it's just going to be in a junk. You're just creating, like if you just drawing with the pencil tool and just kind of experimenting, you know, that's great. Just, ah, experiments you can come up with and then you wanna have it a little bit more guided, as you want. Make something not too busy for a logo, but we've got to sit there and experiment. See what you custom shapes you can come up with. All right. And again, just keep in mind. You want some of these to be recognizable shapes unless, just like a character or something like that. So if you're doing some kind of say, this was like a surf company and you've got this kind of radial flower pattern here and you just wanted to surfboard around it, you might think How about the pen tool? I'd be pretty easy. Just pull it over there, reset the angle, start over here. We're not worried about it being symmetrical for this example. All right. And then you would want to put that in the back, object to range, send it back. And then the cool thing is is if you think it looks a little it off, you know, it's ah won't be a little bit more symmetrical. You can always change it and adjust the anchor points and the pads in between where they're all located and also the angle like right here, for example, is there a lot of different possibilities with freeform drawing s? I don't think that we just want to you draw things on paper than scan him in and trace him over. We can extra free form in Illustrator and just add some effects after the fact. Whether it's other tools or options up here, like object, transform each that we can then start to create custom shapes that are both recognizable and distinct. 6. Drawing Over a Photo for a Logo in Illustrator: one technique to try in logo design is to trace over a photo. So in this example, we're gonna trace over photo. Here's the You see it here. Here's the original photo. I just took it a lake, and then the final result. It's just a pretty simple Loga, and you'll notice it's not a exact trace, because we need to simplify it. You do want to style ISAT. We also want to keep it simple. Otherwise, it's just gonna be, you know, very busy. Logo. All right, so I'm gonna go file new, just going to file new hit. Okay, Zoom in here and then just gonna file place, and I'm gonna use the same photo from earlier. This is swan here. Click and let go. And it's a little bit large. It doesn't fit on the art board here, So if you do want it to fit on the art board, we could just resize it. So just click and drag the corner there. Hold shift to maintain the original proportion, and it resumed in. You can remember do control on the peace, your command on the Mac, and plus or minus and you'll zoom in and zoom out. All right, so we have our image here, and I have layers. If you don't have that, we do need to do that for these tracing exercises. So just go to a window and goto layers. Make sure that's checked. Also have Pathfinder up. And then the tools panel. Of course, I'm actually gonna bring up the color. Well, I do have the colors on screen. We pull it up here, she can see it. There we go. All right, We need to just draw these really just three areas right in a background. So four shapes unless we create a couple shapes here and combine them in the Pathfinder. But eso for this, I'm gonna just create new layer. I like to just have a new layer for every single element just to keep it simple. So go ahead and choose the pencil for this example. I'm gonna set the Phil to none. And then the stroke, Teoh, just something that we can see. One point is fine. We don't want to fill because as you draw it, it would start to cover up some of the area. It would be difficult to trace over here. So for this one. I'm just gonna trace over the body here. So clicking, Let go clicking, like, go looking like, you know, Then I get a curve it so click and drag sh murmur using the pencil. Here, Um, I need to reset this angle here. Some click that again. Something like that. Trying to use as few points as possible. And this will just come straight over here and then this back area here, I'm gonna create one, like so reset that angle. Create another one. I'm actually to bring it over here a little bit. I started an exact trace, right. And I'm gonna make one more right ever here. All right? And bring this back up here, click and drag. Something like that. You need to reset that angle. All right. All right. So some, like it doesn't matter. That goes across because this is gonna be below Ah, the other elements. Like the beak in that area there. If any of you were biologists, you know what? I don't know what that is called, but you would know. I know that this is the I hear, so Ah, we can go ahead and fill this in if we want. So I'm gonna flip that. So there's no stroke and Phil, and this will be white for this example Set the filled white. All right, so it's gonna look like that, and we can always adjust it later, Of course. But so I'm gonna create a new layer. I'm gonna talk of the visibility of that layer that we just created because I want to actually be able to see this be Kerem. I'm gonna zoom in a bit. Animals, set the filmstrip to none again and see the big here. Just click that there. We should get the pencil selected. I have to reset that angle here, and we want to keep it simple. So you don't want to get every single little detail and curve and all that. All right, Something like that. And this one, she's some kind of oranges color. That's good. Then I'm gonna talk of the visibility that by clicking the icon on the layers panel and might create 1/4 layer here. Ham said this Phil and stroke to nine. I was gonna create the Syria here. I've been actually combine it with the eye here, so I'm gonna make a little bit larger, like so. If something basic here in I can fill this with black. And if we still need, adjust it for, like, you know, I need to move this over a little bit. You can do that. So just with the white direct selection tool can move that over, we're going to see if we need to do that in a second. But so have that. They're gonna bring back the beak. It's below this one, which is good. And then the body there, give me control or command minus to zoom out. It I kind of the photo. But of course you can't see it cause this was white. So what you can do is just create a new layer and draw out a rectangle for a background. I'm gonna make it some of the color. All right, that looks pretty. If yours aren't perfectly aligned up, you can zoom in, like right here. If you think that's just too blocky, you can move it around. You can adjust the anchor points. And of course, the curves on either side of anchor point. Some of it up a little bit, some like that. So if you wanted it just to be flush along. There's same thing here after bring. And if you find, you know, you just want to toggle some of those. You can do that. So do some like this. I don't want to click right on there. Bring that over a little bit. Then you can talk of those back. Ah, quick tip. Remember, if we want to select, say, like, we're on this layer here and we want to select something below it. Like, right now, I'm on that same on this one, but I would really want to select the black area. All right, you just click over here indicates selected art. So you click. And you it add the color too little box over there. That means you're selecting it so you don't have toe move things temporarily, or do you object to range? Send backwards. And for just to be able to select something So hopefully you've learned a lot. Uh, Got some ideas for using a photo. If the photo is yours, your finest first copyright goes. If the photo that this isn't attorney advice about, Ah, if the photos someone else's and you trace over and it's still easily recognizable. You know, you think Oh, that looks just like that photo that I saw. You can run into problems with copyright. So I would just say, even if it is derivative, it just depends on where you are and what those laws are. So I'd say if you do draw over some other photo that make it so different from the photo, that person wouldn't confuse the two. Okay, So when she traced over a photo like this, if you find it too busy, you can go back and revisit it. Ah, this is the one we just did is when I did earlier. Either way, I actually like the angle a little bit better on the beach here on this example. It is little bit crooked, though, so you can go back, of course, and rotate and adjust and make things simpler or combined. This technique with some of the other techniques have been doing like freeform drawing on the side or using negative space with Pathfinder. So have fun and practice that just use different photos for inspiration, whether it be and natural setting like a forest or animal like this, or if it's even something that is manufacturers or some kind of cityscape, I'll see in the next lesson 7. Using Custom Brushes for Logos in Illustrator: in this lesson, you'll learn how to create a custom brush and how to use a custom brush in the context of logo design. So these are just a couple of quick examples. I'm made using a custom Russia made pretty quickly and adds a little bit more personality than just a default brush to a shape. So go ahead and go to file new adobe illustrator and you can just click, OK, have a default size. It's fun. I'm gonna hide the art board in here. Just so we have a work space to work with. And so first thing we need to do is to create some kind of shape that we want to convert, then into a brush. So I'm gonna use the pen tool, and I'm just gonna click, click and drag just kind of slightly curved shape here. Something like that. All right. And then I'm gonna add just to fill and no stroke. We wanted to look specifically straight up or straight side was one of the other. So I was gonna set this suits looking pretty close to straight up. All right, so what you need to do to create a custom shape in Adobe Illustrator is to click right appear, says brushes. If you don't have that up there for some reason, you can just get a window than brushes and you'll see some default here, and you can click here and open up Open Brush library. There's a bunch there as well, but to create a new one, all you needed do is as long as this is selected, you don't have to go to any other thing. Just make sure it's selected, then click on new Brush right there and it's off the screen little bit. But basically it's a very top thing Where says New brush. So let me actually pull it over. She can see there again. So new brush right there and make this one an art. Russian will bring up this menu, and we need to set ours to straight up. So click that 3rd 1 What that means is, as you draw with the brush tool or create some kind of shape with the path with the pencil , for example, it's going to be in that direction, so we need click OK, and I can delete this and now we've got our custom brush right there. All right. So I'm gonna draw some kind of wave with the pencil. Click, click and drag click. Andrey, say, this is first some kind of surf company. All right? Something like that. And then I'm going to just make it. So there's no Phil, but there is a stroke, and then apply this brush all you have to do, select it, and then it applies it over there, and you can adjust it. Obviously, after the fact, if you want to move some of this stuff around so you might be thinking, Okay, I want this a different color. Well, it see how it doesn't change it. And what if you want to actually adjust the edge of it here after you've drawn it? Well, that's pretty easy. Just goto object and then path and then outline stroke right there. What that means is gonna outline it. Kind of like we outlined text just by right clicking over control, clicking over it. But instead of the outline test is gonna outline a stroke of a path as a bit too many. Ah, points on that. But it gives us this option now of adding a new color. All right, and we can also adjust the edge and you can go through. And if we wanna adjust those points, we can delete some of the anchor points. Add in some other ones and so on. So that's how you add a custom brush to use in the context of lower design to do one more real quick. Let's just create a It's a drawing with the pen tool actually going to you make a star here , click and drag it out. And then, instead of while it selected go to hear new brush, you can actually just click and drag it over on Topsy, it turns out that little plus sign that's another way to add a new one and notice we can't do cool liger, brasher bristle Brush with this elected Who can do? Scatter Brush Arte Brush pattern brush. Now if I just click, add new brush, then I can. All right, so if you use that shortcut and won't let you had certain kinds, but let's just say Arte brush for this one. Click OK, and then just click OK, and now I can use the brush tool, click and drag. It looks kind of funky and you don't know if you use this in the context of logo design. But just to show you how this works, it just stretches it out cause that's the options that we had. So have fun with that, creating some custom brushes again. You can access at large library brushes in the brush library here. So you click this topper and corner the brushes panel over Brush Library, and there's a bunch in there that we can check out as well. All right, thanks. And I'll see in the next lesson. 8. Shape Builder and Live Paint Bucket Tool for Logos in Illustrator: In this lesson, you'll learn about the shape builder tool and a live paint bucket tool in the specific context of logo design. So if you look at this here, it looks like a simple symbol, right? It's got symmetrical. It's kind like a flower shape. But as I hover over, you noticed these circles right? And he used the direct selection tool. Just click one of these. I can move it around. It starts to actually adjust the edge so it makes it a symmetrical, for example. Or it could rotate it something like that, making more like a butterfly type look and then use the weight selection again. Make it asymmetrical. There's many different things we could do. So how do you create something like this? Well, this is actually pretty simple. You go to the Ellipse tool, so go ahead and create a new illustrator file. Click and hold on to the rectangle tool gonna lips, tool, click and drag out Just a shape here. And if we want to see the edges, let's just make no Phil and then have just a skinny stroke here. So flip those so that you have some kind of color for the stroke. I just have one point. And then no, Phil and then all on the PC option on the mat, click and drag and hold shift. So it remains level in like that. All right, then click and drag, but rumble for these and then all or option click and drag again and just hold shift. So go straight down. You just want to bring the top of that area here to meet the bottom of that. So that looks pretty good. And you can see the pattern here, right? It's right there. How do you make that? Just a shape. Well, what we can do is I'm a selectable here, and I would just make no filling, no stroke. So basically, that has no coloring in it there, and we're gonna add it with you. Click and hold over, hear clicking old under the shape builder tool and just go to a live paint bucket. And so now you can see the fill color there said it's just set to none. So if you press the left and right arrows on the keyboard, it will cycle through. Those is changing it over there, which, you know, if we wanted some kind of custom color. We could click there as well, or you compress before you do that left and right. So I'm gonna just click here, click there, click there, click there So we've got our shape here, and if you click off, then you've got a custom shape just by using the live paint bucket tool. So what it does is wherever there are shapes, overlapping, or if there's just a shape that's not overlapping. Anything else, you can fill it with that paint bucket tool, and even after the fact, we could still move it around. We can resize this, of course, the whole thing with the selection tool. Or you can use the direct selection tool and just click and drag one area and just customized. Say you wanted to be a symmetrical something like that, you know, just trying experiment there, and then you could use that in a logo. So what if you want this to be just a normal shape where you don't have these extra lines here that even though they don't print out, you just want to be be a normal shape? You go to object and then expand comes up here and object. Phil Stream. That's fine. Click OK, and now you've got the shape. They're just like a normal shape is if you drew it with, say, that pencil toll or some of the shape tools and just customized, All right, so now we can use the white arrow moving around, customize even more, or the black selection tool, and I'll select all of it. You can go to object on group. It'll on group that. Do that again. There we go. So that's how you come up with more custom shapes using the live paint tool so you can create some pretty cool shapes. These is more. This might be too busy for a logo per se, but things like this are pretty fun to make. You can experiment and just try different looks. Something like this. All you have to do is just click and drag a circle out, and then just hold on all on the PCR option on the Mac and then with the selection towards click and drag, click and drag, click and drag or even selected all click and drag again, and you just get this these ah overlapping areas and then do you use again live paint, bucket tool Just to show you this again. It just fills in certain areas and kind of gives you a preview With that kind of border Look, he compress the left arrow changing color. So it's pretty fun a technique being come up with different things. Now this one as well as like, this one. And this one here is zooming out. This one was actually just duplicated, but this one and this one above it. What you do is you draw some kind of shape out. So I should say that polygon tool click and drag it and just press that down there until you get to the triangle and then hold shift if you want to be level and then what you can do is just go to object, transform, transform each and just change it to some kind of rotation and click copy handed 45 degrees on this one, and then press control needed to do it again. And then, well, didn't he do it again? But anyway, you can almost is like a spire a graph effect at this point. So then you can just select at all and then click none and then live paint, bucket tool. And again, you just fill this in and just be creative with different colors. All right, this is gonna be a little bit too busy, probably for a logo, but hopefully get the idea and the technique in the context of logo design. So practice with that, The other one shape builder tool, you know, traditionally we wanted, say, create a logo with some clouds, right? We could just click and drag and then click and drag, click and drag and click and drag to make a basic cloud shaped. It's pretty simple, and we want to select around him. We don't just go to object group. What weaken Dio, of course, is go to the Pathfinder if you go to unite and united, right? Well, what you can also do, alternatively to that is, do the same thing where you draw out couple shapes here, select a mall and then over on the shape builder tool. What you do is click and drag, and whatever you click and drag over it will make that a shape all right, so I could click and drag over all of this, obviously, and it would make it just one shape. But as you can see here has got that extra behind it. It cut apart into different shapes. Right, Which you could use to make it kind of a simple shape. Here. Have you wanted all of theirs? Go back ourself you on all of those as a one shape builder tool and just click and drag whips. It's got to be selected. So I said, then shape, builder, tool and you just click and drag around all of them. All right, Now it combines It is one shape. So the same effect you've got this with Pathfinder. This with the shape builder tool. Now, if you're clicking you clicking, let go clicking Let go clicking Let go and then hold all on the peace here option the Mac that'll actually subtract from that shape area. So if you do something like that, it will actually get rid of those parts of the shape. All right, so now you've still got separate shapes here cause you click and drag it over him with the plus, but just trying to give you 90 of what that does in the context of logo design you're trying to create simple but stylized and distinct shapes, and so just experiment with that and see if we can come up with. But if you want to make some symmetrical shapes like this, or asymmetrical or just experiment with different methods, just check that out. It's the shape builder tool. Is your building a shape by clicking and dragging over many of them, or just selecting him? And again, all or option. You can subtract from the shape and then live paint bucket Tool just paints either shapes or where shapes are overlapping. There's something like that you could create pretty quickly with that tool. So if you want, just goto file safer Web and save it as a J Pay or PNG and then just uploaded to the course discussion board for critique and we can check out what you've been working on. Thanks