Creating a Coffee Icon Set in Adobe Illustrator for Beginners: Design Process - Sketch to Vector | Anne Bracker | Skillshare

Creating a Coffee Icon Set in Adobe Illustrator for Beginners: Design Process - Sketch to Vector

Anne Bracker, Graphic Designer, Adobe Max Speaker

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Lessons (1h 24m)
    • 1. Introduction

      1:09
    • 2. Creating a New Document in Illustrator

      2:25
    • 3. Setting up Your Workspace

      5:08
    • 4. Illustrator Layers and Appearance Palettes

      6:01
    • 5. Colors, Color Guide, Swatches, Brushes, Symbols, Align, & Pathfinder Palettes

      8:17
    • 6. Tools Used in Icon 1 - Coffee Packaging

      6:47
    • 7. Creating Icon 1 - Coffee Packaging

      11:42
    • 8. Tools Used in Icon 2 - Tall Coffee Cup

      5:22
    • 9. Creating Icon 2 - Tall Coffee Cup

      14:44
    • 10. Tools Used in Icon 3 - Coffee Pot

      3:58
    • 11. Creating Icon 3 - Coffee Pot

      11:39
    • 12. Collecting Graphics and Exporting

      5:55
    • 13. Wrap Up

      0:40
12 students are watching this class

About This Class

I'm Anne Bracker, and in this absolute beginner-level class, I want to help you learn the basics in Adobe Illustrator while creating a cohesive icon set. You This is a follow-up to my Skillshare Original class, Learn Adobe Illustrator: Fundamentals for Beginners.

Join me as I share my Illustrator design process from simple sketches to a complete vectorized icon set. You’ll learn how to:

• Set up your workspace and move around your artboard quickly and easily
• Use fundamental tools to create shapes and lines
• Introduce color from an existing color palette, and edit the colors in realtime
• Incorporate keyboard shortcuts to speed up your workflow

After taking this class, you'll be able to use Illustrator easily and efficiently to create a simple and consistent icon set.

bf9bbe06

Follow me:

Twitter: @how2graphdesign

Facebook: facebook.com/GraphicDesignHowTo/

Behance: behance.net/abracker

Youtube: youtube.com/c/GraphicDesignHowTo

Transcripts

1. Introduction: Hi, My name is and Bracker, and I'm a graphic designer and illustrator in Kansas City. I also have a YouTube channel with graphic design tips and tricks, and I have my own, etc. Where I sell a lot of digital downloads, and I also submit my vector graphics to stock websites like Shudder Sock and Adobe Stock. Today I want to give you the basics of how to use Adobe Illustrator, and this is a beginner course, so you don't need to know anything at all about Illustrator or even opened it before because we're going to cover everything that I think is important to really get started in illustrators. And we'll actually be applying all the things we've learned into creating some little icons that you can actually use in projects. And by the way, you don't have to stick with the exact projects I'm making. You can put your own spin on him that is totally fine and then make sure to upload them to the project section because I love to see what you guys have created. Illustrator probably seems a little overwhelming at first, but with little practice, you'll be creating your own graphics in no time. And don't forget, you can always play the video at half speed and stop and start if you need Teoh. All right, so let's get started. 2. Creating a New Document in Illustrator: when you first open illustrator, it looks something like this. You'll have the ability to create a new document right here. Um, open something that you've already created, and then you have some options for creating a new file right here. So if you're in goaless to print this out, you'll want a print document. So that would be like an a four or postcard if you wanted to end up on the Web or if you're going to share it on social media, you go with Web page iPhone, HD TV, and then custom. And even if you create any of these, you can change them to the other type at any time. So I'm gonna go ahead and create new and I get even more options here. I can go up here to the most recent documents that I've opened in the past, um, saved ones these air ones that I've downloaded from Adobe stock in the past, so you probably won't have anything in this section. If I'm designing for Mobile. I have some options here. We'll give you different sizes of Web pages. And as you can see with the Web stuff, the color mode is RGB and the PP iess 72 because that is what it's standard for Web. But if we come over here to print the PP, I has changed 300. Now is the sea and like a document, and this is just a difference in color and how many pixels per inch you need for the different document types. So if you're printing something, you always need 300 peopIe. I at least and with newsprint you can get away with a lower amount. But with Web all you need a 72. If you use 72 with a print document, it will look a little blurry. I'm sure you have increased the size of your photos and you can see how they blur. That's because the P P I is less than 300. We also have film and video, some options there and then art and illustration. And as you can see over here, these air 72 DP I So they're assuming you want to show them on the Web. So let's come back over here to the Web. Like I said, you can change this at any time within your document, so don't worry about it too much. Let's make a new document 600 by 600. When I upload images to the stock photo and stock vector sites, I always use a 600 by 600 size because that one is accepted by all of them. So now we have our document, and it's a perfect square. As you can see, 600 by 600 in the next lesson, I'll show you how to customize your workspace. 3. Setting up Your Workspace: before we get started, I want to mention notes. You can click on the little pushpin on the skill share interface and leave me a note at any time. And I can also leave notes for you to kind of clarify what I'm talking about it in given point in the video. Okay, we created a new document, and I'm on the essentials workflow. So if you go up to the window and goto work space, you have a lot of different options here for what you're going to use. This document for essentials is a good one to start out with, so we'll start from there. But I really customize my screen so that it makes more sense for me. So we'll start with essentials. And then we're going to customize this, and I want to show you how to do that. Now. First, I want to show you how to go ahead and change from a Web to a print or print to a Web will go to file document color mode. This is not really an exact science, because even if you choose RGB, which is the Web one, you can still print that here printer and it will still probably look fine. But if you want to get really perfect colors and that kind of thing, you want to dio seeing like a color. So if you're doing print you want see him y que In general, if you're doing web, you want our DB So we're going to do Web. Let's choose RGB, which it's already chosen for us. So first thing when I get in here, I'm going to go to a window and control. And when I click this, it'll give me this bar up here. Now this bar will change depending on what you've chosen over here on the left. These are your tools in their tool bar. Now essential starts with a lot of very basic windows and I need a lot more than that. Will Goto window. And here are all the possible windows that we can choose to have up at any time on our screen. The first window that I use a lot is a line, so this actually comes with three inside it. And so if we look up here under window, you can also find transform and Pathfinder here. But they all come bundled within the align palette. So the align palette. I'm going to click right on the top and then drag it underneath here until I get a blue line right here on the bottom. And if I release, it will be in this other sort of window. So uhm, I'm going to do that with a lot of different palates. Let's just go in and grab. Um, I do want my appearance, and we'll do the same thing, will grab it on the top and then just wait till we get a blue bar here. And now add a column. I usually like to work with two columns or three, although when I want a laptop, it really gets kind of tight in there. So I really tried to do just to We'll grab color and this one I want right at the very top . So I'll grab it on top and wait till I get a blue line up there and release okay. And I'd like to get layers. Sometimes when you open the window, it'll just Adam to parts of what you've already set up over here. But if you click and drag right on the name of the palate, you can move it around. So I'm gonna take my layers and put it right up here. And I want it above my appearance. So I'm going to hold until I get the blue horizontal line and then release. All right? Definitely want my stroke. Now for this one. I want to be in a bundle with layers, so I'm going to click the word, drag it up. And now that whole thing has a blue square around it. So once I see that, I can just release and it will go into the same window palette. Definitely. One are swatches, and this also comes with a bundle, and I always keep those in there. So to move the whole bundle, I need to get above the words. So up here in the darker part, we'll just move that right underneath color. And now I don't actually use properties and libraries very much. So I'm going to you pull this one out, and then click the X in the upper left, insane with properties. I'll pull it out and click the X. And then the last thing I need is type. And if you choose character, it'll bring up another bundle and usually I put this one right above the layer. So I'm just going toe, drop it in. Their transparency is nice to have. So I'll put that in here. Swatches. I like to have expanded so I can see my swatches and what's there. So all that will click that. And now I have a list of colors that I can choose from. Now, if you have other palace that you use quite a bit, go ahead and add them into this workflow. And then you can say this workspace so that if you move things around and it gets all jumbled, you can just click it and I'll go back to the way it waas. And to do that, you just goto window works face and new workspace. So right now I really like the way this is set up. So say new workspace and I'm gonna change this to skill share, too, because this is my second skill share class will say OK, so now we have all of these pallets set up the way we want them 4. Illustrator Layers and Appearance Palettes: Now I'm going to show you how all of these pallets work. So I'm gonna click over here on my rectangle tool and draw three rectangles that overlap each other. Okay, so right now, my three rectangles have a fill of white and an outline of black, Another word for outline and the design world ISS stroke. So we have a Phil that's the color, the white, and then we have a now outline or stroke. So if we want to switch these, we can just hit this arrow right here by these two colors. And now you can't really see the white outline, but it's there. And then we've got a black sil so we don't switch these back and forth, and I'm going to click on my foreground color and shoes red. Then I'm going to click on my stroke color and shoes green and will increase the stroke. That's right up here at the top before, so you can see it a little bit better. Now, with the selection tool selected, you probably will still have that selected click on the 2nd 1 And we're going to give this a stroke of magenta. I'm gonna increase that stroke a little more, and then I'm going to click on this last one and we'll fill this one with orange and we'll leave the black stroke. So we have three pretty ugly rectangles right now, but these are great for just showing you what each of these palace does. This is a character palette, and since we're just creating icons and not working with type today, we're gonna skip that. But basically it allows you to change all the settings in the current selected text if you have any. The layers palette is really great if you want to just lock a layer that you don't want to touch anymore. So let's say we wanted to keep the orange from being selected. I could create a new layer. Highlight the orange block, which is on layer one, as you can see, and this little blue square indicates what is selected on layered want. Now we click this little square, move it up now that weren't is on Lee or two, because little eyeball, it will hide everything on layer to we click the eyeball on layer one. It hides everything that's on layer one, and we can also just create a new layer and draw something on that layer. So I'm going to get my rectangle tool and draw another rectangle there. And once I've done that, it's still highlighted, and it shows the selected art that's only or three. So if we only wanted to work on Layer two and never select the things on Layer three and one, we can lock those. And that's what this space right here is so we can click this and click this. And now, if we move back to our selection tool and highlight everything here, we're only going to get what's on layer to a lot of people who use Illustrator used these layers to make sure things are behind and in front of other things, and I think that's a very good purpose for it. But it's also a great thing to be ableto lock layers and not accidentally be moving things on them. Like I just said, these are also ways to move things in front of or behind the top layer is the front most layer in our document edging and see. It's on top of this white. Right now we have this rectangle, which is on layer to, and if I move this whole layer behind layer one, it will move behind it. If you're used to Photoshopped, it's the same concept. Except I feel like in photo shop you really use layers all the time for everything. And you really don't need to use layers in the same way. An illustrator I usually Onley use layers to lock things down, but it's whatever works for you. OK, moving on to the appearance palette, this palette is a way that you can stack different pieces onto the same object. This rectangle has a one point black stroke and it, Phil. Right now the stroke is in front of the pill. So we zoom in on this. What's happening here is half of this stroke is going over top of the orange part, and the other half is going off the edge. So if we move this behind the orange part by clicking over here in the space, you can't click right on this number or you'll get this. But if you click it over here in the space and dragged this below the Phil now, since the stroke is underneath it, we're only seeing half of it. Right now, we're only seeing 0.5. That's the part that was kind of falling off the edge. The other part is underneath the orange. If we increase this now we have a five point. So that means 2.5 is what we can see, and the other 2.5 is underneath the orange part. What's really cool about the appearance palate is you can dio several strokes or even several different pills on the same objects. So if we hold option and click and drag, we can create another stroke and another way to do the same thing. All command Z to undo is the click and drag onto this little page right down here that does the exact same thing. It just duplicates the stroke when we copy it just puts an exact copy right behind it. So I'm going to change the color of the stroke to agree. And I'm going to increase Teoh 10 so you can just keep on adding strokes, different wits. And that's a really nice way to do things because then you don't have a bunch of copies right behind each other. You just have one object to deal with, and then you can always come in here and just click and ah, change this. Let's say we want to change it to 35 and I want to click on it and now I'm going to come down here and add yet another one. Change the color and increase that. So this is all one shape and you can just keep adding different pieces to it. So the appearance palette is a really handy way to have one shape, have a lot of different outline, things like that. 5. Colors, Color Guide, Swatches, Brushes, Symbols, Align, & Pathfinder Palettes: OK, moving on to the color palette. I'm going to double click this a few times to get this view. This is the most options we can have from the color palette. This is just kind of an easy way. Teoh, change your colors. Right now, our rectangle has a fill of light orange, and then it kind of goes with the outermost stroke, which is this one for this right here. If I just choose a different color here, that only changed the outermost stroke of the appearance. So if I wanted to taste some of these others, I can just click on the stroke and then come up here and and change the colors here. You can also just click a color right down here. Whatever you want. Another nice thing about the appearances. You can change the opacity of things. I'm gonna change the opacity to 70%. And now you can really see what's happening when you put the strokes behind the fill with the blue line. Remember how half of it was showing and half was hidden behind the orange. Now you can see that other half and with this 35 points stroke, half is out here in half. It's here, so we're not actually seeing all 35. We're seeing 17.5 and saying with that 39 point stroke. So if you start playing around with capacities, you can kind of see how the appearance palette works Now. Color Guide of Here Color Guide is kind of nice if you need different variations of the current color that selected over here. Right now, we have a stroke selected. I say it's selected because the one in front, if I want the warrants to be selected, um and then we go to the color guy, you can see that we have some orange options. So let's say I wanted ah, a lighter orange against us. Choose that. So it's a really nice way to be able to quickly choose colors that are in the same tone range, and they're right there available to you moving on. This watches. Swatches are just sort of pre made colors. You confined tuna color here. Let's say we wanted Teoh change this color to a lighter pink. If I really like this pink and I want to use it a lot, I'll just save it to my swatches. And to do that, I just click on the new Swatch button. It will give me some options here. This is an RGB color. Um, you always wanna have global checked because it makes it easy to change all the colors at once. Later on, we'll say Okay, and now it's been added to our swatches. So it has a little white triangle in the corner, and that means is a global swatch. All of these up here do not have white triangles, but they're not really once that I'll be using. So I'm not going to worry about it. The brushes palette will probably come preloaded with a few little brushes that you can try . We can click on a rectangle and just click on a brush and we zoom in. You can see what it did to the edge of it. Brushes are like strokes, so they're not going to do anything to a fill. Their more four outlines. We can also use our brush tool that's right down here and draw with one of these brushes. But the breast to will only work if one of the brushes are selected so sometimes it won't let you do it. All you have to do is come over here, choose a brush, and then you should be able to brush with no problem. And then finally, symbols. You might have some symbols preloaded here. And when you use these, you just drag one into your document. There kind of a more advanced feature. So I'm not really going to get into symbols today, but basically you can make your own symbol. You can add it, and then you can pull that symbol out and reuse it any time. So that's sort of the most basic form of symbols. But it really gets pretty complicated with symbols. They can be very useful, but they're pretty advanced. This is the transparency palette, and if you have something selected, you pretty much have the same options that you have in appearance. So we can click here on a pass, it e and do everything. They look exactly the same, right? So if you don't like having the transparency palette open, we can just pull it out like this and click the X. Alright, then we've got the Transform A line and Pathfinder tools transform. I really don't use it that much. I just leave it in there because bundled. But if you wanted to change the width, you can do that here. However, you can also click right up here and changer with and height. You have more options down here, but I only really need to change the width and height sometimes. So I just use the control panel for that. With the align tool, you'll need to select more than one object to align them. So we're going to select all three of these. And if you're not able to select something, go into your layers palette and make sure you don't have one of these locked. So we're gonna line these along the vertical axis so we can click that we could align them on the horizontal axis. But the thing I find myself using a lot in this talent is, let's say, I want all of these an equal distance apart. So to do that, I first click this one and what that's doing, its aligning the center points of these. But I would really like to align the space between them. So to do that you come down here to distributes facing, and we'll do the horizontal distribute space, and now the space between then is the same, which is what I want. And we can also align them this way, too. So I really do use the aliant palate a lot. It is very helpful. If you can't see all the options, just double click the word a few times. There are three views of a lion, so just keep clicking until you get the one you want. And then we can also aligned Teoh, the art board. The cardboard is this white area right out here, so if we click align the art board, it'll line everything right along the top. If you choose that one along the bottom, etcetera, make sure when you're done aligning toe art Board that you choose alliance the selection because you'll sometimes wonder why is everything a lining up their disappearing when I maligning? It's probably because this is a lyinto art board. Now. Pathfinder Pathfinder is extremely helpful and useful. So also you quickly how that is used. I'm gonna drag some of these and overlap them again, and there are a few shape modes and Pathfinder's the shape modes that I use the most are unite and minus front. The other two. I don't really use a lot. They just don't really work well in my workflow. And then the main Pathfinder I use is the divide, so we'll just go over those three. So first, the unite tool, I want to introduce you also to command why which is view outline. So we hit command why? Or control why? On a PC, we can see what each shape is made of. Remember when we added all those strokes to the one shape? This is just showing us that it's still just one shape back there and same here. We've got a bunch of different pieces, but they're all on one shape. So when I use my Pathfinder, I'll select these two and using night. If we do command why this has actually become one shape. And so this could be useful if you need to actually join two pieces together. And the way it works is whichever shave is on top. That's the appearance that the combined shape will kind of gravitate to. So if I combine these since this one was on top, the orange and the black is the new appearance and the other one just completely goes away . You'll lose that appearance. Now I'm going to grab both of these. So anywhere where these pads are overlapping, it will create a new shape. So we have this one. We will have this one and we'll have this. It looks like there's green in between here. I'm just going to go ahead and change this outline to something else because I suggest a highlight so I wouldn't have divide right now. And now you can see was happening. We've got this piece in this piece which took on disappearance because this appearance was on top and we have our other piece. And so that is how the divide Pathfinder works. You can go ahead and close that file by hitting command WR Control W on your keyboard because you don't really need to keep any of that 6. Tools Used in Icon 1 - Coffee Packaging: So now I want to introduce you to some of the tools in the tool bar thes air going to be used to create your new coffee packaging icon. So let's get started. Okay, so let's create a new file. Go to file New and it make sure it's 600 pixels by 600 pixels and RGB and 72 PP. I And if you don't see those, you can click advanced options and they'll be under there and then say creates. All right now I want to talk a little bit about art boards. Let's hit command minus to zoom out a little bit. You can hit that a couple times to really zoom out and command Plus to zoom in. Now, this art board, this is where your main graphic will be. If you have other things, you want to keep maybe some ideas or something like that off to the side. This is a space that you want to keep those in. These do not print, and everything in here will print or be part of the graphic that you export. Okay, so first, let's get our rectangle tool that is right here. You can also hit em on your keyboard, so let's draw one of those. Just click and drag. If you hit the letter D, you'll get a white Phil and a black stroke, and you can draw several of these. Have them overlapping. Now, to move these around, you're going to want to use thes four tools right here. Let's start with the selection tool, so let's click that you can also hit the letter V on your keyboard and we'll select this one. And now you can click and drag to any location with any of these. So that is what the move tool does. The selection tool Now direct selection. If you click this one this, you can click on either a path. You have to be right on the edge for this to work, and you can drag in any way that you want. And if you hold shift, it will keep right along that same plane. Or if you go up and down, it will keep it along that same plane, so we'll leave that one like this. If you click on a point with the a tool, which is your direct selection, you have to click right on it again. You can move that point around independently. The main selection tools that I'll be using in this section are just this V tool in a tool selection and direct selection tools. Now, if you want to move around your art board, you could just hit the space bar and then changes to this little hand. And then you can click and drag and move things around like that. It just changes your view of what you're seeing of the art board. And another great way to see things a little better is a zoom tool, and that is E. On your keyboard. So we'll hit Z and you can see down here the tool that's highlighted. So with the Z tool, we can just draw a box around the part. We want to see really well, and then you can hit command minus to zoom back out. We'll do the same over here. Now we can see easily the parts that we might want to manipulate, possibly with the aid tool, all right, and now we'll zoom back out. It will use the hand tool with the space bar to move around again to kind of center. It we can also hit command zero and that will fill our screen. So I used command zero command plus and minus and the Z tool a lot just to move around. And, of course, the hand tool. Also another keyboard shortcut that I want to introduce you to. That I use constantly is command. Why? And command why might not seem that useful right now, but I really think you should get in the habit of just hitting it, hitting it again, hitting it and hitting it again to see what the shapes are actually doing. So if they're filled with different colors, you can command why and see where they stop and start. Even though you can't see this line behind their, it actually does exist and command. Why will show the wire frame of that? Next? We have the pin tool that's P on your keyboard, and it's right up here in your toolbar. The pin tool can be really kind of difficult to get the hang of, but what we're using it for today it's very easy to use so hippie and then click once, and when you move, you'll see a line being drawn toe where your pin is currently click again. You'll see that again. And if you just click once and don't drag, you'll get straight lines like this. And let's change the color yellow. We're not going to be using this in this next icon, but if you are on the pin tool and you click once and then you click again and drag, you get these handles that move around based on where you're dragging, too. So if you click again, you can get another one. And that's how you get really flowy shapes. Now. Another tool I want to show you is the reflect tool, and you can get to that by hitting O on your keyboard. So here it is, up here in the toolbar. You can click here to to get that, and I want to show you a couple different things you can do with the reflect tool. First you can hit Oh, and then you can just drag it like this. You can hold, sift and drag and get some different ways to move it. But the way I used the riff like tool the most, it's just to hit oh and then hit return. And when you do that, you'll get a reflect dialog box so I can either change this to a vertical. We can preview to see what is going to Dio, or we can do a horizontal reflect. So if I click preview off and on, you can see what's going to happen. So we'll say OK, another great thing you can do with the reflect tool is you can send an anchor point. Let's hit Oh, and now you can hold option and click where you want that anchor point to be. So if we wanted to do a vertical one, here's what it would end up as you can see how it's reflecting based on the anchor point. Now let's say we want to of those we can just click copy and now we have two pieces that have been reflected based on this anchor point so you can play around with all of these tools. Now there's one more thing I want to show you, and that is the I tool. The I tool is the eyedropper, and it can be found right over here and anything you have selected, you can click on another color, and it will sample that color. So first you want to select a piece with your V tool and then click I and then you can sample the colors of another piece. So I'm gonna sample this red. And now this one has been filled with the same fill, stroke and size of stroke as this red piece over here. So that is really helpful. So let's create our new icon with all the tools we just learned. 7. Creating Icon 1 - Coffee Packaging: So let's start a new document by hitting command in or control in on your keyboard. You can also go to file new. We'll choose 600 by 600 p. P. I a 72. And if it's not, you can change that right here in the advanced options and will create. The first thing we're going to create today is coffee packaging. So I'm going to grab my package and pull it right onto the page like this. You can do your own drawing, but you can also go to class Project and then attached files will be on the right and then you can either do what I just did, or you can go to file place and navigate to it here. So first I'm going to get on my layers palette and we're going to create a new layer. Uhm, I'm going to lock this layer that has the artwork on it and now make sure that your clicked on layer to the new one that you created. Otherwise you won't be able to draw on here, and first we're going to get our rectangle tool. If you click rectangle. There are a lot of different options under here. But for now, we're just going to click rectangle, and this is also the M tool. I want you to hit in and T V, and you can see that your tool is changing for those. So try it again in t the So I'll usually refer to these tools as the M Tool or V Tool and also show you on the toolbar where those are and for each lesson I'll have a resource to that shows you the key commands that you'll be using for that lesson and that is also in class project and then attached files on the right. OK, so let's hit em for our rectangle tool. I'm gonna start right here on this corner, click and drag all the way down to here. Now you might have a white Phil and black background, and that's what we want for now, if you don't have that, you can just hit the letter D and it will change it to a white Phil Black outline. And that will always work that way. If you hit the letter D with something selected Now, um, one thing I want to make sure you have checked right now, let's go to view and come down here and make sure that snapped. A point is checked and this is nice because it will always just snap to the point you want . You don't have to really line it up. So I wanted to make sure that is checked and then we'll come up here, hit him again, make sure that your rectangle is selected and we're going to get right on that anchor point and draw another rectangle and see how it kind of snaps to that other one. That is a great thing. So I'm going to let off now. Your selection tools will help you to move these pieces around. And right now, my tools are all in one row and I don't really like that. So I'm going Teoh, click This little two eras button appear the top, and that gives me a few more options. But I'm used to having a lot more options in my toolbar. I'm going to click these three little dots down here at the bottom, then will come right up here to the top of the fly out and to use advanced. And this should give us all the tools that I really need to use. Your toolbar might already have all of these options. Um, I'm in C c 2019 right now. And so the way this is set up is a little different, maybe, than if you're on a older version of illustrator. And then we'll also come up here to edit toolbar and will also go to reset. If this isn't great out, just make sure you reset it. And that should give you a similar looking toolbar as to what I have right here. Okay, So I want to introduce you to the A tool. The A tool is the direct selection tool. And so let's grab that and I'll click right on the edge of this line. You have to be on the edge of the line for this toe work. Pull this holding shift to slide it over. Just like that. If we hit command, why, we can see our two shapes. We can also see this outline of our link, which is what You downloaded this piece right here. Okay, Now let's hit him again, and we'll start right on this point, and I'm going to click and drag and make the top part of the coffee package. So now let's give our pin tool by hitting P or coming right over here to the pin tool. If you click right on something that's already selected, it's going to have a little minus sign right beside it. And if you click from there, it's actually gonna delete that point. So we don't want that. So a lot of times I'll just start where there's no selection. I'm right here on the anchor. I'm going to click once. Hold shift, come up here to this anchor. And then there's an anchor here, too. I'll click there. I wanna hold shift and come right down here and then we'll complete the path. If you have a little oh, by your pen tool, that means it's getting ready to complete the path. Okay, so we have half of what we need. So now we'll do our reflect tool. So hit O on your keyboard. Or you can come right over here to the reflect tool, and I want to set my anchor point right on this point, so I'm going to hit option and click, and now we'll make a copy. Now I'm going to draw the little package label by hitting em and clicking and dragging. So now I want to color this. So to do that, I'm going to bring in a color palette that I found online. And I got this from color palettes dot net. Okay, so let's go to file place. And this is also in the class project attached files and then I'm just going to draw of box to bring that in. I usually start with an existing color palette, and then I do a lot to modify it. So by the end, I'm not really using that same color palette, but it's just a good starting point. I'm going to use my V tool to select this piece and then all such to my eye tool. That's the eyedropper, and it's right over here, and I'll choose this kind of coffee color. I also want this piece and this piece here, so click once with your V tool and hold shift and click this other piece. Then we'll use our eyedropper tool to sample this piece. I want this to be a little bit lighter, so all use this piece now with my V tool I'll click this switch to my eye tool click ones and then we'll go to our color guide. I want this to be a little bit darker, so I'm going to choose this 10 and it looks like at some point I maybe hit X and I flipped thes, and I actually don't want to stroke here, so I'm going to click back Slash To clear that out. You can also hit this button right here that says none. And it will get rid of your stroke. And now we'll hit X to bring this to the front. You can also just click on that. If you want. Teoh now will choose that darker color. Okay, so we've got three different shades to color this image. And then I'm going to click on the label and will make that this blue color. So all hit. I click once and now we have all the colors. Now I'm going. Teoh, switch back to my V Tool, the selection tool. Select everything like this. And of course, we don't select this background because in the layers we have that locked. So that won't be selected, which is nice. And then I went my stroke to be in front, so I'm going to hit X to bring that to the front. You can also just click it to bring it to the front. Now I want a sample, this darker color. But if I just click it, it'll change everything. Teoh, Phil. So, to just get the stroke to change to that color, you can hold, shift and click it. So if you accidentally had that happened, you can just command Z and undo. So now everything is colored with that. Now I'm going to come over here to the color guide and pick a darker color. When I make icons, I really like sick lines, so we're going to go to the stroke palette an increase this a lot. You can either highlight that number and just use your arrow keys. You can choose a point size from the drop down, or you can just use these little eras to go up and down. So I think we'll put this at about six. It looks like some of these strokes are a little smaller and summer bigger, and that's because the alliance drug is not set to center. So let's go ahead and put that it center. And now it looks like our alliance need to be thickened again. So let's do that. Another best practice tip for icons these days is to round your corners. Um, if you have things lined up exactly, I'm gonna hit Z and zoom in here. It will come over. You know, the stroke is going all the way out to this edge. And this stroke is coming in like this so we can avoid that problem by clicking the round cap and around corner. Now, we actually don't really need to do. The cap cap is for lions that are not connected into shapes. But I just always doing both that way. If I forgot that I had a line somewhere in my drawing, which in this one we don't we have only closed shapes that that way. I just kind of cover the basis I'm going to command minus and zoom out a little bit. And then one problem as I look at this, that I don't really like, is that it seems kind of tall. And I like my icons to be kind of squat and sure, I think it's cuter. So I'm going, Teoh, adjust the bottom of this. And to do that, I'll hit a And I just want to select these points and not these points up here so I can start out here and draw a square around just those points. As you can see, they're kind of filled in red and these up here or white. So that means I've selected just those points and I'm gonna hold shift and hit my up arrow key. And it's not really going very fast. So I'm gonna just that real quick command K will bring up the keyboard increments, and I like to have it set at about one pixel. If I hit the A bear, a key is slow, but if I hold shift while hitting the a barrow key, it goes a lot faster. So I think about right here is good. I went to remind you that you don't have to completely follow your drawing. If you're seeing that doesn't look quite right, you can make adjustments. Of course, I think it's a good idea to trust yourself as an artist and make changes based on your best digit. Okay, so we have all the pieces here together. One hit V and draw a box around everything and group it. That's command G. We can also go up here to object group. So we're done with the first icon in our coffee icon set. So I want to say this as its own document. So I'll do file save as and we'll call this one package icon and save it. And it's a good idea to put them all in one folder because we will be opening those again and putting them all in one document. I find it can be easier to, you know, keep all these pieces separate. Combined them later, especially if you're a beginner to illustrator. It doesn't hurt to have a lot of files. They're very small files with illustrator. So let's hit command W or Control W on a pc to close this one. Okay, Icon one is complete 8. Tools Used in Icon 2 - Tall Coffee Cup: Okay, so let's go over some new tools that will use when making this next icon. Let's go to file new and will create a new document 600 by 600. We want us to be pixels. We want the color mode to be RGB, and, um, we'll make it 72 pp. I and of course we'll get that warning because it thinks we're trying to do a print document. But we want a web document. So it's okay, Okay. And I'll hit command zero to center the document in my space. So let's draw a few shapes on here. I'm gonna start with the rectangle tool. Let's do a rectangle. Um, well, hold down rectangle and get on a lips tool and make a circle, and we'll also make a star just for fun. So let's move this one down a little bit. I'm going to make a copy of my star, so I have it to do this. I'll just option drag it. I'm on my selection tool. I'll click and start dragging, and then I'll hold option, and this will let me make a copy. Now I want these two to become one shape so I'm gonna highlight both of them. And there are a couple different ways to do this. We could use the Pathfinder and unite them. Or we can also use the shape builder. And I'll show you how to use both ways. Will unite with the Pathfinder first. Pretty easy. It just makes it into one shape. So undo. We can also use the shape builder. We've sort of works like the Pathfinder. So to get to that, I want to hit shift em. And it's also right here in your tool war. When you're using this, you have to have at least two shapes selected. So it's gonna highlight different parts of what it sees as the States. If we'd click and drag across all three, it does the exact same thing. It's the Pathfinder. Every night. All undo Command Z. If we hold option, we can also click parts of it to delete. So that is another cool use of the shape builder tool. Now, I don't want to see this one anymore, so I'm going to hide it, which is command three. And we can always bring that back later. But right now I only want to work with this circle and this star. I'm going to pull this star over top of the circle and now I'm gonna grab both of them and divide them. When I divide something and they're overlapping, it'll create a group. I usually don't want the group so we can just hit shift command D or objects on group to have those not be a group anymore. So I'm gonna combine these. But if I move this away from the circle now, you can see that it's not a circle anymore. Since we divided it, let's say I want to work on this star separately. So to do that, I don't want to keep selecting the circle on accident. So to do that, there are a couple ways you can lock it, you can hide it, or you can just move the star away, work on it and then move it back. So let's do that. I'm gonna hit V and I'll hit return. And now I'm gonna move it 1000 pixels to the right and zero pixels vertical. So I'll say OK, and now it's gone. It's disappeared. But if we zoom out, you'll see is over here and that is exactly 1000 pixels to the right. So now I'm going to get in care with my zoom tool, and I'm going to choose the pencil tool, which is the end tool, and it's right here on your toolbar. With the pencil, you can start one direction and then continue. And as long to end up on that same path, going the same direction, you can redraw the path. So here is what I'm talking about. So I've got it. I'm starting on this part of the path I'm doing whatever out here. And then I'm gonna end up on that path, going the same direction. So down this way and now it's just completely redrawn that shape. And I want to show you another part of the pencil tool, which is a smooth tool. It's actually its own tool, but you can toggle between the pencil tool and the smooth school by being on the pencil tool and holding the option key. So I'm gonna get back on my in tool, which is the pencil tool, and toggle to the smooth tool by holding option. And then we can kind of go over these edges and smooth them out Now I want this to be back in the exact same place it waas. I'm done working with it. So I'm gonna hit V in return, and this time we'll send it minus 1000 pixels. And also vertical should be zero. So it's not moving up and down at all. It's moving right and left. So I'll hit return and now will hit Command zero and you can see it's put it back exactly in that same place. So that's really handy if you need to work on something severally from the other things. When you duplicate something you can keep on duplicating it by hitting command D or control Deana PC. So I'm gonna drag this and hold option. And then I'm just going to hit command e a lot and you can see all the copies it's making. Okay, so let's delete this. We don't need it. So go to file clothes or command w and don't save. Okay? And that's pretty much all we need for the new icons. So let's get in the building that now 9. Creating Icon 2 - Tall Coffee Cup: Okay, let's create a new file. Let's go to file new. We'll make this 1 600 by 600 RGB and 72 pp. I and create. Now I'm gonna hit command zero to get this in the center of my space and now file place and we'll get the tall coffee image and will place it just gonna put it right in the middle. Here. Click and drag and I'll hit V and move this over a little bit. And now we go into layers. I'm gonna click this little page of the bottom and then we'll lock this other layer. I'll make sure to be on layer to the one that has nothing on it yet. I think I want to rotate this a little bit, so I'm gonna unlock it, click on it and then get up on a corner like this and rotate it a little bit. So that's a little more straight. If you don't have this option, you might not have your bounding box on. So go to view and show bounding box. If it's not on, you can also hit shift command, Be OK, so it's a little straighter now and I'm going to lock it now. Now I want to draw this shape, and it's got a lot of different angles in it. So to do this, I want to get my pen tool. So hit P on your keyboard, and now you probably will see that you have a little No, you cannot draw little icon up there. So the reason that's happening is because I'm on layer one and that's locked. So I'm gonna click on layer to and now I can draw for this. I want to draw half of it, and then I will reflect the other half. So I'm gonna start about in the middle. I'll click once, hold shift and click again. That will keep it on the same plane. And then I'll click once here, and I'm going to just draw all the way down to the bottom, and then I'm going to make it straight on the bottom. So hold ship there too. Then I'll complete the shape I want to duplicate this object, and I also want to reflect it. So I'll hit V click on it and then hit Oh, which is my reflect tool. All option. Click right on this point. I want to reflect it on the vertical axis. So choose that and then we'll copy it. We have to exact copies. And we've chosen anchor points that they reflect the way we want. All right, let's hit command. Why? To see what's going on here. Now I'm going to zoom in. I'm still in command. Why mode, Which is the preview mode. And sometimes, if you didn't quite get the drawing exact, you might have these points not lining up here, and they might be a little off like this. We're going to be using the Pathfinder here in a moment. So you want those pass to be either overlapping or exactly lined up. So I'll just click on this point with my a tool and drag holding shift so they overlap. And if we zoom out with command minus and then use our hand tool, which is a space far, we can see that they're overlapping. I think I'll just click a and drag this on a little more to make sure it's overlapping. Okay, I hit command zero to get everything in my view. And now hit command. Why again? To go back. Teoh, the regular mode. Okay, so we have our two pieces and I want to combine these with a Pathfinder. So I'm gonna hit Z and then draw a box around both. And then we'll come down here to Pathfinder and will use the Unite shape mode. And now we just have one piece. Now that I have this one piece, I can't really see what's going on behind it. I can hide it with command three or control three on a PC. So let's do that now. Now I can go ahead and draw the other shapes I need, and I can also see what I'm doing. Another option is to move this out of the way about 1000 pixels away. So we're gonna do that option now, all hit V to get on my move tool and then return. And now we have some moving options. I'm gonna put this at 1000 pixels to the right. You can go Ah, 100 pixels or 500 or whatever you want. Just remember how many pixels over that You sent it and we'll do zero vertical. So 1000 horizontal zero vertical. And then we'll say OK, now if I zoom way out. You can see that It put this all the way over here. This is 1000 pixels away, and now we can continue with our drawing. So let's hit em again to get the rectangle tool and I'll draw this piece and then also draw this piece here. I want this piece to kind of follow the shape of the other one. So I'm gonna bring that back, I'm gonna click on it and then hit Z return. And now we're gonna send this negative 1000 pixels to the left. Say okay. If you use the hide option, go ahead and hit option coming on three toe. Unhygienic that I'm going to use my hand tool to move back to my drawing. So as you can see, we have almost all the pieces we need already. I'm going to select them all with the V tool drawing a rectangle around everything. We're gonna ally in these with the 2nd 1 horizontal line. So everything's lined up now and now will switch to the Z tool, the zoom tool, and we'll draw a box around these things. I want this piece to be angled similar to the other one. So I'm going to click with my a tool and just grab this anchor point. Now I'll move it to write with my era keys, and I don't know if you can see that, but it's not going very fast. So I'm gonna hit command K and change my keyboard increment to one pixel. And now when I move, it's a little faster. I can hold shift to make it jump even further, so we'll get that at about the same amount. But now I really want this to be the same on both sides, the same angle. So I will copy this with command. See all pace in front, which is command f all reflect it with oh so hit. Oh, return and we'll do a vertical and say OK, so I have to pieces right on top of each other, but once reflected the opposite way. So if we hit command, why, we can see each piece separately, and they're just right on top of each other Command. Why again? To get back to normal. And now let's select both of these with the V tool. I'm gonna start from out here and dropbox just around those two. So I have them selected. And now we're gonna use the shape builder tool to subtract the pieces we don't want. So I wanna hit shift I m on my keyboard. That will bring me to the shape builder tool, which is right over here. So now I can option click and get rid of these pieces that I don't want any more. We're really close to being done with our drawing, but we still have a few little pieces under there that we need to see. So I'm gonna hit my V tool, draw a box around everything and hide it with command three. So just these little lines are all we need. I'm going Teoh. Unhygienic. Everything now toe unhygienic re thing. You just have to hit option command three or all to control three on a PC. And to get those little pieces, I'm going to just select this line with my A tool. So select that if you notice the points, they should all be white. If they aren't, that means you selected too far in and didn't get right on the line. So I'm gonna copy that and I'll click off and now paced in front with command s. So that is just giving us that line. It doesn't have the rest of that information, and I'm gonna move that over. The reason I did it that way is because I wanted to duplicate an angle that we already have . It doesn't make sense to try to redraw that if I already have this angle right here. So I'm gonna zoom and with my Z tool. And now I'm going to use my a tool click on this and just bring it down right on that line . And same in here. All hit V to get my V tool. I'm going to start dragging this and then hold shift and option or Shift and Ault on a pc to make a copy of it. So we need a lot of copies that go through here. And so I'm gonna dio about half of them to do this in an easy way. We can go toe object, transform and transform again, or command de sole hit command e a few times now. We're about halfway. I think so. I'm going Teoh select Just thes. And if I do that, I'm also gonna select these pieces here. So this is where command why gets really useful if you're in command. Why mode? You can select these pieces without selecting these other pieces. And so I use it a lot for selection. So I'm gonna copy these, and then I'm going to hit Oh, for my reflect tool. An option click right in the middle and then make a copy. All right, so we have quite a few. I think that might be a few more than we need. Click with the V Tool and remove some. Now I want to select all of these, but I don't want to select these things. That one way we could do that is do command why and do what we just did. But we can also log these other pieces. So let's get R v tool click and drag right down to here and then command to command to is lock. You can also go to object lock selection so you can see the command to or control to on a PC. So these are locked now and these are not. That's what we want. Thes. Start about right here and these are a little further over. So I'm gonna hold shift and move these over a little bit, too. About the same spot as these. It doesn't really matter. And now I want Teoh distribute the tops and the bottoms separately. So to do this, I'll hit a and all Grab all of these bottom points and this is what, the direct selection tool. And now we'll distribute spacing and do horizontal distribute. So these are all equally the same amount apart. We'll do it to the top as well. Okay, so they're all equally spaced. But they still maintain different angles to make it look more realistic. Okay, so now if we select everything with the selection tool, we're still only selecting these because the other things are locked down. So to unlock them, you can hit option command to now is a good time to go ahead and save this. We probably should have saved it at the beginning. So let's go to file. Save as. And I'm gonna say this as tall coffee icon and save at this point, we're ready to color our image. So let's open our pass icon. We'll go to file open and then we'll get our package icon and open that I'm gonna click once, copy and then go back to our tall coffee icon and paste. I'm gonna move this over to the right, and then I'm gonna use my V tool or a selection tool to select the entire thing. And then I'll use I for the eyedropper and click this color right here. Now, when we create an icon is best if the space in between is this thick as our lions and this is pretty thin right here compared to our lines. So I'm gonna delete this one right here. Then I'm going to hit command. Why? So I'm gonna draw a box just around these, and we'll come over here and do horizontal distribute. Now they seem a little too close to the top. Going to hover over this handle an option, drag it so that it re sizes from both ends and then we might just move all those down with our arrows. I'm gonna command minus I want the color. Some of these things of different colors. I think I want my lid to be the darker brown color. But when I click on this, you can see that this is all one shape, and that's not something we want. We need to have these be different shapes. We need this a shape in this, a shape in this issue. So when I'm going to do is I'm gonna still like these two shapes, and I'm gonna divide them with the Pathfinder tool. That way, everywhere where it crosses will create a new shape. So let's do that now. And that gave us what we want here. Now, when you do that, it will also groove them. You can see in your appearance palette that this is a group. So we went toe ungroomed this object on group or a shift command G. And now we should have different pieces. We've got this one. We've got this over here, and we've got some different pieces here, so this one is fine. So I'm gonna hide it. Command three, and this piece is fine. I'm gonna hide that one. Command three, and then I'm going to select all of these pieces and unite them. So they're one piece again. And now I'm gonna unhygienic re thing, which is option command three. Or you can also go to object show. All right here. Okay. So I'm gonna click on this one. And this one, which I want to be the darker Brown all use the eyedropper tool to select this piece here. And I think I want this piece to be the blue. So I'm gonna use my eye dropper and click the blue, All right? And I think we're ready to go. So let's get rid of this packaging box and will come up here toe layers and we'll hide that other layer. I'm not going to throw it away, but you might want it later, but I'm gonna hide it so we don't have to look at it right now. All right? And you can hit Command s on your keyboard to save. Okay, so we're done with this icon, so I'm going Teoh command W to just close the window. All right, So, icon, too, is finished. 10. Tools Used in Icon 3 - Coffee Pot: Okay, We have just a few more tools to cover before we start on our last psych on. So let's get started on those. Okay, let's go to file new, we'll create a 600 pixels by 600 pixels rgb 72 pp. I document and then we'll hit command zero to center it in the area. So first, we're going to start with a circle tool that is underneath the rectangle tool. It's steel, It's tool. And I usually get to it by hitting L on my keyboard. I'm gonna hold shift to get a perfect circle. And then, um, I'm gonna redraw part of this path with the pencil tool, so I'll hit in again. And now remember how he said, If you start on the same line and end on the same line, it'll just redraw the path. That is what we're going to do now. So I'm gonna start on this path, and then I'm going to just a redraw this and we'll end up going the same way. I kind of want this to be kind of a weird shape, but I want to use this part of it to draw another shape down here. And to do that, you don't have to try to match exactly what is here because it's already drawn for you. So to just select that part of the path, you can use your a tool and draw a box just around those pixels. Now, I've got all of these that are filled in. And then we've got white ones out here so the filled in ones are selected. So I'm gonna copy that. I'm gonna click off and then I'm gonna pace in front. So if we move this down with our arrow keys, it has a fill on it right now. So I'm going to get rid of that fill by hitting the question mark or backslash key. And if I move it down, you can see there's Onley, that line that I selected with the A tool. You can also do this with a Q tool. So if we hit Q, that is the lasso tool. So that way you can get in there and get the exact points you want. Just these, say coffee. That and paste. And that is just the points that you selected. The Q tool can work really well in your workflow if you need it for precision. Now I'm gonna move this back up and I'm just going to hit my p tool for the pin and just kind of continue this on down. Maybe something like this. Maybe it's some kind of like strawberry shortcake house or something I don't know. And so this is a good way to do things if you want thes two pieces to be different colors. Otherwise you would just draw this big shape and then put a line across it, and that would be fine. But you wouldn't be able to color them separately like this. So that's the reason to actually have to shapes that touch each other perfectly. And that happens a lot when you're drawing icons. Now, if I click right on this corner point with by a tool and copy and paste, that will give me this point, this point in this point, so it's a point you chose and the two points on either side of it. And then if I copy just this line coffee and paste that that has the two points on either side of the line that I have selected this middle point actually is only showing the middle point. It's not a point that you can actually manipulate, So if I choose it and try to drag it, it doesn't work. It's just the center point. Now, if I want to connect these pieces back into another shape, I could do that pretty easily. With the A tool I'll click this point. I'll hold shift and also select this point. And then I can either hit Command J, which is join, or I can go to object path join, and that will join these. Now if I hit command, why, you can see that this side isn't joined, but since we have a fill, it doesn't know where to stop the fill. So it goes all the way out there, so I'll go ahead and highlight thes two points and then command J with those two on. I think that's everything you're going to need for this next icon. So let's get started 11. Creating Icon 3 - Coffee Pot: Okay, let's go to file new Let's go with 600 by 600 rgb color and screen 70 to create. And it'll hit command zero to center it in the middle of my screen for this coffee pot icon . We're going, Teoh, go to the finder, grab the pot and pull it in. You can also go to file place. And I'm just going to grab this kind of center it on the screen with my V tool and dragged the corners while holding option and shift option helps it resize from the middle instead of a corner. And then I'm gonna ever on the corner. So I get the rotate eras and make it a little straighter. Now I'm going to create a new layer, and we're gonna lock the layer with the artwork. All right, so let's get the pieces created. So I'm gonna hit L for my circle tool. You can also go to your rectangle tool and hold until you get this pop up and then come down here to the Ellipse Tool. So with the Ellipse tool, I'm going to click up here kind of in the corner and drag until I have this circle shape and keep in mind, you can always move it around and use the handles to kind of bring it in, bring it down or whatever you need to dio. And now I can't see anymore what's under that. So I'm going to hide it. Command three. And now for this piece, I think I'll use the pin tool. So hit P. It will click once and hold shift to draw this piece. And now for this rounded piece, click about halfway down and drag. We'll get a little bit of a lip there. I want a zoom in with my Z tool and then I'll get on my P tool again. I can click right on that anchor point and continue drawing. If I click down here and then drag a little bit, I can get a little bit of ah, curve going onto that part, but I need to come straight across over here. But if I click over here, that's going to have a curve, and I don't want that. So to get a straight line, I'll just click this anchor point again, hold shift and click here, and then I can complete the path now I'd like this to be a little more straight up and down , so I'm gonna hit a click right on that anchor point and then use my arrows to go over a little bit. Now command minus back to the rectangle tool hit in to get the rectangle to always is over here. And I'm just going to draw a rectangle right here. I also want to split my circle. So I'm gonna draw a rectangle here too. Just go all the way down. It doesn't really matter where you end it as long as it's passed where the circle would be . And I'm gonna hide that piece to with command three. All right, Now I want to draw this piece. And this is a little more of a challenge because I wanted to line up perfectly with this top piece. So to do that, I'm gonna hit a and select that piece of that shape. So right now, we only have this bottom line selected. I'm gonna copy that, and then I'll click off and then I'm gonna paced in front with command F. So I'm gonna zoom in hit V, which gives me my selection tool and click this piece and then hide it to with command three. Now I'm left with just the line that we copied and pasted. I'm gonna get my P tool again. That's the pin Click once on that anchor point and come down here to the peace that as farthest to the right so probably right around here and then click and drag. We don't want that top part of the curve to be higher than that horizontal lines. So I'm going to have the curve come out. If you go right left, you can see what it's doing to your curb, and then I'll release. And like I said, the pen tool does take some time to get used. Teoh. And when you're using the pin tool, it's good to have just an outline and no, Phil. So I'm gonna click this button to get rid of that fill. You can also hit the back slash and a question mark key to get rid of that Phil. Now I'm gonna click on the bottom most part down here and drag a little too. But don't let your aunt your handles go too far out. So right about here is good and then the left most part of this. You probably don't have to drag very far at all here and then just a tiny bit here. Click and drag, and then we'll come all the way up to here. Click and drag again, and probably all the way to here to get a good angle there. You could hold shift to have these be either 90 degree angle, and now I'll hold shift here and complete this shape. When I'm drawing with the pin tool, I kind of think North, South, East, west. So I want to go is Far East as I can with my anchor points, and then go is far south as I can, And if I notice that it's not giving me a nice line, then all go in between those. But it's a good starting point to just always go as far to the north, south, east and west that you can. You can always use the smooth tool to kind of smoothies out later, so let's hit command why, and see how our shape looks. You know, it doesn't look great right now, but let's get to the smooth tool that's underneath the pencil tools So if you click and hold, you get the drop down and we can choose Smooth tool now. So smooth tool. You can just go around the edges of what you've drawn, and it will smooth it out. So I'm gonna smooth this out a little bit in this out up here, too. And this is pretty close to what I want. So I'm pretty happy with this now. I could hit command. Why again? Now let's unhygienic free thing. So that's option command three or object. So all so these two pieces we went to divide and then throw away this outside thing because we have some liquid in our coffee pot when those two pieces to be separate so that we can color them differently. So we'll come down here to the Pathfinder and with just those two pieces selected, holding shift to select both at the same time, click this divide button. Now they're group together. But if we use our a tool, we can just click in that section and delete it. But I also want to align the pieces that are left, so I'm going to highlight those with my V tool. The selection tool and this one We don't really need to center this one, so I'm not going to select it. We'll come over here to the line and center, then, okay? And let's move this piece up so it kind of overlaps with that autumn of the circle. And then we'll want to bring this to the front and that shift command left bracket. You can also go Teoh objects arrange bring different. Now, these two pieces, because they were divided, have become a group. So let's UN group these with shift command G or object on group right here. So let's select these pieces and hide them with command three. I went a few lines here, so I'm gonna hit P to draw those. So I want to start with the longest one click once and draw it. I'm gonna bumps a stroke up so you can see a little better when I'm doing all this copy by using my selection tool to click and drag and then hold option and shift. Then I can hit command d a few times. Okay, so I think we have enough now. I'm gonna select all of them and it looks like I grabbed the handle by accident. So I'm gonna shift and de select that and then move these over. Now, some of these are working really well. These four are fine, but over here we need these to follow the curve. So I'm just going to grab my a tool and grab that edge and you can move it around that you can also, It also leaves that current one where it waas so you can see what angle to follow. And I'll do the same here. Maybe Teoh here and here. Okay, So at this point, will unhygienic all we could go to object so all And now we can kind of see how tow line this up a little better. I'm the hit A and pull this one down just a little bit the same here. So they kind of go around this curve. OK, so we have all the shapes drawn. So let's save this. And you should really be saving all the time because you never know when illustrators going to crash. Let's go ahead and open up. Our previous icon will open the package icon again. Now this one, we can just click once because it's grouped copy it and go back over to the pop icon and paste I'm gonna command minus to zoom out and we'll just pull this one over here, and then we'll zoom in again. Let's use our V tool to select everything. And then I'm gonna hit I and will change everything to this cream color. It also adds all the strokes, which is a really good thing to Dio just at the beginning. Let's click off because our strokes air so big these air touching. So let's zoom in and I'm gonna hit command. Why use my a tool? Select just these points here and we can just move those down. Command. Why the see how it looks? It looks pretty good. So let's grab these down here and move these up a little bit, okay? I think that looks nice. Coming in minus. This piece is now touching, and I don't want that. So I'm gonna hit V. Click it and then just with my arrow keys, I'll move it over a little bit, and now this is a little off, so I'll hit a just click right on that point. And on this point to and then with my arrow keys. I'll move these back over and I'll click on this and move it over to I'll just stretch it. And now it seems like it needs to be smoothed here. So let's get our pencil tool and we'll grab the smooth tool. It's kind of smooth this out a little bit, and I think that looks really nice. So I think we're good to go now. The coffee party. I want that to be the darker color, all selected with my V tool and shoes I for my eye dropper and then sample that piece over there. I think it would be cool if this was blue. So I'm gonna hit I and select that one. And now the bottom. I would like to be this kind of tan color, and I think we're looking really good right now. So I am going to select this piece and delete it and all hide this layer. Maybe we should smooth this out a little more. I'm gonna get back on my smooth tool, which is under your pencil tool, and we'll just kind of go over some of these areas. This kind of smooth them out so they look nicer. And I might actually choose some of these points and just arrow them over a little bit. Get them away from that edge and you can hit Command s on your keyboard to say I'm going. Teoh command W to just close the window. And now we're finished with Ikon three. 12. Collecting Graphics and Exporting: all right, so now we can grab all three of our icons. I put them all together on separate art boards. So now let's open all three files. We'll goto file open recent. I've already got the pot icon and the package I can open, so I'll grab my tell copy icon and we'll zoom out a bit. And I want to put all of these in one document and I don't want any of the extra stuff in there, so I'm gonna create a new document file new. I want this one to have four art boards. We've got 600 by 600 I want four, so I'll increase this to four. We also want RGB color and screen, so I'll hit. Create. So now I'm going to grab my pot icon. I don't think we group these, and it's a good idea to do that. So let's select all of it and then hit Command G or controlled Gee on a PC. And now we'll copy it with command. See? Go to our new document and paste. I'll move it right up here into the first art board. Now we'll go to package Icon. This one's already grouped. So I mean, a copy it and I'll move it right up here into this art board. And then we'll go to the tall copy icon so I'll select all of this hit command or control G and command. See to copy. And we'll go, and we'll put it right on this one. Now I have this last art board so we can combine all three into a cool a little icon set. I'm going to select these two and I'm going toe, start dragging them and then hold option to make a copy and then also start dragging this one and hold option to make a copy. And now I'm going to select all three. I want the strokes to be scaled. So to do this, I'm gonna hit s and I'm gonna double click my scale tool. And I'll make sure that scale, strokes and effects is checked. And it is so we'll say Okay, we can just grab the corner, hold shift and resize these. Move them to the middle. Let's zoom in a little bit. I think our strokes are a little bit different since we did them at different times. So I'm going to click on this one, and this one has a little bit higher than a five point strokes. So I'm gonna change this toe five and I'll go ahead, highlight all and change them all to five. So now they all match perfectly, and I feel like our sizes are a little bit off, so I'm going to try re sizing these. So first I'm gonna make sure that that scale tool is not re sizing my strokes. I want the strokes toe all say the same. Now we'll say, OK, so I think the packaging should be a little bit bigger like this and the other to look pretty good. So I'm just going to leave them that same size, but I think I'll rearrange them a little bit. Let's move the coffee icon over here. I'm gonna hide that with command three. I'll move the pot to the right, hide that command three and then move the package to the middle. And now we can option command three and bring everything back and then kind of space them out a little bit, using the V tool and then the arrows. And now that we have everything in place Let's save, ask file, save as and we'll call this all files. But in my videos folder and save. Now let's resize and that kind of space everything out. Now the colors are nice, but I think I wanna kind of tweak them for this one that has all the three images on the same page. So I'm gonna select them all and we'll come appear to the re color artwork tool. And here I'm gonna go straight into edit. This is what I use mostly I don't use the other parts of this. It's a really robust tool, but I really love the color change here. So let's make this more like a teal. I'm gonna click on this, Brown. I'm gonna increase the saturation and maybe we'll make it a little more orangey brown. Same here. I think I want this a little more orangey brown and same over here getting kind of pink. Actually, I don't want that so you can really play around with these little points and see what kind of color to get. Okay, I really like this kind of greenish teal. All right, we'll say, OK, I'm going to reduce the size of this art board. To do that, you can hit shift. Oh, now I'll get you to this tool, which is the art boards tool. You can just drag on a corner or handle and that's it. Okay, I'm in command, minus So we see all the different pieces we made. Now, to export these, you can do it all at once. And it's a really great feature of having art boards and illustrator. So let's go to file export and Export as. But I'm gonna start a new folder for these and I'm gonna call it PNG Files. And now we're creating non scalable versions of these, so you'll still have all the illustrator files that you saved. But if you need to make different sizes of files, you should do that from the illustrator version, not thes arrester versions that we're making now. So I'm gonna put use art boards, PNG and will export. Then we want them to be screen so that we can easily upload them to social media or anything like that. And then we'll have the background be white. You can also have transparent background. If you need that, we'll say Okay now, when we go out here to the finder and we go to PNG files. We have PNG files that are upload herbal on social media or anywhere on the Web, and we have our little icon set here. 13. Wrap Up: Well, now you have your own icon set and I hope you learned a ton about illustrator in the process. Please upload your projects. Teoh, the Project gallery. I love, love, love to see your stuff. I love the sea every base creations. I also have another class It I have already taught. If you want to check that one out is a skill share original. And it's also about the fundamentals of illustrator. And I hope you take a look at that. And above all, keep practicing your illustrator skills. I know it seems like a lot of hard work now, but you'll get faster and faster and you'll get better. And it really is a great skill to have in your graphic design skill set along with voter shoppin in design. So thank you.