Learn the Basics of Adobe Illustrator CC 2018 | Anthony Zubia | Skillshare

Learn the Basics of Adobe Illustrator CC 2018

Anthony Zubia, Product Designer & Course Creator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (39m)
    • 1. Introduction

      0:24
    • 2. Create A New Document

      2:43
    • 3. Left Tools

      18:20
    • 4. Right Tools

      9:16
    • 5. Top Tools & Settings

      8:20

About This Class

The latest version of Adobe Illustrator has been released so I'm celebrating with a new class! Watch my videos to learn the basics of Adobe Illustrator which include various tools such as:

  • Arrow Tools
  • Shape Tools
  • Pen Tools
  • Color Tools
  • Type Tools
  • Artboards
  • Rulers
  • Guides
  • and much more!

Transcripts

1. Introduction : Hello. Do you have the latest version of Adobe Illustrator and Wonder? How are you supposed to use these tools on the left? These tools on the right and these settings at the top? Well, today's your lucky day. I'm Anthony Zoo BIA and art director and freelance graphic designer, and I will show you the basics of Adobe Illustrator Creative Club 2018. Let's get started. 2. Create A New Document: everybody, thank you again. We're watching now in my second class and I'm recovering The basics of illustrator recently Lunch is the Creative Club 2018 version, and thanks again for watching. You're going to teach you what I know and hopefully learn a lot from this. No, let's get started. So when you click, create new, they're different, you know, types of files they can use. There's mobile, which has a different screen sizes. Same thing for Web. If you're designing a website for print, you have letter size, a four legal tabloid and for film, you know, there's a different video types video dimensions for our an illustration this postcard sizes, posters and anything else. So just for you know this video saying, I wanna click letter You know what? You go two inches 8.5 by live in kind of the standard printing size. And so there's different, you know, units that you can use this points what you can use and then also pixels you can use for for websites and things like that. Like if you're designing a Web banner that needs to be a certain with and high, you can input those right here, So getting back to it, you can click as many art boards as you need, which I'll cover art boards a little bit later. There's also a bleed that you can set, which, for example, it will set up a red line around your document so that you can drag. You know, any of the colors are artwork that you're using. So that way, when you pray in it, you know there's not white space around it, for example, whenever you trim it and things like that. So for color modes has RGB and see him like a seeing like a is for printing. Well, RGB is for, you know, web and screens as you can Seasons. I'm in a print version, doesn't want me to use RGB. You seem like a matches, the inks and your printer. So the raster effects is you know, pretty much the quality that you were printing at when you click create. Here you go. You got a nice day and 1/2 by 11 document 3. Left Tools: So in this first video, I'll be covering these left tools Pretty much the things that used to create that's a starting off is the selection tool. You know, basically, for example, will come to the to the shapes. Over here, the rectangle tool. We just draw a shape. This arrow is what's used to be ableto to move it around, change its size and things like that, while the direct selection tool, which is the white arrow pretty much alive is you, Teoh kind of select any points as you see right here in the corner. So if you click one instead of dragging the whole shape when you drag, it is just the point. Just like that Taken. Grab any of these points, or if you select one and hold shift, you can select multiple points and see am dragging now that one side instead of just the point. All right, Magic. One tool is pretty much using for selecting things as a whole. Well, this lasso tool you can, you know, so like certain points. So look them that way. All right. Now there's the pen tool. The pen tool has a lot of value to it. It's something that I first learned in design school, and it takes a lot of practice, and I appreciate that some other videos covering it, but I just do a quick walk through so you hold it as you're clicking. And as you can see, there's like a little path following. Ah, the pin tool. You can start building a shape as you hold it, so you have a little shape there. And if we noticed on the pin tool, it has a little arrow in the corner. If you hold it, you get some various options. So the one with the pluses add anchor point. So if you go on on this path right here, just click the plus and it just added a point. Well, the one with the minus deletes it. I am believing the points and in the anchor point creates it as kind of a new one from scratch. It kind of helps even things out now. Well, you can also do with this anger. Point is, you can select one of these handles, and now you're selecting just that one. Well, for example, if I go back to the white Arrow and click one of these. You know, I'm using one of one of these handles, but instead of cutting in half, it's still attached to the other side. And so there's various ways that you can edit shapes with these tools. The curvature tool helps add a curves to your shapes, and now I want to cover the type tool right here. So if you double click and automatically, you know, you see this little rectangle would automatically as text in there making double quick. You know, start typing whatever you want, but the thing that I don't like about just double clicking when you start it is that instead of having a text box, it just automatically attacks and you don't want to enlarger warp your text just like this . The type doesn't look good, not consistent. You don't want to do that. So a quick delete and what I like to do is hold it and create a whole text box. So that way you can edit your text individually and see you can change the size of it. You know more if we have like a paragraph and I'll be covering type in the in the later videos because there's a lot to get into in that. But these are also the different things that you can do with the type tool. You know, you can type on a path, for example, will them to go to the lips tool. And so I have, ah, circle right here, but which I just wanted as a line. So which I can actually click the swap, but and and so now, instead of having it. But black feel it is now a black stroke. So let me get back to the type on a path tool. So I'm on the path. Double click, and there you go. The type is on the path. You can change it up with size appear, seeing create some cool logos and designs. That way, Just delete some of this stuff. So right here next to it, there's a different lines that you can create. And so, unlike the pentacle, you just create the lines one of the time. They're not used for for making shapes, and there's different ones, too. You have, like little arc, even little spiral. So now here, the different shapes that you can dio you can do a rectangle or if you hold shift, make a square. And again, I'm glad that Phil, you can do around it. Rectangle does. He has the round edges. But you can also click this and see these little circles in the corners. You could just drag those and you can make rounded corners like that as well. We got the the lips tool bids again if you hold shift to make a perfect circle. It was a polygon which, if you just click once, you can actually choose how many sides you would want it to have. So they have a nice, perfect triangle even have a star. We have over some basic ways to make some shapes. We have a paintbrush. You know, if you want to take it back to the old school Microsoft paint days, we can use the pencil is well to make little lines, man. Here's the little eraser. No, you want to erase certain things, you know, even on on the shape too. You got scissors, which is more about the points. You just took out some of those points on that. The knife to war. Let me select the first the night tour and pretty much cut it in half, and so now it's two separate pieces. Now there's the rotate tool much. Let me select this. Click the rotate and, as a holy can rotate your shape. But if you click just once this little kind of cross hairs, you can put it in the corner, the kind of angry in that corner toe. Have it be that pivot point. So now, instead of it's circling and center. Now it's on that point, so hold is down for the reflect tool. So again, I clicked it for to put the center, and it's reflecting what you can't really tell on the center version. If you click in the corner, see, it's reflecting. What's another thing you can do? Click the corner everything you do that you hold option. If you notice on the cursor, it's black and white. You can actually duplicate you're shapes, for example. I'm holding option, and it duplicates things for you as he hold it down. And then another good thing to know a good, quick command. His command Z is undo with undoing your last action, and that's that's going to save your life right here. And then there's a scale tool you know you want to scale your shape, make it bigger. There's the sheer tool. What you have that that mostly warp said, you know, at an angle. And then over here are different. You know, Morse that you can do to your shapes. So that was the work tool. The twirled tool you can make a little shapes like that. The plucker tool blue scallop crystallized and the wrinkle add wrinkles on there's there's a lot of cool things you can do with that. And then this is the free transform so you can do things like change the size and select it . Click on the corners again. Rotate your shape on this one right here is the perspective grid. So if you wanted to draw shapes alongside of ah grand, make it you know more. Three. Be looking, and then when you hold it, this one right here is a selection tool so you can move your shapes as a you know, alongside the grid, thinking to work type of grid, or you can hide it. There's the mess tour so that you can select individual pieces of that shape, and also I zoomed in by President Command plus and command minus. We'll zoom out Just another little quick command that will save you some time, then this right here is the Grady and Tool when we select this shape. And so I clicked on it and so turned into a Grady int what you contains, You know, like the middle more to it. You can bring this in tow, ADM, or the black bring this and ADM or the white would have a double click. He didn't change the color of it of one side. You can click the other one for the other side. You know, the possibilities are endless with it. Then the I drop tool. So, for example, when we select this shape, the I drop will give this fill whatever you click on with the eye drops. So I'll turn this into the same Grady int are you know, if I wanted to be black like this one, I can do that again. If I wanted to be just the stroke and click on that one. Right. So this one right here, the symbol sprayer, you can click over here and click on the on any of these symbols we're gonna believe Click this vector grime. And there you were, kind of making little little splatters with it. And hold this and you can change them up. There's a scrunchie to bring him in between the size of it. Rotate them a lot of cool stuff you can dio All right, that's right. Here is for making different grass If you want column Stag bar graph lying graph pie graph . So there's my graph you can put in your different access increments put save And there you go. You made a little graph. Now this right here the art board really comes in handy. So you know this is your 8.5 by 11. But what you can do does make another one. You know, again, I'm holding option. You're just duplicating. It really comes in handy. If you're making changes toe, let's say a flyer or something like that. You know, again clicking this you can click new art board and there's a blank one for you, or you can click this horizontal one for landscape. I may go change it that way. Let's see the sliced tool. This is more for if you're selecting certain items, they, uh, they want to use, You know, let's say you know, selecting this oval, the sea lips I can use a slice tool toe selected, an export. Just that shave. Let's say if I need it for, you know, website design or something like that. So this hand tool you can slightly to move around your page, but another quick little command. Little short Creegan. Does he hold the space bar? You can do it that way so you don't have to select each time. And then again, command plus zooms in command minus zooms out Command Z on, you know, undoes un does whatever you just did. And then again, right here, you can choose your your colors they used for. If you want to draw normal, withdraw behind shapes and this last one changes your screen mode. So right now it's normal. We can do a full screen with the menu bar already and go into straight full screen mode and then to get out of it, Click Escape. And that pretty much covered all of these tools on the left. You know, pretty much use for creating things well, and the next video cover all of these on the right. There's more for editing what you've created 4. Right Tools: Okay. Now I want to show you some of these tools on the right side. So to start off, if the 1st 1 is color. So let's click this black triangle. You can start changing the color of it down here or, you know, even messing with a different cm. Why and k values you gave us. Which toe already be over here. Gray scale. Right Here is the color guide. You can choose things. You know, different color schemes. If you want complimentary. You know, different contrast colors, which is really helpful. Right? Here are your various watches. You know, these were kind of the basic ones. You can even add your own as well. Right here for brushes. It's more for strokes. You can Seems it from thicker the thinner even have more of ah, charcoal rough. Feel the symbols. This is what I was using in the last video. Over here it is splatters and different shapes. It's right here. The stroke. Tulley contains your stroke. Wait. You can even do a dash line, which is really helpful. Right here. You can edit your grade Ian's, which we're working with before it contains. You know the direction of the great and the intensity of it, as well as the colors. Right here is the transparency tool, so you can mess with the opacity. What it becomes, see through and over here. There's a lot of different things. Different options you can do with it. Multiply is a good one. Now here's where we get into the type. So for character, this is where you choose. You know what type, face or fun you want to use, and the one under is, you know, if you want oblique, medium or bold, heavy, right? Here's where you change the size of the type, and this is the leading, which is the space in between each a line of text. This is where you'll set your current ing, and right here is the tracking, which is the space in between the characters. As you can see, it's getting wider. There's more space in between. Prepare a graph you can choose. You wanna, you know, center justified, right, justified. Different things like that, you know, in dance, if you want things to be hyphenated or not right here you're glitz, which I added in here, which is basically you know, any type of design of the that the typeface offers. Sometimes it's good if you want to actually select an individual one, and it helps a lot for links. This is where if you drag or place, you know, let's say a photo or graphically, that you got from somewhere else. They'll show up in here under links. The library's is really cool with Creative Cloud because this allows you to create libraries for different projects. Or let's say you're managing different brands. You know, you can add in the different colors with that brand, the typefaces, any type of graphics, you know, like the logo's or anything like that right here. Just the basic document info for appearance. This is where you can kind of edit things all at once, like if you'd want to add a stroke to this. If you want to change the opacity between the fill color much, here's the opacity that we edited earlier, and I made it back to how it was. These were the same setting that we had before. They could just add it directly. So here's the layers, which what you can do for these different shapes is that you can hide some of them. Is he gonna see the splatters air going away? Or you can lock it so that you can lock it in place and it won't move anywhere. Or, for example, if you want a group things you know, grouped items will be together. We will combine into one. This right here is for your art boards, which I mentioned earlier. So if you want to add one deaconess, click that one now for transform. This is basically the dimensions of your shape. You know, you can rotate it this way. You can skew it. You can even change. You know the number of sides you can rotate it. There's a lot of different options there, so the align tool is great because right here to click a line to right now it's under selection. So if I hold shift, I can click this other shape so that they're both selective, and I can align them horizontally or vertically and distribute them various ways. But what's great, too, that I could click here you can click Aligns Art Board and it will line into the center of the art board itself. So the whole in half by 11 document. So this comes in handy because you want everything toe look equal to be spaced correctly, you know, not have it be crooked. So I love using the align tool. Pathfinder is great, too, because you can do different things. For example, this one's unite. So again I'm gonna combine. I have both of these selected and clicking and I and they become one shape now. So it's not two separate ones. Bunkley Command Z so that they're back to individual. Listen right here you can subtract the front so it took away whatever shape that WAAS is right here. You can intersect, so it's kind of the opposite. So exclude took out that piece. There's a lot of great options you can mess with and create your own shapes and designs from there. And if you notice a lot of these tools on the side, you know, quick options will come out on top that are pretty much kind of the basics, the ones that you need the most, while these on the right go more in depth, but one that doesn't appears much that, like to cover, has to do with type what I like to show you an example of it was just have this line of text. My Here's we can edit text in a lot of cool, different ways. Just click preview. They have an ark, and you contains the bend. Are lower arc upper art bold. So there's a lot of cool things that you can do with this. And as you change the settings and when it's all done, you can come up with some really cool type treatments. You know, a lot of cool stuff you can do with type, so I really like that tool. And so these are the main tools that they used over here. But in the next video, be covering a lot of these top settings that will come in handy as well. 5. Top Tools & Settings: all right. Now for the final video, I want to cover some of these settings up top. So I hear a click Illustrator CC. These are the different settings and preferences you can customize. Illustrator for yourself. Clicking new will create a new document. This when you can do it from a template open will open any of your files that you have from Illustrator. This is we opened recent files as we close the window Command s is save, which is really helpful because there's been times that I was working on a document Hadn't , you know, put command s and lost my work And so you don't want that to happen, so constantly be clicking Command s is recon save as different files such as E p s, which is good for sending vector graphics to vendors. Um, you can also save as a PDF document which is very helpful. Then place recon place, you know, image or different graphic files that you have export. I've covered this in my last video about T shirt designs. So exporting were you safer? Web is very important. P and G is the best type because in click transparency and if you see the the little checkerboard in the back. This means that there's nothing in the background wage increase, saving something for the Web or for selling T shirts online. You don't want any white space on there. Let's see this where you can set up your document right here is where you can switch between color mode seem like a an RGB file info you can print from here. So, as I mentioned before commands, he's another useful short cut so you can undo anything that you've done. Command eggs is to cut. Nancy is copy command bees to paste. Here, you can edit your colors. There's a more color settings over here, so for object, when we click on something so I have this circle for object you can transform, which you've done before. You can rotate, reflect scale, share some of the tools you know we did in the previous video, so the range is really helpful. So, for example, I would just put this right here. So for a range you can bring to the front or he consented to the back so you can just like a just you know where you want stirring objects to be group command G is helpful to some. Select these two right here, Command G. So these air now one. So these air grouped, Let's see so path. You can also connect to lines with join Outlining your stroke and be helpful to the way will turn the stroke into a fill, which is helpful. And these are various other options. You can do the different objects. Equipping mask is helpful as well. So just to show you let me young group these bring it to the front. Turn into a stroke. Ineligible selected. You can make a clipping mask. And so now that grading is within that circle shape, and it's good that it's useful to do that with images. But go ahead and move to type. We're here. You can add funds from type kit, which is in collaboration with Creative Cloud. Here you can choose your fonts. Recent bonds change the size glitz, which I showed you on the tools on the right. Jane's case is helpful. Mais you can click upper case, and it makes it all caps on. If you want lower case things like that, it's also helpful to create outlines on the type because, let's say for sending a document to a vendor that way they don't need certain fonts and typefaces that you have, and they can just use the outline version. So selective, different ways. In select objects, you can select all. We're also going down here. You can go select same fill color, so it chose the other objects that were black. Well, pretty helpful stuff right here. You can dio, you know, different transform like Ruffin twisted making zigzag or your own free transform was the edit shapes again. Him outlined. Stroke the Pathfinder, which I showed you earlier. You can rast arise your graphics stylized with drop shadow and glows rounded corners. You got filters. Warp is what I showed you earlier, what they did to the type. There's even Photoshopped effects in here, which works out well. I just click a shape Go the effect gallery. You know it's better with images, since it's more used for photo shop. We can just make different changes that way. And he's a different ways that that you can view your art board, you know, zooming. And now which I mentioned earlier rulers command are is really helpful because you can now bring in little guides so that if you want to match it up, you know alongside those guides and then which you can hide them. Or you can also lock them as well so that they don't move and you want to keep them in a certain area. You can also show a grid. They got the squares on here, which can be helpful as well. And if you want, you can snap to the grid so that it makes things aligned. Also, smart guides is helpful toe have on because it will automatically lock on and, you know, match up with other objects. You can do a full screen any of the different windows that he can do. These all the you know, most of the tools that covered earlier that are on the right, and so that pretty much covers the basis of illustrator. You know, there's a lot of other videos you can check out, but I wanted to cover just the basics and hope this was able to help you and feel free to pose in the project gallery anything that you've created from my tutorial and visit my website, Zoubi creative dot com where you can follow me on Facebook, Twitter, Instagram, Anthony and Zubieta. And be sure to fall on my channel for more videos. And thanks again for, you know, checking out this video. You can watch my previous one on earning passive income on T shirts and thanks again everybody.