Adobe Illustrator CC: Beginners | Workshop | Essentials | Kate Silver | Skillshare

Adobe Illustrator CC: Beginners | Workshop | Essentials

Kate Silver, Adobe Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
29 Lessons (2h 49m)
    • 1. Let's get Started

      1:57
    • 2. Pixels vs. Vectors

      6:22
    • 3. A Tour of the Interface

      11:34
    • 4. Working with Layers

      6:55
    • 5. What is the Blend Tool?

      7:56
    • 6. Drawing Basic Shapes

      5:52
    • 7. Drawing Icons with Basic Shapes

      4:55
    • 8. Drawing Icons Continued

      4:07
    • 9. What is The Pathfinder Tool?

      0:45
    • 10. The Pathfinder Tool Explained

      15:46
    • 11. The Pathfinder Tool: Icon Design

      9:58
    • 12. Let's Talk Colour

      0:47
    • 13. Saving Colour Swatches

      10:30
    • 14. Working with Colour

      4:14
    • 15. What is the Pen Tool?

      0:31
    • 16. Mastering The Pen Tool

      8:57
    • 17. Creating an Illustration ( Pen Tool)

      10:52
    • 18. What is Image Trace?

      0:39
    • 19. Using Image Trace

      6:26
    • 20. Let's Talk Text

      0:32
    • 21. Working with Text

      12:02
    • 22. Let's Talk Flyer

      0:55
    • 23. A Flyer: Adding Gradients & Symbols

      7:06
    • 24. A Flyer: The Pen Tool

      7:10
    • 25. A Flyer: Using Image Trace

      7:14
    • 26. A Flyer: Adding the Text

      4:23
    • 27. Let's Talk Saving

      1:16
    • 28. Saving & Exporting

      7:36
    • 29. What's Next?

      1:19
116 students are watching this class

About This Class

Do you want to learn how to create Illustrations, Icons, Flyers, Posters and more?

This Adobe Illustrator CC course is the same course as I teach at the UK's leading Adobe Training Centre in London. 

What we will cover:

- Pixels Vs. Vectors

- Creating Icons

- The Pen Tool

- Illustrations

- Work with Colour 

- Cool Text Styles

- Image Trace

- Creating A Flyer

- Duplicate & Blend 

- Gradients & Symbols

- Saving & Exporting

This course is aimed at complete novices, so don't worry you don't need to have any prior Illustrator knowledge!

Are you ready to commence your journey into the world of being a designer?

Note: To download the course files please go to the 'Projects & Resources' Tab

Transcripts

1. Let's get Started: Do you want to learn how to create illustrations, flyers, infographics, logos, icons, and so much more, then this Adobe Illustrator beginners course is for you. My name is Kate and I'm an Adobe instructor working at the UK's leading Adobe training center in London. I'm also a graphic designer and a shoe designer who's worked with Jimmy Choo, Sophia Webster, and Nicholas Kirkwood. The way this course works is we'll slowly but surely build all our skills up until we get to the end of the course. We'll create a holistic flyer that covers everything we've learned. This course is aimed at complete novices. You do not need any previous Adobe Illustrator skills to participate in this course. We'll look at the different ways of creating illustrations and icons. We will also be working with colors and fills and we will change a whole color palettes of an existing poster. We will also cover the famous image trace tool, which allows us to automatically convert images into digital illustrations or vectors. We will also be working with text and we'll learn two new text tools. One is a type on a path tool and the other is a touch-type tool. Then we will learn how to save and export our files into print-ready or web-ready PDFs. There are lots of files and exercises that you can download that are available with this course. I will be guiding you with clever shortcuts throughout the whole time. My goal is for you to feel confident in using Adobe Illustrator and for you to go on and create your own amazing Illustrator graphics. Let's get started. 2. Pixels vs. Vectors: Hey guys. Are you ready to start your Illustrator introduction course? So am I. Basically, you'll see a series of lots of zip files. But what we'll start with is the first zip file, 01 Basics. A zip file is basically a compressed folder, which means that if you double-click on it, it will open up a folder, then you can double-click on that, and you'll be able to access all the files inside. Now, we'll be working with all these exercises for the first third of the course. Now, in each folder, I've attached another folder with older versions of Illustrator. So if you double-click on that, you'll see all the exact same files, but for older versions. These could be for 2015 CC or it could be CS6. You pick depending on what version of Illustrator you have, and you can access these exact same files. What we'll start with is, what are pixels and what are vectors? Illustrator works with vector graphics. These are digital drawings essentially, and you need to know what these are, what the difference is between pixels and vectors to be able to really manipulate it. If we could double-click on "01 Pixel Versus Vector", it might look slightly different on yours if you're using a PC. It might say AI in orange, which is the Adobe Illustrator logo. Just pay attention to the name of the files, double-click on that, and you've just opened this file. Let's look at the first art board. This is called an art board, and currently we have four, 1, 2, 3, 4, and I'll give you the first shortcut you need to know. If you are using a PC, most shortcuts starts with Control. If you're using a Mac, most shortcuts start with Commands. I'm going to Command or Control plus, and that is a shortcut for zooming in. Go ahead and Control plus. Now, if it's zooming in the wrong area, that's totally fine because I'll give the second shortcuts, and that's holding down the space bar. It's called a Grab Hand tool, meaning that you can literally grab the page around, and move it around, so you have a better view. Now, if you need to zoom out a little bit, that's Command or Control minus. Perfect, so on the left-hand side, you've got a pixel image. We need to make sure that we go to the Selection tool. Now, the Selection tool is a tool you always need to be on. The shortcut for that is V, which is why I call it the very important tool. Because when I press on V, I remember it takes me to the Selection tool. If you click on this image, you can literally drag it around, and you can see that it's an image. The bounding box is around the lemon. But the second one on the other hand, if you click on it, you will see lines. These are called paths in Illustrator. If you zoom in even more, if you hold down Command or Control, you might see all these little dots. These are called anchor points. Whenever you have a digital drawing, it's made of anchor points and paths. Now, if you zoom down, if you scroll down, you will see more examples. Again, this is an image, and then on the right, even though it might look super identical, and it might look like an image or a pixel, it is actually a vector because if you click on it, you will see all these tiny little shapes, and these tiny little anchor points. How awesome is this? I basically did this with something called image trace, which automatically converts a pixel-based image into a vector with a click. That's it, super cool. Now, another thing you need to know about pixels is if you zoom in considerably, more, more, more, you will see all these tiny little squares, and these are called pixels. Every pixel has another color, and it has another location, and it retains a lot more information so the files are way bigger than vectors. I've added a few more. If you zoom in on the tomato, depending on how you would like to call it, again, a picture, zooming in, see those pixels. If you scroll down on the right, it's a more simplified tomato illustration or vector, and it's made out of shapes and different colors, less colors than a pixel image. Then the final one, this is evidently a picture or a pixel-based image. Now, this one on the other hand looks really cool, looks very detailed, doesn't it? But if you click on it, wow, it has all these little shapes and colors, and it's actually a vector, which means that we can change each little section, we can modify it, we can play around with it, and we'll see that later on when we start editing illustrations. If you want to fit to screen, you can press Control 0 and fit it to screen, and that is it for pixels versus vectors. 3. A Tour of the Interface: Before we move on to any exercises, what we will start with is we'll go to Adobe Illustrator and I'll give you a tour of the Adobe Illustrator interface. I'll show you what the panels are, what the tools are, the quick shortcuts, and how to create or open a new document. This is the Adobe Illustrator welcome page of the latest version of Illustrator. Over here you've got quick presets, which means that if you click on any of these, it will quickly open it up into a new document. If I click on that, new document, "A4", let's click on the little "X" for now. Below you have all the recently opened documents, you might not have any because you've probably never used Illustrator before or you might have some different ones if you have used Illustrator before. In Learn, you have existing Adobe tutorials, they're free and they're inside Illustrator, so it's super useful, isn't it? You can literally click on any of these and it will open up into a browser and you can scroll down and have a look at all this, very cool. Now, you can click on "Home" again, and I'll show you how to create a new document and later we're going to open our exercise files by clicking on "Open". Let's click on "Create new" and if you don't have this option, you can always go to "File", "New". Again, this might look slightly different on a PC, just look for "File" and then you'll find "New" under it or click on "Create new". This is the New Document setup window, I'll explain briefly what all these settings are. At the top you have the intent, which means the intention or the purpose of your document, so is it for mobile, as in, are you going to publish it for an iPhone, are the viewer is going to view it on an iPad, on a Google Pixel, etc. These are existing preset, so the format is all set in that size. Now if you click on "Web", you have web-related presets and they give you a lot of options. If you click on "Print" then you have your typical A4 or Letter for the US, etc. "Film & Video", you have even more, this is the one I'm currently using for filming, for recording, and you also have "Art & Illustration" Posters, and, again, A4 and lots of other options. Let's go back to Mobile for a second, below you will have free templates, yee, who doesn't love free stuff? Now, this comes with your license and it's only available for Creative Cloud members. If you click on any of these, it will let you download them and it will open up in an Adobe Illustrator file and you'll be able to update the content and have your logo and your text and your colors there. Great, huh? Now, let's click on "Web". Now, on the right-hand side, you'll see all the settings, which means that you can choose the page size. So if you're ever working with a particular page size or a brief you're given and you need to enter the measurement of your page here, this is where you do it under Width and Height. It will often be in pixel if it's for web, or it can be in millimeters or inches if it's for printing, like posters and stuff like that. Now, here you have Orientation, so you have portrait and landscape. Over here you can add multiple artboards, so you can increase that or decrease that and have fewer artboards. Then you've got the Bleed, this is only for printing purposes, so it's when you want your graphics to bleed over the page so that there's no whitespace, so it literally goes to the edge of the page, but for that, you will have to be in millimeters and the bleed setting is often three millimeters, that's the industry standard, which means that you'll have a three-millimeter allowance and you'll have to line up your graphics to the three-millimeter bleed line and then you can trim it later or you send it off to the printers and they'll trim it for you, so just remember three millimeter. When you are done, you can just click on "Create" and that will be your new document set, it's a random page size but that's fine. That red line you see over here, that's where you would line up your graphics and that will be trimmed later on by the printers, again, this is just for printing purposes. A few shortcuts. Zooming in and zooming out is very important and you need to do this quite regularly, for PCs, it's Control and for Macs, its Command, it's kind of a rule. Zooming in would be Command or Control plus and zooming out would be Command or Control minus, and Fit to Screen is Control or Commands 0, if you're zooming in a lot of Control plus or Command plus and you need to move your page around you can use a Grab Hand Tool by holding down the space bar and clicking and dragging to just move it around. Now I will give you a list of all these shortcuts which you'll be able to download, it's in the project files that you've downloaded and you can access that and you can either print it out or have it on your computer somewhere but either way, I will be telling you a lot of useful shortcuts throughout the whole course. Now, a little tour of the interface, like what are all these scary-looking panels and all this information. One of the first things you want to do is go to something called a Workspace and this allows you to choose how your Illustrator will look like. Over here you have a word, mine says Essentials Classic, yours might see something else, it's usually next to Search Adobe Stock, again, it might look slightly different for a PC. If you click on it, you'll see a dropdown menu of all different types of workspaces. Now if you go to "Window" and you go to" Workspace", you'll see the same options over here. Let's go back here. If you click on another option you'll see your window, your interface change accordingly. So you have Essentials Classic, you have Painting, which is, if you want to paint, a lot of painters and illustrators use Illustrator to paint. Well, if you choose Painting, you will have all these brushes and color swatches, and you'll have lots of painted related tools. If you select "Printing", it's the same thing. Now, for this purpose, we'll just be using Essentials Classic because it's nice and tidy and it has a lot of options over here. What I changed was the panels, these are called panels, if you click on a panel, you can expand it, you can see the information, and you can click on a panel and drag it out and expand the panel by clicking on the window, on the arrows, do the same, you can also press "X" so it goes away, but then your interface starts to look messy, so that's where you want to go back to Essentials Classic and reset Essentials Classic and it will come back. Now, if you are using an older version of Illustrator, this might look slightly different but no problem. In the latest version of Illustrator, you have something called a Properties Panel, which is very useful, you can change a whole load of settings like, the metrics and how many artboards you want, you can click on the Rulers, which means that if you click on this, you'll see those guys, Rulers, or the shortcut for that is Command or Control R. You also have the Grid, which is great for measuring and for geometric shapes and you have the Pixel Transparency Grids, which allows you to see whether you have some random stuff in the background and if it has a clear background. Don't worry about the rest it will confuse you, for now, so we'll look at that later. Over to the Menu bar over here. Here we has stuff like Illustrator Preferences, and File Open, File Save As, File Export, we'll look at that later, we have Edit, which I don't use often because I use the shortcut personally. What's important is Window, Window is where all the panels live, so if you can't find a panel, it will be under Window and it's the same pretty much for all Adobe Software, it's kind of a language. Now, on the left you have the Toolbar, for each individual action that you need to do, you need to go to the specific tool for it. If you needed to select something and move it, you would go to the very important Selection Tool with the bracket, in the brackets, you'll see the shortcut and it says V, that's the same for each tool, so if you hover over a tool, you'll see what it is and a shortcut in the brackets. Yours might look a bit different, it might look like this, if you click on the arrows you can have two columns, that's really up to you, and if you right-click on a tool, like this is the Rectangle Tool to draw shapes, you'll see variations or different options of that tool. Now, you can go back to the Selection Tool, as a default. You can zoom out or zoom in just so you can see it a bit better. Now, this is pretty much it for the tour of the Illustrator interface, so see you soon. 4. Working with Layers: Now we're going to open an existing document and we're going to talk about layers and arranging layers, which is pretty important for Illustrator. What we do is we go to File, Open this time and you can go ahead and find that basics folder. We'll be opening two object, arrange. Click on ''Open'' and voila. What I've done is I've added some shortcuts on the right-hand side. Things that are very important, like undo, Control or Command Z. The selection tool which this tool lacking an object, which I'll show you another way to do it and bring forward and backwards and these are the same shortcuts as in Photoshop as well. Let's look at those little hands. We're going to need to open up the layers panel and the layers panel is over here. You can click on that and you can expand the panel just by clicking and dragging. I'll make it a little bit bigger so we can see better. So you have a whole bunch of layers. First of all, you have the layers that I've created. All the guides here, keep them locked, hence this little ''Lock'' button. Then you'll see all layers of each hand to all in a separate layer. Now can you see the little eye here so that's for visibility. If you click on the eye, so you no longer see an eye, it will hide that layer. Can hide layer, show it, hide and show. You do the same for each layer. Now if you wanted to lock a layer, you would click in the section between the eye and that little blue thing and you'll see a padlock and you've just locked the green hand, which means you can't click on the green hand, you can't select it. I often lock layers mostly for backgrounds. When there is a background and I don't want it to move, then I would lock it. Now another thing you need to know about layers is the more a layer is at the top, the more it's in front or it's closer to you. The green one is closer to you than the gray one. If you were to move the green hand, let's say below the blue hand layer, it will come underneath it just like that. Under the pink hands, it will come underneath the pink, etc. You can play around with layers. Now, another way to change the order of layers is to click on one of them. So the green hand and then use this shortcut, bring forward or bring backward and you'll see the green hand is highlighted here. So you know this is the layer we're talking about. Now, you can also right-click and then you'll see a range and you'll have that option here with the shortcut on the right-hand side bring to front, bring backward, or use a shortcut command square bracket. As you can see, it just goes much faster. Let's bring it back and front square bracket to the right and there it is. You can do the same for each. That's how you move layers around. Now what we'll do now is I'm going to show you how to create a background, a color with a rectangle. We'll look at the rectangle tool already and we're going to bring it to the back or to the bottom layer and we're going to lock it pretty simple. First, can you see the fill? This will be the color of your rectangle or your background. If you double-click on that, click, click, you can change a color. It can be I don't know you pick. I'll make it a little bit weird and nude. I'll click on ''Okay'' and that will be the color that will be applied. Then if you go to the rectangle tool, you just click on it. You can click and drag and align it to the background. Now, obviously that rectangle is hiding everything underneath it. If you click and drag to the bottom, it will be below everything and if you wanted to lock it so that you can't move it, you will have to click on the lock here and now it's locked. Now remember we are on the rectangle tool, so it's very important that you always go to the selection tool to deselect. If you wanted to select your hands, the backgrounds wouldn't be in the way. Let's go to the little x now and close this, don't save and we're going to go back to File, Open. We're going to open the other object arrange and it's exactly the same, except it's with nice shoes and I'm a shoe designer, which is why the shoes. It's the same principle, except over here, you now have folders. I created two. They're not folders they are layers and these inside are sub-layers. You've got a text layer. If you click on the little arrow, it's closed and you've got a shoes layers. If you click on the little arrow, it's closed and then everything inside are sub-layers. You've got the green shoe sub layer, the blue shoe, the pink and now each of these sub-layers have further sub, sub-layers with all the collection of shapes. But don't worry about that, that will confuse you for now. It's the same principle, so I would like you to click on the green shoe, make sure you're on the selection tool and use a shortcut just so you get familiar with it, Command or Control Square Bracket, can play around with the order. Now, I want you to repeat the whole process of creating a background, changing the color, and locking it just like we did before just so you can practice. 5. What is the Blend Tool?: The next thing we'll cover is how to duplicate an object or a shape or an illustration. Then we'll cover something that's called the blend tool which is pretty cool, you'll see. If you could open up 01-Basics and double click on 04 Transform and Blend, or you could go to Adobe Illustrator, and you could go to File, Open, and open 04 Transform and Blend. Click on Open, and that's that. Now, as usual, I have placed some shortcuts at the bottom. I'm just going to zoom in so you can see the shortcuts better. It's the usual undo, selection tool, and then I'll show you a few other tools. The key tool we'll be using here is the selection tool, because what we'll do is, we'll select this object. There are a couple of ways of selecting an object. Either you can click and drag and select a selection area around it and it will select everything that goes into that selection area or you could just click and to deselect, you click away. I would like you to click on this house. Normally, when you would like to duplicate something, you would go to copy, paste. Edit, Copy, Edit, Paste, but it would paste in random spots. So there is a way quicker tool to do this, and it's called duplication. The good news is, it's the same shortcut in each Adobe software. So the shortcut is Alt and Drag. If you hold down the Alt key, you'll see two cursors, a black and a white cursor, and that means that it's about to be duplicated. So you click and drag, and you let go. That's how you duplicate. I want you to undo this, so Control or Command Z. We're going to do this again just for practice. So Alt and drag. Now do not go yet. If you hold down the Shift key, what it will do is, it will duplicate it over the same axis. So straight down as opposed to up and down if I let go of the shift key. So Shift key straight down or straight up, and then you let go. Now don't do anything. Don't click, don't enter nothing, because what we'll do now is repeat action. Repeat action allows you to repeat the last thing that you did. The shortcut for repeating action is Control D or Command D. Go ahead and do that, so Control D, Control D, Control D, and Control D. That is awesome, isn't it? Now, let me just delete that one because it goes over the border. Now if you wanted to duplicate all of these but into rows, you would have to click and drag a selection area that goes over all the houses, and now they're all selected because of the bounding box. Now we're going to do Alt and drag, and hold down the Shift key so it doesn't go straight down. Then the same thing, Control D or Command D, Control D, Control D. If it's not straight, it's because we might have just gone a millimeter away. But that's how you duplicate and repeat action. Now we're going to do the exact same thing for the second page which is an illustration of a lamp that I created. Remember, go to the selection tool, select your little lamp, and go Alt and drag. Don't let go, hold down the Shift key, and Command D or Control D. Then same thing, select all the lamps, click and drag, and then Alt and drag below, and then Command or Control D. Now you have a whole collection of lamps. So that's pretty easy and pretty useful tool for repetition. Now for the blend tool. Let's hover to the final page and I'll show you the blend tool which is really cool, and it does a similar thing where it repeats whatever selection you have. In this case, it will repeat it in between those two, but it will also blend the color which is really cool and it will look really good. So we need to go to the blend tool which is here, or shortcut W. I want you to click, select that blend tool, and then click on the first house, click on a second house, and then it will just look like a rainbow. Absolutely fine. We need to tweak that. So we're going to go to the blend tool and double-click on the blend tool, and this will open up our blend tool panel. Now, always tick on Preview just to make sure that you can preview what you're doing. I would like you to select Specified Steps, and now I'm going to show you a little trick. First, if you wanted to change a number of steps, you could add 10 for instance, just type 10. To turn it into effect, you can just click here and it will happen. That's pretty cool, isn't it? Now, another trick that I use is, if you highlight the number and you press the up or down key on your keyboard, you can increase or decrease the number. That is amazing. Now you've got lots of houses and they go from one color to the other in a gradual way. It's like a gradient. Then, "OK". Now let's do the same for the others. We click on this lamp, we click on this one, and we don't actually need to do anything else because it just applied the same settings as before to this option. Now, let's do the circle and that funny star. As we go click on one, and whoops. If that happens, just undo. We just have to go to the selection tool and deselect it first. Now we can go to the blend tool, click on the circle, click on the star, and we're going to have to change this by double-clicking on the blend tool, ticking preview, changing the specified steps and adding another five. Now the cool thing here is, it doesn't just blend from this fuchsia to this orangey color, but it also blends the shape. So you can see it goes from a circle to a slightly more starry, more starry, to this star. That's pretty cool. I would love for you to practice this using your own illustration or own images, anything you want, and just have nice play with it. Well done and see you soon. 6. Drawing Basic Shapes: Before moving on to some new exercises, I want you to open the recently created document, and if you don't have it on, that's totally fine. You could just go to File, New and just pick an A4 and then create. That's absolutely fine. Now let's talk about simple shapes first, because the next exercise will have simple shapes in them. So let's cover it. Over here you have the rectangle tool. I would like you to click on the "Rectangle tool" and over here, you can determine the color of your rectangle. If you double-click on the ''Fill'', this will be the color that the rectangle will be filled with. I love picking pink colors. Then you can click on "Okay". This is a stroke. Now this will be the border of your rectangle. If you double-click on that and you choose another color, that will be a weird rectangle. Make sure you click back on the "Fill". To create a rectangle, you click and drag, and there's your rectangle. Then you can click and drag again and create another one, and again. If you would like to create a square, you need to hold down the Shift key. The only thing you can do on the "Rectangle tool", is draw rectangles. If you wanted to change a rectangle by going to the selection tool, you would have to go to the selection tool and then you'll be able to change it. We go to the rectangle tool to draw rectangles, and we go to the selection tool to move, to change the size of rectangles. Then to select a rectangle, you can either click on it or you can click and drag and create a selection area. If you wanted to select all rectangles, you can click and drag the selection area around all of them. This will select all of them, and then you can move them, deselect click away or alternatively, if you would like to select them, you can also click and hold down the Shift key the whole time and then click on the other rectangles, just like when you select folders. Now click away and let go. For resizing a shape, you can click on it and you'll see the bounding box. Then you'll be able to click and drag and you can already distort your shape. If you want to resize it using the same proportion, you can drag from the corners and hold down the Shift key. This will keep the proportions and allow you to resize it of the same scale. You can also rotate your shape by hovering over the corner and rotate it and hold Shift for 45-degree angle. You can also move your rectangle by pressing the arrows on your keyboard, just like a Game Boy or something, PlayStation, and you can press up and down. Now let's look at some other shapes. If you go back to the Rectangle tool, you have rounded rectangle, you have ellipse, you have all sorts of shapes. Let's go to the ellipse tool. Now to draw an ellipse, you click and drag. To draw circle, you hold down the Shift key. If you hold down the Shift key, you draw a circle. If you let go of Shift, it will no longer be a circle. Now let's go to the selection tool. Get in the habit of going to the Selection tool and select all your shapes and press "Delete" to clean up your page. Literally the Delete key on your keyboard. Let's go back to the Ellipse tool and I want to show your tricks. If you hold down the Shift key, you draw a circle, but from the sides. To draw a circle from the center, you have to hold the Shift key and the Alt option key. You'll be able to draw from the center as opposed to from the side, from the center. That's that. Now let's go back to the Selection Tool and select all our shapes and again, delete. For the final part of this tutorial, let's look at some other cool shapes. Let's look at the polygon tool first. I would like you to click and drag, and don't let go yet. With your other hand, press the upward arrow on your keyboard and you will increase the number of sides for your polygon. The downward arrow will remove the number of sides. You can even draw a triangle. Pretty cool? Now let's go back to that tool. This time we select the "Star Tool". I would like you to click and drag and don't let go. The same thing; press the up arrow on your keyboard. I have loads of little sides to your star, or press the downward arrow to remove the sides. That is pretty much it for basic shapes. We'll do an exercise next on basic shapes, which is slightly more complicated, but it will be very good practice. 7. Drawing Icons with Basic Shapes: Now that we have learned to work with shapes, we are going to go one level up and learn how to manipulate these shapes further by creating these little houses. You can go ahead and go to number "01 Basics" and open "05. Creating Shapes". Or you could go to Adobe Illustrator, go to "File", "Open", and open "05. Creating Basic Shapes". Now again, if you are using an older version of Illustrator, you can always come back here and find that file that you need. So "5. Creating Basic Shapes" and "Open". As usual, I've added some shortcuts over here. If you zoom in Command or Control plus and as usual, you'll see the quick shortcuts. Some we've already used, undo, and the selection tool, the very important selection tool. Now, I'll explain to you what these other shortcuts are and why they are important. Let's go over here. What I'll do is I'm going to demo a few of them and you can follow me and then you can finish the rest on your own as an exercise. Now, we are currently on the Star Tool or at least I am so it would be great if we right-click on here and select the "Rectangle Tool" just for now. I would like you to make sure that you have no fill by clicking on this little tiny red strike through. This will remove the fill or the color inside the shape. The stroke can be black, that's absolutely fine. The first one is really simple. We just need to recreate this guide, this rectangle. We can start with one corner and we drag it to the other corner. That's one done. Now, for the second one, it's slightly difference. We have these things called anchor points and anchor points are there every time there's a corner or a curve. We'll talk about curves later. But a rectangle has four corners, so four anchor points. Now this shape has five anchor points, 1, 2, 3, 4, 5. What we're going to do is we're going to start with a rectangle and we're just going to add an anchor point and then we're going to move it. We're going to make sure we're still on the Rectangle Tool and we're going to click and drag and create a rectangle. Now that we've created our rectangle, we need to add an anchor point over here. Now, this is completely new and the way to add an anchor point is to go to the Pen Tool, the one that kind of looks like a fountain pen. Right-click and then you have "Add" or "Delete Anchor Point". Now, I personally never go here because I just use the shortcuts which are super easy to remember; plus and minus, plus to add an anchor point and minus to delete an anchor point. What you do next is you just click and you make sure you're on the path and exactly, you make sure you're on the path. That happens a few times. What I do is I just zoom in, Command or Control plus, and I just make sure that I really click on the path, and there we go. Now, I don't know if you remember, but the Selection Tool, V, or the black cursor allows you to select shapes and move them and distort them. But we have another tool called the Direct Selection Tool, and that is to directly select objects and move them. In this case, with the Direct Selection Tool, you can select anchor points and move them. Now, the shortcut for the Selection Tool is V and the Direct Selection Tool is A. We're going to click on the "Direct Selection Tool", click on the anchor points, and that's how we select the anchor points. You'll see that this one is highlighted and the others aren't and then you can either click and drag up. Or you can always use the arrows on your keyboard to move it up or down, that also works, and there we go. 8. Drawing Icons Continued: This one is pretty easy to do, so I trust that you can try and do it yourself. Now, let's move on to this one. We're going to go to the rectangle tool, and we're going to click and drag, draw the first rectangle, and now we're going to add an anchor point plus or by going, right-click, Add Anchor Point. You can add an anchor point around here. I'm going to go to the direct selection tool or A, to select directly the anchor point, and then we click and drag. These are pretty easy, so I'm sure you can handle them. Just going to zoom out a little bit more to see what else we have in store. Now, I'll show you this one because it's a little bit more difficult. I'm going to go to the rectangle tool again, and I'm going to click and drag, and then I'm going to go to plus on this tool. I'm going to add an anchor point. Now to move it, I need to go to the direct selection tool, click on the anchor point, and drag it down. There's a lot of complex shapes you can do by creating simple shapes at first and just modifying them. Let me do this one now. I'm going to go to the rectangle tool and I'm going to click and drag. Now, because there are ready for anchor points, I don't necessarily need to add an anchor point. I can just go to the direct selection tool and just move the existing anchor points and align it. One more, click and drag rectangle. Again, go to the direct selection tool, click on the anchor point and there we go. Now let me show you the next one. Click and drag with the rectangle tool. This time, we need to add two additional anchor points, for one here and for here. We go back to the add anchor point tool, we click and we click again. Now, to move the anchor points, we go to the direct selection tool, click and drag, click and drag. Let's move on to the triangle. Now, I showed you before how to create a triangle using the polygon or star tool, but let me show you with the rectangle tool. What you could do is draw your rectangle and you could go to the add anchor point tool and add an anchor point in the middle, and then we need to get rid of anchor points. We go to the delete anchor point tool or minus, and we click and click, and delete the unnecessary anchor points. I'm going to do one last one with you, and then I trust that you will practice and be really good at it by the end of this exercise. Go back to the rectangle tool, click and drag, and now we might need to add a couple of anchor points; one for here, and one for there. We go back to add anchor point tool, we click over here, we click over there, and then we move it by going to the direct selection tool and we just need to move this one. Now, Command or Ctrl+0 to fit the screen. Enjoy the rest of these practice exercises and I'll see you soon. 9. What is The Pathfinder Tool?: I hope you enjoyed learning all the basics and introduction. What we'll do now is go a level up and we'll learn how to create illustrations and icons or decorative elements using something called the Pathfinder tool, which is very useful. There are two ways to create illustrations and icons, One of them is a Pathfinder tool, which we'll cover now, and the second one is the Pen tool, which we'll cover later. So both are excellent ways and you get to pick which one and you may even use a combination of both tools to create your ideal illustrations. I'm excited, and let's get to it. 10. The Pathfinder Tool Explained: What we'll cover next is something called the pathfinder, and it's an absolute must in Adobe Illustrator. It's just a really clever way to create shapes and icons and illustration without using something called the pen tool. Now if you have 02 Pathfinder zip file, you need to double-click on it, and it will expand into a folder. Double-click on that, and you can access the files inside. You have the links, which will be the images of the files, and the older versions of Illustrator. Now we're just going to open the first one, so you can either double-click on that or open it in Adobe Illustrator. If you need to zoom in, Command or Control plus. What I'll show you is each section of the pathfinder tool, and then we're going to use our new skills and apply it and create these little icons. Let's start here, so what the pathfinder tool does is it takes multiple shapes and converts it into single shape, either by joining or subtracting. Now, what you need to do is go to the selection tool and select the first set of shapes. Now, there is something slightly new in Illustrator called the properties panel, and what's cool is that things appear here. Quick Actions or the Pathfinder or Align. All we have to do is go here and look at our famous pathfinder tool. Now, if I deselect my shapes, the pathfinder tool will no longer appear here. If I select both shapes, it will now appear. The main ones we'll be using is the first one which is Unite, and the second one. If you click on the first one, you will see that your shape is now joined or united in illustrators words. Let's move on to the second set of shapes. You can highlight the second set, and I'll select the second option of the pathfinder minus front. That means that it got rid of the shape in front. Now, we can select the third one and click on the third option, that is intersect, so it's kept the intersecting bits. The fourth option exclude, so it got rid of the overlapping bits. Now, we can try the same options with the next one on your own. First option, second option, third, and fourth, so pretty easy. Now let's look at this little collection of shapes. Again you can select the first one, and it will join all of these and get rid of the holes. If I select this ones, and then I select the second option, it will literally drill holes in that rectangle, pretty cool. Now, another example, you have a collection of rectangles, but if you join it, it will become a single shape. Now the second one, same thing, you can select this, click on Unite and it will become a single shape. Now, for the third one, the A, it's actually a shape, and little triangle on top, so that needs to be cut. We're going to select these two shapes, and then click on the second option, and then for the last one, this is super cool. It's just a collection of a bunch of shapes, but look what happens if I selected all, and then I select the second option of the pathfinder tool, it's a block of cheese. That's a little bit advanced so I don't expect you to know this by now. Well done, moving on, now we're going to put this to the test. If we could go to File, Open and open up two pathfinder folder, and select 02-houses, again, you have the little shortcuts here so you can always refer to them if you get lost. We are going to recreate these little houses, these icons, using the pathfinder tool and everything we've learned so far. You can either create exactly the same and try match it up, or you can just try and do your best and create the same proportions. I'm going to zoom in more, so we can see better. To start off, I'm going to think the outline or the silhouette, and then later on I'm going to drill the holes, the windows. To start off, I'm going to go to the rectangle tool and I'm going to try and draw this rectangle. Don't worry about the fill and the stroke, we will change this later. Now for the roof, I'm going to draw another rectangle. I'm going to use the technique that we used before, where we add an anchor point, and then we delete the other. To add an anchor point, either plus or click on Add Anchor Point, then you can click in the middle. Then to delete these anchor points, you go to minus or Delete Anchor Point tool, click, click. Now as you can see, I need to resize this, so I can go to the selection tool, and I can click and drag and resize it. Now we have two shapes, and we need to turn it into a single shape. What's important is that our two shapes, they need to overlap, so either they should be aligned or overlapping. Now, look at what happens when I click on the first step in the Pathfinder tool, it gets joined. Now, for the roof, I'm going to click and drag and create the little chimney, and then once I've created the rectangle, always go back to the selection tool. Select both shapes now, and then click on Unite. Now, I'm going to do the second one. Again, I'm just going to do the silhouette first and then we'll look at drilling the windows later. I'm going to go to the rectangle tool again, click and drag, and again, a second rectangle, and now we need to add an anchor point here, and delete the others. Now, this is just the way my brain works, this is just the way I would do it. You might find another way to do this that might be more clever. Anyway, I'm going to add an anchor point here, and then I'm going to go to Delete Anchor Points and delete this one, and that one. Whoops. Now again, we need to adjust some things here, I can either go to the Selection tool and change it around. Actually that works, or I can go to the direct Selection tool to click on an anchor point and I can move it up. We're using lots of skills that we've already learned. Now instead of clicking on the Pathfinder tool, I'm already going to go and draw the little chimney, and then I'm going go to the Selection tool. I think this needs to be a little bit smaller, and I'm going to highlight it and unite. Now I'm going to demo one more, and then I expect you to finish one, two, three, four, five, the first fives. We're going to go to the Rectangle tool again, and we're going to click and drag, maybe a bit longer, can align that later. Then going to draw another rectangle, and same thing, I'm going to press plus, which is a shortcut for the anchor point tool and much faster. I'm going to press minus on my keyboard again much faster, and make sure you actually properly click on it, now I can move it or the distort it. Now for the chimney, click and drag. Now if I go to the Selection tool, I can still distort it, because clearly it needs to be a taller house than the other ones. That's about right, not to worry too much about detail, it's open to interpretation. Now I'm going to select all three shapes, and click on the Pathfinder tool and overlap. Now for the windows, I'm going to go to the Rectangle tool, but let me show you a little trick before. I'm going to draw a square first for the window, and then what I'll do is I'll use a trick that I showed you. Going to go to the Selection tool, maybe zoom in a little bit more Command plus, and I'm going to duplicate this. Remember hold and drag, and then I'm going to press Command or Control D, that was a bit too far, so I can get a little bit less far. Command or Control D, and I've got three windows, then what I can do is elongate this door and I've got a door. Then one more, I can go to the Ellipse tool, and remember if you want to draw an ellipse from the center, you hold down the Alt key and the shift, and it will be a circle. Now what I like to do, is select the silhouette or the background and change a color, so I can see a little bit better what's going on. Maybe we can make the windows another color, so we can see a little bit better what's going on. Double-click on the fill, and I don't know, random color, interesting. Then if we select the whole house and we go to the stroke and we get rid of the stroke, we've got this, that's actually nice on its own. Now let's select everything and drill the holes in the windows by clicking on the second option of the Pathfinder. Cool. Let's do the next one. I'm going to go to the Rectangle tool, and now it's going to be pink, but that's absolutely fine, that works too. Going to go click and drag and draw a rectangle, and then I can either draw another one right next to it. Zoom out so I can see a bit better, and then I'm going to draw another rectangle and then one more for the door. Again this is my interpretation, so it doesn't have to be exactly the same. I'm going to go to the Selection tool so I can move things around and something like that. Now if I select it all and I click on the second option, minus fonts, there we go. Of course if I want, I can get rid of the border, and then I can double-click on the fill and change the color, super. I want you to do the next three houses just for practice, and by the end of it, you'll get really familiar with the Selection tool with adding anchor points and with the Pathfinder, which is what we want. Now let's move on to the last two, the skyscrapers. What I'll start with is like before I'll do the silhouette, so I'll do two rectangles. I'm going to go to the Rectangle tool, and then I'm going to draw another rectangle. We can resize them later, no problem. Now for the little windows, what I'll show you now is something we've already learned actually. We're going to learn how to duplicate a window and then repeat action, we've done this before. I'm going to click and drag and draw a window, it's going to be my own style, then I'm going to go to the Selection tool. I'm going to zoom in a little bit so we can see better, and then I'm going to Alt and drag and Command D, Command D, Command D. Now for the other skyscraper, so I'm going to draw a little square, holding shift. This may be a bit too big. Then I'm going to zoom in because otherwise it could give me problems, and Alt and drag and Command D, Command D. I'm going to select all four click and shifts, click shift or Alt shift the whole time. Alt and drag, and then Command D, Command D, Command D, and this is super cool. It's a little bit off center, but that's fine. For the final part, I'm going to select all of these and click on second option of the Pathfinder tool to draw the windows. The same here, and that's how you work with the Pathfinder tool. Well done. 11. The Pathfinder Tool: Icon Design: Before we move on to the next Pathfinder exercise, I just want to make sure that you have access to the Pathfinder tool. If you have the latest version of Illustrator, the Properties panel and the Pathfinder will be available here. Now, if you don't have this option, that's absolutely fine. You can either go to Window, Pathfinder, and remember, Window is where all the panels live, so if you click on Window, Pathfinder, you'll have the same options here. This is exactly the same as over here. Now, feel free to change the colors, make everything pink. I love pink. That's it. Now, we're going to move on to the next Pathfinder exercise. I'm just going to close this. Now, feel free to save this. If you wanted to save it, you would just go to File, Save As, and then save it as an Adobe Illustrator file, and that's it. I'm just going to close that. Now, let's open the next exercise, either Open or File, Open, same thing. We're going to create magic suitcases now, so three suitcases. This is one step further from the Pathfinder tool. One, it's a little bit more challenging, which is fun, and two, it involves rounding corners of shapes, which is super useful and it's used a lot for icons. Zoom in, Command or Control plus. These black lines are the guide, they'll remain there because I have locked this layer. There is a rounded rectangle tool, but I don't use it very much. Let me show you why. If I select the rounded rectangle, and I try and draw it, it does a pretty good job, actually. But if I try and draw the little handle, it doesn't quite work. This is why I like to draw rectangle first and then make it into a rounded rectangle. I'll show you how. I'm just going to delete that with the Selection tool. Now, what I'm going to do is remove the fill and have a stroke that's quite bright, maybe red because it's very easy to see. A lot of Illustrator use red when they trace over something, and then Okay. I'm going to go to the plain rectangle, you might zoom in a little bit more. I'm going to click and drag, and draw my rectangle, pretend it has corners, and then I'm going to round the corners using widgets. These little circles in the corners are called widgets, super cute name. If you can't see this, you would have to go to View and make sure that Hide Bounding Box is there. If it says Show, just click "None", Hide Edges. Basically, make sure that everything is on display, and there it is, Hide Corner Widget. This means that it's currently on. If it says Show Corner Widget, you would have to click on that. The way to round the corners is, you click on one of those widgets, and you click and drag towards the inside, and it's rounding it. Super cool. Now, if you needed to adjust it a little bit, you can always click and drag, and adjust it. Great. Now, let's do the next one. I'm going to start with this one, top one, and I'm going to click and drag, and create a rectangle, and then again click and drag on the corners. For the last piece, I might zoom in a little bit more. I'm going to click and drag, create my rectangle, and then round the widgets. Zoom out. That's that part now. Now, for the Pathfinder, what I like to do is I like to go to the Selection tool and I like to give my shapes color because I find it much more easy to determine what needs to be cut. I'm going to select all these shapes, double-click on the fill, and change the color. Again, pink, but obviously, you don't have to go with pink. The way I would do this is in terms of patterns. I would think, first, there is the handle and then there's the rest of the body of the bag. Start with the handle, one step at a time. I'm going to select the handle, and this shape is in front of that one, which means that if I click on the second option of the Pathfinder tool, it will cut into the back piece. Now, I'm going to select both and I'm going to join. If you wanted to get rid of the border, you can just do that, and voila, a pink suitcase. Then you can go ahead and do the second one and the fourth one whilst I'm going to demo the third one. Let me zoom in a little bit more. Now, I'm going to go to the Ellipse tool this time, because they're ellipses. I'm going to Alt and drag, and trend the lines of ellipse. Not too bad. Again, I'm going to get rid of the fill and I'm going to add a red stroke, just because it's easier to see. Like already, now, I can see that it's not perfectly lines. I am using the arrows on my keyboards to line it. Next, zoom in, always easier to zoom in. We're going to do these circles. I can either try from this side. Not bad. Then I'm going to do the other circle. That's not ideal. I can move my arrows pretty easy. Then if it still needs to be adjusted, I can go back to the Selection tool and adjust it. Now, for the final shape, it's the little rectangle here. Again, I find it easier when I add color once the outline is traced. I'm going to go to the Selection tool, and I'm going to select all these shapes, and I'm going to add a little fill. Now, again, I'll start with the handle separately, then we'll do the rest. Select these two and then click on the second option of the Pathfinder tool. Nice. Then select these two, and again, the second option of the Pathfinder tool. Nice. The final part, select all shapes and unite them, maybe get rid of the stroke, and voila. Don't worry that you can still see the guides, it's on purpose there because it's an unlocked layer behind. Great. I trust that you are able to do the rest. Now, the final thing I'll show you is how to do these little circles, but you kind of already know, because again, it's duplicate and repeat action. Let me show you. You can start by zooming in and creating a little circle, tiny one. There we go. Then what we can do is like before we alt and drag and make sure you're on the Selection tool. Alt and drag, shift so it's straight and then Command or Control D, then just keep going until it reaches the end. That sound bad, is it? Now, based on what we learned before, I'm going to show you another way to do this. Let's just copy these too so we don't have to draw them again. The two ends, and then Alt and drag down. This time, I'm going to show you how to do this, but with the Blend tool that we covered before. It's all coming into sense why we learn all these things in Illustrator. Remember the Blend tool was here. To apply the Blend tool, you have to click on the one, you click on the other, and it's going to join and blend all these shapes. To modify how many circles you want, you would have to double-click on the Blend tool, make sure preview is on, go to specified steps, and maybe type 10 to see what happens, or maybe a bit more, 15, and something like that. Once you're happy with the amount, you can click on, "Okay", and that is it. Enjoy doing the rest of the exercise and well done. I'll see you soon. 12. Let's Talk Colour: Well done on creating the exercises with the Pathfinder tool; how exciting. Make sure you keep practicing, because practice is key with the Pathfinder tool. What we'll cover now is color. We'll cover how to save your brand or company colors in something called swatches. We'll also learn how to store them in something called CC libraries, which is like a cloud where you can store all your data, things like logos and colors and images and stuff like that. What we'll do after that is we'll start working with color, we'll have a flyer that will change the complete color palette of that flyer using fill and stroke. Let's start working with color. 13. Saving Colour Swatches: Now we're going to cover how to work with colors so that you can change the color of your recently practiced exercises. Again, we go to Open, because we're opening an existing file, and you should have the color zip file. If you double-click on that, you can open it up into a folder and you'll have the same files here. We're going to start with 01 color. I've created this exercise so that we can see how to add colors and save them for our brand guidelines. Because often you need to reuse existing colors so there's consistency with your brand and its always that exact same color. Swatches, that's what we'll work with, and swatches is overhear. Swatches is basically a place where you save swatches of colors, like when you save fabrics, a little swatch of a fabric. Well, it's the same but for colors. You can either view it as a list or as a thumbnail view. That is up to you. For now, I'll show it as a list, and I'm going to expand it and we have a lot of colors here. This is the new version of Illustrator, it has a lot of color. The next thing we need to do is click on this little square and we're going to make this yellow by using the color picker. If you double-click on fill, you'll get to the color picker, and you can move the sliders up and down and look for yellow, click on "Okay." Now how do you save this in your swatches? You go here and you'll see the little plus. If you're using an older version of Illustrator, it will look like a little folded paper in the icon. Either way look for new swatch. If you want, you can call it yellow, and okay. Now I want you to do the same for the orange one. When you're done, we're going to move on to the next one. Now CMYK, what is CMYK? CMYK is for printing purposes, and it's basically a color code. If you're given this code, you know that it needs to be a specific color and it's for printing. I'm going to double-click on the fill and show you. You'll see CMYK over here, and this is where you enter the code. I'm going to put this right here so it's easier to see. Now CMYK stands for cyan, magenta, yellow, and black. It's basically the ink that you buy for your printer. You know those four colors? Well, that's basically it. Now I want you to type in this value, this code 61, 0, 28, and 0. When you're done, you click on "Okay," and that is your color. Now we can go to add a new swatch and you can save the inner swatches. It will appear here. We have yellow, and that's CMYK color. What I'll show you next is super cool. Illustrator has lists of lots of existing patterns and gradients and textures and animal skins, and I'll show you where to find them. I use this quite regularly, they're very good for decorative purposes. So go to the swatch library menus here, looks like a few folders, like a library. You have all these different kinds of swatches. If you go to patterns, nature, you'll see nature animal skins, quite funky. If you click on the hamburger icon, yummy, you can click on large thumbnail view and you can see them in a little bit larger, then you'll see a whole list of animal prints. I use these a lot in fashion, especially the alligator one to display a fake crocodile leather, vegan, but each to their own. Now you can select the next one and I'll show you how to access gradients. I'm going to look at, again, the swatch library menu, go to gradients. These are a whole list of gradients, so you can really choose. I'm going go to gems and jewels because, why not, and you'll see these are all gradients, when it goes from one color to the other. You can access more. These are metals and you can click on these arrows and change. I use metals a lot so in fashion, I use these for hardware, for zippers, and buttons and stuff like that and belts. Now for texture, you can click on the swatch library menus and, again, go to patterns, go to basic graphics and you can choose between dots, lines, or textures. You'll have all these cool textures. Now these are probably the ones that I use the most to display the texture of something, really. You have mesh textures and you can give like a texture of a metal, so it's quite rough, and that's that. Now we're going to move on to pantone colors. Now pantone is used a lot for merchandise, so for printing on fabrics or anything other than paper, really. It's important, sometimes you need to print on a mouse pad, your branding, T-shirt, dust bag, and etc. Just so you know, if you click on this shape and then double-click on the fill, you have CMYK; cyan, magenta, yellow, and black, which is for printing. But you have RGB, which is red, green, and blue, and this is for web, and then you have pantone, which is for materials and merchandise. How do you get this pantone color? Again, you go to swatch libraries, and then you go to color books and you go to CMYK, solid coated, which is probably the most popular one. You'll see a really long list of pantone colors. All you need to do is type 5435. Click on that color and that's that. It's automatically added in your swatches. Now feel free to do the same for the other two. Now when you've opened this file, it's very possible that you had a warning message and something like this image wasn't linked and you can't access this image, and it's possible that now your document doesn't have this image. If that's the case, absolutely no problem, I'll show you how to place this image in. You would go to file, place, and you'll see the image right here. I can click on place, make sure link is ticked, and you can just place the image here, and that's it, pretty much. The next thing we'll learn is the Eyedropper tool, and you might have already seen the Eyedropper tool because it's very famous and it's on a lot of software. I would like you to click on the first square. What we do now is we go to the Eyedropper tool. Looks like a part of the thing you put in your eyes, and a shortcut is eye. Now click on the purple macaroons and voila. Now to do the next one, you have to go back to the selection tool, you have to select the new shape and then you go to the eye tool, and then you click on the blue macaroon. Now if you wanted to save these colors so that you can reuse them, you can always select them, the ones you want, so from yellow and maybe here, and then you can click on this little icon and it will add it to your library. You'll see that it just added the two colors you created in the library. It won't add all the existing gradients because that's already in Illustrator, so it won't let you add it, but the colors you've created, they can be added here. Now libraries is a way to store your content, so it's like a cloud. You create all these colors and you can add your logo there, and it all goes into your libraries and you can access it every time you open Illustrator, so very useful. That's it for color, before we move on to an exercise with color. 14. Working with Colour: Now, let's do an exercise with color. If you click on "Open" and you go back to that color folder, you'll see "02 working with color". What we'll be creating is this, so we're going to change the color of this one so that it looks like this one, or vice versa. Actually, you get to pick which one you prefer. I've created these little posters of a chair. Very girly, very cool. Anyway, open "02 working with color". There it is. If you go to swatches, what I've done is, I've already saved all the swatches, so It's just a matter of clicking and then clicking on a color. I'm going to show you how. We need to make sure we zoom in enough. Let's change the colors. We'll start with interior. Interior actually has a stroke rather than a fill. If we want to make this like that one, what we can do is try and find to which color it is. First time, lucky. Then we need to make sure we go to the stroke and remove the border. That's already done. Next, we select the design, go to swatches, and make sure it's the fill that's selected and not the stroke. Then select, I'm guessing, yellow. Super. For this, the same thing, it's the fill. We need to find which blue it is. There we go. Now, if you click on these two low pieces, I've grouped them so it's going to be much easier to change the color. All you have to do is select it and then click on the correct color, then do the same for this piece, which I've also grouped. This is going to be a very quick exercise, just to get your color just as flowing. Now, for the legs, I've also grouped them so it's just easier to select it. Make sure you're on the Selection tool the whole time. We're going to make it black. Now, for the next pieces, this needs to be white. You can click on white. This needs to be white, click on the white. This white, and that white. Problem now is, it's a little bit hard to tell where the other pieces are, but if you click, you'll see them. The yellow needs to be the other yellow. The middle piece needs to be, I'm guessing, the other. Then this piece needs to be yellow as well. Now, for these guys, which I've also grouped, there are stroke, there are lines rather than fills. If you go to stroke instead, go to swatches and make it white. There we go. Now, for the last pieces, select "Done". I made a mistake because I added the color to the stroke. Need to add it to the fill. Click on the other one, the blue piece, which needs to be this one, and voila. That is a very quick and easy color and fill-in stroke exercise. If you wanted to have fun with this and use your own colors, I challenge you to create completely different colors and a whole different color palettes, and choose a different color maybe, and then you can add it into your swatches and make it your own. Congratulations. See you soon. 15. What is the Pen Tool?: Hey, guys, are you ready for the famous Pen tool? I bet you are. The Pen tool is an art form in itself, and it requires a bit of patience, a lot of practice, and a lot of fun. I love using a Pen tool. What we'll do is we'll trace over existing images and use the Pen tool to convert it into a digital illustration really, that's what the Pen tool is for. I'm excited to start working with the Pen tool. Let's get to it. 16. Mastering The Pen Tool: We're going to learn how to work with the pen tool, which is one of the most important tools in Illustrator. It's for drawing, for creating illustrations. It's kind of an art. I would like you to double-click on the zip file and it will expand into a folder. If you double-click on the folder, you will have access to all the files inside. If you could open up 01-Pen tool new. Again, if you're using a PC, it will look like AI in orange. But I'm using a Mac, so it looks.Like this, so double-click. We'll be creating all these numbers. We always start simple with the pen tool. Start simple and then later on when you practice, you'll get really good at this. The Pen Tool is all about practicing and you never really get it right in the first place. You'd always have to edit, amend, adjust, so anyway, we're going to move on to this page. You might want to zoom in a little bit. Command or Control Plus, so we have the Pen Tool over here and the shortcut is P, so Pen Tool P, selection tool V, direct selection tool A, adding an anchor point is plus, deleting an anchor point minus. So as usual, what I'd like to do is removing the fill and make the stroke red, which is very easy to see, quite striking and then we need to go to the Pen Tool. Now, these are kind of easy because they have corners rather than curves. First shape that has corners, it's much easier. Now what we need to do is connect the dots. We click on one and then we click on two, then we click on three, click on four, five, six, seen. Then to close the shape, you click on the anchor point you started with. This is number one. Let's do number four. Click on one, the starting place, two click, three click, four click, five click and you can count the rest. Click and click on the anchor points you started with. Not too hard, is it so far the Pen tool. I would like you to do the number seven. I'm sure you can handle it. Now we're going to move on to slightly more complicated, We're going to create this heart. Now, as I said before, to create corners, it's just a matter of clicking. But to create a curve, it's slightly different, so what needs to happen is the anchor point needs to be placed at the top of the curve or like I also call it is the peak of the hill. For corners, you keep on clicking but for curves you need to click and drag. I'll demo, so I'm going to click on number one and then I'm going to go to the next anchor points. This time I'm going to click and drag. Can you see these two lines? These are called handles and they're like elastic. If I go crazy, they'll go crazy. But if I just do it very subtly and I follow the direction of the little arrow that I created, then it looks good. Now, I'm not going to get it right the first time. I'm going to get it right and then I'm going to adjust it, so worries if it doesn't look perfect just yet. Now number three is a corner, so you just click. Number four is a curve, so you click and drag. Number one is a corner, so you just click, and we've got our anchor points. Now clearly this needs to be adjusted. To adjust it, we need to directly select anchor points, so we need to go to the direct selection tool or a shortcut. We'll start with this one, if you click on the anchor points, you'll see both handles and it's just a matter of putting the handle. Same for number four, you click and you adjust the handle. Sometimes you kind of need to move an anchor point around. Let's go even more complicated now. Let's move on to number two. We're on the direct selection tool, so we need to go to the Pen Tool or P. Again, you start with one, so you click corner, so you just click. Number two is a curve, so you click and drag. Number three is also a curve, so you also click and drag. Number four is a curve again, so click and drag and just do it minimal. You try and align it to this arrow, the same, make it parallel. Then this is a corner, so you just click. Now it's all corners, easy click, click, click. Now again, we've gone to a curve, so we need to click and drag. We can adjust it later, no problem. Corner click and click, not too bad. Now to adjust it I need to go to the direct selection tool, click on an anchor point, and I can play around with it until I get it right. Let's move on to number five. Again, we're on the direct selection tool, so we need to go to the Pen Tool, click on a corner, click on the next corner. I'm just going to undo. edit, undo or Control Z. I'm going to start again, click, click, click. Now number four is a curve, so I click and drag. Number five is also a curve, click and drag. Number six is a curve, click and drag. Number seven, actually a corner, so click, eight click. Nine is a curve, click and drag. Ten is a curve, click and drag, 11 is a tiny curve, click and drag, 12 is a corner. Then one, you click on the anchor points you started with. Now for adjusting, you go to the direct selection tool. Where shall we start? This looks pretty good. Start with six, going to move the anchor point and then I'm going to elongate, stretch out the handle. You can do the same for each click and drag. Now I trust that you can do number six on your own with the skills you've just learned. Don't worry, I sometimes refer to the Pen Tool as the paint tool back then because it wasn't always easy to get it. This just took me years of practice and years of tracing over illustrations and images, and eventually I got it. Now, it's the most satisfying thing in the world, so good luck. 17. Creating an Illustration ( Pen Tool): If you go back to the Pen Tool folder and you look at Tracing Images, I've added a lot of images that you can practice with tracing. This one is quite a good one for practicing because you have a few curves and you have a few corners. I suggest you try and trace over this or get your own images or even a picture of yourself, a selfie that you would like to try and trace. What we'll do next is we're going to trace this car and we're going to use a Pathfinder, so we combine a few skills here. I would like you to double click on 02-Tracing & Pathfinder. We're just going to do the car and then feel free to do the other ones. I'm just going to zoom in. There we go. To start with, we always need to go to the Pen Tool and we need to make sure we have no fill. Always make sure when you trace over graphics, no fill. Maybe we'll make the stroke red again. It's easier to see. You can choose where you start. I'll start over here and I'll just click because this is a tiny corner. Now this is the top of the hill. So this is where I'm going to add my anchor points. There are so many ways of drawing this. This is just how I would do it. But every illustrator has a different way of creating an illustration. I'm going to now click and drag because it's a tiny curve and then I'll move on to the next one, click and drag. Then the next piece, click and drag. Then over here, click and drag, then click and drag. Click. This is a corner. Click and drag. This is one long line so you can just click until the next corner and then this. I always try and add the fewest possible or the least possible anchor points. Because the more anchor points you have, the more kinks and bumps you'll have so try the least possible and the top of the hill or the peak of the hill and click and click. Don't worry if yours doesn't look exactly the same, it's all about practice. See I've made some mistakes here, which is absolutely fine because you'll love the next tool that I'm going to show you and it's called the Smooth Tool. It allows you to smoove what you've just created. Let me zoom in a little bit. For a smooth tool, make sure you go to the Selection tool and you have your path selected. The smooth tool is hard to find. Its under shape or tool, right-click and it's over here. I remember it because I know the shortcut of the pencil tool is N and it's right below the pencil tool. Then you can start clicking and dragging and you'll see that it will start to smooven it out. To be honest, I was quite happy with the way I created mine so the smooth tool is not that necessary for me. The better you get with the pen tool, the least you'll need the smooth tool. But it's quite good to start off with. So you just literally click and drag and try and drag it in the direction of the path. Now you can do the windows, and I'll show you actually a couple of tricks of doing the windows. For the windows, what you can also do, just another way is you can start by drawing a rectangle and you can use the corner widgets that I showed you before. Again, let me zoom in, and you round the corners. Might need to adjust a little bit. You can get rid of one of the anchor points by going to minus or delete anchor point. Click and click. Now the problem here is that it's now a corner and we need to make this into a curve. We need to go to the Pen Tool and I'll show you another trick. If you hold down the Alt key whilst you're on the Pen Tool, you can click and drag it and it will curve that line and you can adjust it. We can do the same for the front window, it's exactly the same principle. Then the middle window is literally a rectangle with rounded corners. You can do the same for this little one here. Go to the Pen tool, click, click, and drag. Click, click and drag and here. We might need to adjust this. So direct selection tool and move it around and change the curves. Now for the wheels, I'll show you two ways of drawing these wheels. One of them is using the Pathfinder tool and the other will be another way. Let's draw two circles. Start with one Alt-Shift to draw from the center. To draw a second one from the center, you have to deselect it. Go to the Selection Tool, click away. Go to the Ellipse Tool again. Try to find the center and Alt and drag. Might need to move the arrows down so it's more aligned. Go back to the Selection Tool. As usual, give this fill a color. Horrible color. Remember, we need to use the Pathfinder tool. To use the Pathfinder tool, we need to make sure that the little circle is in front of the bigger circle. Otherwise it won't work. What you do is you either right-click on the bigger circle, Arrange, Send to Back or you can use a little shortcut that I showed you, Command or Control square brackets. That works too. Now select both circles, make sure you're on the Selection tool and now use the Pathfinder tool, and voila. Before we do the second circle, we're going to apply the Pathfinder tool to the rest of our car. So now we're going to select all our shapes and we're going to remove that awful stroke. We're going to go to the Fill and just add a little color. I'm going to select those windows and give that another color so it's going to be easier to see. Then that circle as well, you can remove the fill and you can use the Eyedropper and copy that. It's a little bit better. Looking nicer now. Now we're going to select the car and the windows. Avoid the little wheel and now we just click on the second option of the Pathfinder tool, and voila. Now the wheel, you could just duplicate it, Alt and drag and have it. But I'm going to show you a second way to create this wheel as follows. Instead of creating two circles and using the Pathfinder tool, there is a faster way. You could just go to the Ellipse Tool and hold down the Alt and Shift like before and remove the fill and have a stroke. What you can also do is swap the fill and the stroke. I'm going to show you something I haven't told you yet. That is how to change the stroke or the border. If you go to stroke over here in the properties panel where you'll see fill, stroke, and opacity. If you go to stroke, you can increase that and give it a bigger stroke. You might need to make this a little bit smaller. That is a way to create that. Now if you wanted it to have a fill and a stroke around it, what you can do next is Object, Expand. This means that it will convert this shape into a stroke, so border around it and it will fill it inside. If I click on "OK", you'll see that this one is now like that one. It has a fill and you could also have a border or a blackboard maybe if you wanted to. That is basically it. To create something like this, you use a combination of the Pen tool, of shapes, of the Pathfinder tool, and maybe expand. Well done and if you wanted to, you could practice it with the more complicated ones. Just keep practicing. 18. What is Image Trace?: Hey, guys, I hope you enjoyed using the pen tool. There are lots of images in that folder that you can use to practice the pen tool. If you keep practicing, you will get very good at it and very familiar with it and you might even love it the way I do. What we'll cover now is the famous image trace tool. You might have heard of it before. It's an automatic image tracing panel that converts pixel-based images into vectors or digital illustration. It's very easy to use and I hope you enjoy it and I'll see you soon. 19. Using Image Trace: Okay. We're going to learn about the famous image trace tool, which essentially converts pixel-based image, so any image, into a vector or a digital illustration. Double-click on the zip file. It will expand into a folder, and you can access the files inside. We're just going to use some of these images. Let's go to Adobe Illustrator. This time, let's click on "Open". Go back to "Image Trace", and we can start with a logo, actually. Often, people are given JPEGs of logo, which is wrong, instead of PNGs or vectors like EPS or AI or SVG, and then they're stuck with a white background which they need to remove. One of the ways to do this is to image trace it. You click on "Open", and there it is. We can change our art board later. If you go to "Window", there's a panel called "Image Trace". You have a whole load of options here under "Presets". If you click on "Preview", you can preview what you're doing. What I do is I always have a look at all the options, I click on them one by one. See, this one doesn't do too good job. Let's try black and white logo, not too bad, technical drawing, it's gone. Line arts or silhouettes. There we go, not bad. The cool thing about silhouette is it got rid of the background. It does the job for you. Now, to make it really happen, to actualize it, you always have to click on "Expand", which will convert tracing objects into paths. There we go. Now, if you wanted to change the color of individual letters, remember that as a default, it gets grouped, so we would have to right-click and ungroup. Then you could go to the "Direct Selection Tool" or the selection tool, click on the letter, select the fill, and you would be able to change the color by double-clicking on the fill and clicking on "Okay". Now, little problem here, as you can see, it's gray. The way to change this is to go to the little color palette, go to the hamburger icon, yummy, and select "CMYK", and that will add the colors. Then I forgot to select the others. But you can do the same for the others. There we go. Or you could click on here and "CMYK". Now, if you wanted to change the art board, so it's landscape, you would have to go to the art board tool, and all you have to do is click on "Landscape" and maybe move it around a little bit, and then go back to the selection tool. Always go back to the selection tool, and you can select your whole logo and if you wanted, you would have to resize it by holding the Shift key. I can move it. Now, remember, if you wanted to see whether it has a transparent background, you can always go to the transparency grid and you'll see that there is nothing in the back. Now, if you wanted to save this, you would have to go to "File", "Save As", and you would have to save it as an SVG, which is a vector or an Adobe Illustrator as a vector, and actually each of these will be a vector, so which means that it will still be editable in digital illustration program like Illustrator. Let's do another image. We go to "File", "Open". What image are we going to do? Let's try the macaroons, making me hungry. Whoa, it's a big image. So you just select it and resize it by holding down the Shift key and click and drag, just move it up here. Back to "Window", back to "Image Trace". If you click on "Preview", you'll have a lot more to play with here, a lot more because you have more colors. Let's try "Low Fidelity Photo". Now, it will take its time. It always takes time because it's converting every pixel into a path or a shape. Wow, that looks like an image, but it's a vector. Go ahead and zoom in and see for yourself. Now, how cool is that? Super cool. Let's try another one. Let's try three colors. That's pretty cool. Let's try 16 colors. I'm just playing around with this to see which option I like the most. It's all looking very Andy Warhol already. Yeah, that's really nice. Have fun playing with all the different options of the image trace and try it with different images. That's it for image trace. Always remember to click on "Expand" after so that you can modify it. You can select the pieces and let's say change a color or something like that. Yeah, enjoy. 20. Let's Talk Text: Hey, guys, I hope you enjoyed the Image Trace Tool, and that it was fun for you the way it was for me. What we'll cover now is how to work with text, how to format text, how to change the font size of text, the font color. We'll learn two new tools; One is called Type on a Puff Tool, and it does what it says on the tin. The other one is called the Touch Type Tool, which is very cool. It's a surprise. I hope you enjoy it. See you soon. 21. Working with Text: We're going to work with texts and type. You'll see 07 Type zip, which is a zip file that if you double-click on it, it will expand into folder, and you can access the files inside. We'll be working with 01 Type. Now again, this might look different on a PC. It might say AI in orange. Just look at the name of the file and that's the one we need. Now, we're going to need some font. If you go to the fonts folder, I've already placed some fonts that we can download, so we have them, and we have no missing fonts. You can double-click on one and click on "Install Fonts". I already have all of these, so if you could do that for all of them, that would be great. We're ready to go, so open 01 Type. To work with the Type Tool, we need to go to the Type Tool, and the shortcut is T. Below, I've added the font name, what it's used for. Let's zoom in a little bit. We're going to recreate this piece of text. What we start with, is we start with a text frame. We're going to do one by one, and I'm going to demo how to do all of these. We click and drag, and create a very generous big text frame. Then you can start typing the text in. Now that we have the content of the text, we're going to text format it. Let's start by highlighting Illustrator Rocks. Now if you're using a newer version of Illustrator, you'll see in the Properties panel Character and all this information here. Alternatively, you could always go to Window, Type, Character, and you have that same panel over here. Let's start with Character. The font is Myriad Pro. It's already in Myriad Pro, but if it's not, you can just type it in or search for it. Now, the font needs to be bigger. This is the font size. If I were to increase the font, it would be bigger. I can also highlight this box and press the upward or downward key on my keyboard to increase or decrease. So cool, I love doing that. Now, can you see the three dots? That's always for more options. If you click on them, you'll also have these other options, like all caps. Actually, I believe this needs to be in bold, so you can select Bold. It's a little bit big, isn't it? You can just decrease the font size. Now, the next thing it needs to be is in the paragraph section or in the panel would be here, Paragraph, same thing. Select Align center, because it needs to be in the center. Great. Now, for the next pieces, we want to move this text a bit down, don't we? What we can do is click after the exclamation mark. If we go to Paragraph, the three dots, we'll have more options. We'll have something called space before and space after, which will add more space after the chosen paragraph. If I were to increase that, text would go down. Now, obviously, my whole text frame needs to be moved down. If I go to the Selection tool, I can move the whole piece of text down and I will need to go back to the Type Tool. Click in the text frame to carry on the editing. Now let's add more space after, because it needs a little bit more spacing, doesn't it? Back to Paragraph and add more space. Super. Now for this one, so select after Illustrator, three dots in paragraphs and add more space after. Great. Now for this word illustrator, it just needs to be involved, doesn't it? Select Bold. As simple as that. Now for graphics, if you could highlight graphics, and obviously needs to be in italic. Now how do I change this color though? Easy. I can just go to my colors and select whichever reds I think it is, and there we go. That's the first section. Now the second section is pretty cool. It's using the type on a Path tool to have texts in this cool curve. You don't have to type the whole text, you can just highlight it, click and drag. Then edit, copy or Command or Control C. Now it's copied. Now if we want to paste it in here, we need to go to another variation of the Type Tool. If you right-click on the Type Tool, you will see type on a Path tool, and that's the one we need. You need to start here. You start where the text starts and you just click and now you paste; edit, paste or Control Command V, and that's that. Now for the next piece of text, I'm going to select this piece, and I'm just going to put it over here for now. We might need to copy this again. What we'll do to create this is we're going to need to create two circles. One is the actual circle and the second one will be the path for text. What we do is we go to the Ellipse tool as usual, and which we want to draw circle from the center, we Alt and drag and Shift. Just for now, we are going to swap the film of stroke. What we'll do is we're going to create a second circle. What we can do is edit, copy, edit, paste in front. That means that instead of pasting it, like if I paste in a random spot, it's going to paste it directly in front of the existing circle. There will be two circles if you look. One, the original and one is the one I pasted. Now to make it bigger, you can hold down the Alt and Shift and drag from the corners. There we go. Super. Now we can change the colors and whatnot later. First for the texts. Maybe we go to the Type Tool now, the plain Type Tool and we just make sure that we have this text copied just in case we didn't before or something happens. Then we're going to go back to the type on a path tool and we're going to click over here like where we think use will start, over here and we paste, edit, paste or Command V. Super. Now we need to adjust this text. What we can do is select our texts and we can start making it bigger. We can go to More Options, make it all caps. Still make it a bit bigger. We might need to add an exclamation mark as well. Now if you see a little gap here, this could be because of a number of reasons. It could be that the font is not right. We can make it smaller. It could be that our circle is bigger and actually that is a case, our circle is much bigger over here. But that is fine because there is a little solution to that. This is called Justify. If you go to Paragraph and you click on "Justify", it will push everything together, and the gap will be gone. Now select your whole text and we're going to change the color. If we go to the swatches, you can pick any color you like if you want or we could just try and see which gray it is. I think that is darker gray. Should be about right. Then we go to the Selection tool, we select the circle, and we make it gray. We remove the stroke and voila, more or less. You get the gist of it. You can make it with all different shapes as well. Now for the really fun part, the Touch Type Tool. What I would like you to do is go to the Type Tool, create a text frame, and type in Touch Type Tool, and select it all. Now if it looks weird, it's because we're still on the previous setting of justify all lines. We just need to align center and add the appropriate returns. Okay. Now we need to change the font. The font for this is Cooper. There it is. We need to make it bigger of course, like that. Now the reason this is happening is because something called leading is wrong. The lending, this is the leading is the space between the lines. We need to increase the space between the lines for it to have more space. One of the final touches is changing the color. We go to Swatches and we try and find the red again. Viola, Okay. Now for the fun part, moving a letter up or down, making it look very cool. There is a specific tool for that and it's called the Touch Type Tool. If you go to the Type Tool and you select the Touch Type Tool, it's literally so easy. All you have to do is click on the letter, and you can move a letter up or down. Click, can move it up. Click, can move it down. How fun is this? Click another letter, move it down. You can make this your own if you want, and use your own text and your own logo and fonts and colors to make it your own. Well done, and this was an introduction to text and type. 22. Let's Talk Flyer: Hey, guys, we have now come to the time of the course where we put all our newly acquired skills to the test with a big holistic flyer exercise. We'll be using all the exercises we created: the graphics of the houses, of the suitcases, of the cars, and much more. We'll be bringing it in our holistic flyer, and creating a sort of collage of all our skills we've learned. We'll be learning as well three new things. One of them will be how to work with gradients. The other will be how to work with symbols, which are existing free icons inside Illustrator, there'll be little clouds that we'll be using as a background. The third thing is how to use transparency to make the clouds transparent. I hope you love it and see you soon. 23. A Flyer: Adding Gradients & Symbols: Now we're going to create a Project Advertisement or a flyer that covers the Pen tool, gradients, transparency, image trace, colors, and much more. So if you could double-click on Project Advertisement, the zip file, it will expand into folder. You can then double click on that folder and you'll have all the information in here. You'll have houses, which we'll be placing in this illustration. We'll have a plane and suitcases. If you look at my previous lessons, these are all covered, how to draw these in detail. But feel free to draw them again in detail if you're really keen. We'll be creating this from scratch. So we'll cover the Pen tool and text and a lot of other different stuff. We'll cover something new; how to add these clouds and make them transparent using symbols. So I would like you to open Travel Project Working File. There it is. This is what we'll be creating. So I've already created another art board, so it's all set. Now the first thing we'll start with is, can you see that the graphics, they bleed over the page? That's because this one has been created with bleed line. So we're going to add a bleed line to our art boards by going to File, Document Setup, and making the bleed three millimeters all around because that's the industry standard. This is what we'll align our graphics to, the red line. So what we'll start with is the background layer. I always work my layers from the back to the front. I start with the back layer and then I go to the next furthest back layer and then the one in front of it and then the one in front until I go to the utmost front layer. To create a background, we just need to go to the Rectangle tool. We can just remove the stroke. It could just be wide for now, that's fine. In my swatches, I've added here in safe travel now all the colors we'll need. This obviously has a gradient so I'll show you how to do that. But first, let's create a rectangle. So you click and drag, and there's a rectangle. Let's make this blue. Let me show you how to make this into a gradient. If you click on that, the blue is gone, but no worries, we'll fix that. This is the gradient panel. If you double-click on this sets of color or Gradient Slider, color stop. So if you double click, you can then choose blue, and now it's blue. So this is great, but obviously it's in the wrong direction. So we need to go to the Gradient tool this time. What you can do is click and drag and start playing with what you think is right for how the gradient should be. More or less, don't worry, we can always change this later, no problem. Now what's important is that we lock this layer, because this layer is going to be in the way if we don't lock it. So we go to Layers and we'll see it's highlighted here, this rectangle. We just click on here and lock it. Very good. Now we can close this for now. The next other new thing I'll show you is how to create these clouds. Actually we don't have to create them because they already exist inside Illustrator. We just have to grab them. So as usual, we go to the Selection tool. Now, here is an icon and you'll see symbols. If you click on it, you'll see all sorts of, you won't see these actually, but if you go to the Symbols library here, you'll see a whole list of existing symbols or icons, basically they're icons, that you can use. If you click on the arrows, you can just go through all of these and you have loads of cool ones. To find the clouds, you will have to go back to Symbol Libraries Menu and go to Nature. Under here, you'll see loads of nature-based icons. Feel free to use any of these. For the clouds though what you do is you click and you drag in on your page, and you click and you drag in on your page, and another one, and you can keep going. You don't have to create the exact same clouds that I did. You can have fun with it and make it your own. I will just for this purpose try and make it the same. Is it this one? Yeah, I think so. So far, so good. Now you can close this and we have our clouds. Now these clouds are more transparent. So I'm going to have to make it transparent. How do you make it transparent? Well, you select it and then you'll see here fill, stroke, and opacity. Fill was the color inside the shape, stroke is the border, and opacity is how transparent it is. So if it's 100 percent opaque, it means it's completely dark and not transparent. If you reduce the opacity, you increase the transparency. So I always think of opaque tights. So if I buy opaque tights, they're not transparent. You start decreasing that and you'll see the cloud decreasing. Now we can do the second one and the other one or you can just select all three in one go. This is possible because we locked the background. Then you can reduce the opacity in one go. Cool. Now let's close this. We will no longer need symbols. 24. A Flyer: The Pen Tool: Now, the next part we'll do is the hills using the Pen tool. I guess the easiest way to do this is to directly trace it over the existing one and then we just bring it to the right. We go to the Pen tool or shortcut P. As usual, we remove the fill and give it a red border just so it's really easy to see. We can zoom in into this one. There we go. We start. This is a corner, so we click. We want to place our anchor points at the peak of the hill or the top of the curve, and then we click and drag. Then this is the bottom of the curve, so click and drag. Either the top or the bottom, click and drag. Click and drag, click and drag. It's satisfying, isn't it? Click and drag. Now, you don't have to make it exactly the same. Click and drag, click and drag, click and drag, and then click. Now, to make it straight, you can always hold down the Shift key and it's going to be a straight line. You do the same over here, shift and click and shift and click. Now, we need to try and find which color it is. Obviously, our stroke needs to be removed, no border. Then the fill, we'll go to our swatches and try and find which of these it is. I think it's this one. Now, to move this to the right-hand side, we go to the selection tool, might want to zoom out a little bit. We can just click and drag it to the right holding the Shift key so it doesn't go up or down, just straight. Now that I'm happy with this and I'm happy with the clouds, what I'm going to do is I'm just going to lock everything so it's not moving, so nothing will accidentally move it. I'm just going to select it all, go to my layers, and just start locking everything. We are currently working in the working layer, and the other one, the original, is in the locked layer. Now, nothing is going to be in my way. Now we can start placing all the houses and trees, and start resizing it. We go to "File", "Open", and we can open each of these. Just let's open all of them. All we'll have to do is grab them eventually. These will be opened in individual separate documents. I'll show you something really cool now. Let's go to trees. Let's select all our graphics, and if we click and drag, and drag it to the top of Travel Project, we don't let go, I'm just still holding the left button of my keyboard, then we let go on the actual page, this will be placed in my document. Obviously, they're really big, so let's make these smaller. Hold down the Shift key and you can drag it. Now, if I wanted to make it this color, I could go to my swatches and try and see which color it was. If you're not sure, you can always use the eyedropper, that's absolutely fine as this one, and go back to the selection tool. Before I start adding all this stuff, all the items, I'm just going to add the houses as well so we have all of them. Now, the houses are here. You can do the same thing, you select the houses, click and drag, drag it to Travel Project, drop it over here and potentially make it smaller. I think everything needs to be a bit smaller, doesn't it? Then either use the eyedropper tool or you go to swatches and try and find that color. Super. Now, feel free to resize everything. What I'm going to do is instead of just dragging them and just placing them here, I'm going to duplicate them because I might need a few copies of them. I'm going to go Alt and drag and drop. I'm not concerned with resizing and rotating it, I'm just concerned with placing them, copying them. Now that we have all the elements, let's start resizing them and rotating them. You can start clicking and dragging, and you hover over the corner until you see that rounded double arrow and then you rotate it, click and drag, just start rotating things. Again, you have freedom to design here, so if you're not happy with the original one, you can make it your own and change colors, whatnot. Now, the bike, again, you need to resize it, make it smaller, and rotate it. Now, this bike, make it smaller and rotate it. I feel like person riding with this bike would probably die because it's such a steep hill, but whatever, we're just being creative. This house and make the tree smaller, and there we go. Now my houses and my bikes are a little bit bigger, but that's fine. I love trying different techniques and skills. Once you've done that, you can just select all your shapes and delete them, or if you're a bit nervous about it, you can just bring them down and keep them in the pasteboard just in case. 25. A Flyer: Using Image Trace: If we wanted to make sure that all our graphics align on the right-hand side, what we could do is make sure we go to the Selection Tool and click away and add some rulers so that we can make sure there are lines. The way to do this is to go to over here, Click to show Rulers. At the top you'll see the numbers or rulers and from there we can click and drag and start adding some guides. You can add guides to everything if you want. Even this could add some for the text and more later even for the plane. Now, I can start clicking and dragging with the Rectangle Tool and create a rectangle over here in the correct color. You can do the second rectangle as well. If it's not [inaudible] , you can always use the eyedropper. Before we move on to the other bits, which I trust that by now you should be able to do them on your own, what I'll do now is I'm going to show you how to do the airplane and I'll show you how to do windows and then the rest we can all finish on our own. Let's go to the plane. Our plane silhouette is here somewhere. But if you look at it, it's actually an image, which means that we need to image-trace it. So what we're going to do is we're going to go to Window, Image Trace, and look at all the different options. Make sure Preview is ticked. You can click on silhouettes, and viola. Make sure that when you've used Image Trace, you click on "Expand" to convert it to a vector. Like before, we click and drag and add it over here. Now we need to resize it. So Shift and click and drag. If you want, you can literally go over the original ones, you know, it's exactly the same. Then you can change the color. I believe it's actually this one, but with a transparency. So if I go to Opacity and I reduce the opacity, there we go. Next, if you want, you can lock it by going to Layers and locking. See that was highlighted, you locked that. That's locked. Next, the window is the little lines. So I'm going to show you how to use the Line Tool, which is fairly easy. You just need to go to the Line Tool and you need to click from one end and drag it to the other end holding down the "Shift" key, which means it will keep straight. Now we just need to have a white stroke to make this white. You can also make it white by the way. If you click on a stroke, you can click on white, and this will make the stroke white. Now we have to increase the weight in the stroke. There we go. Now, the same goes for the other lines. What I'm going to do is go to the Selection Tool now. Instead of redoing this line over and over again, what I'm going to do is just duplicate it. So I'm going to Alt and drag and hold down the "Shift" key. Alt and drag, hold down the Shift key. Again, super. Now we do the same for the landscape ones. So we go to the Line Tool. It's in the middle of the cloud, around here. We click and drag and hold down the Shift key to make sure it's straight, always needs to be straight. Then, we're going to go to the Selection Tool and we're going to Alt and drag like we did before but this time we're just going to Control-D and repeat the actions. If you press "Command Control D", it will repeat the exact same last thing that you did. Which means that it's repeated and we might need to move a few things around, like the plane might need to move to the left and stuff like that. But I trust you to make this right. Now please make sure you do the rest by adding the luggages, the suitcases from over here and changing the color by adding it to the text. Here is a text copy which you will be able to use. When you're done, you have a whole exercise for yourself and feel free to change the colors exactly the way I did it over here. You can make a whole cool, totally different color palette. You can click and drag and drag the suitcases over here. Make them smaller. Try and get the correct size. Then you can change the color. Actually you might need to duplicate this one, Alt and drag, and start changing the color. You can either use the Eyedropper or not. Or you can use the swatches. Then this piece. We might need one more to go over here. You can just grab all of these and move them here. Whoops. I just realized I made a mistake over here. Can you see that this suitcase moved without its studs? What you can do is highlight all of it and maybe delete the guide for now. Highlight the whole suitcase with the studs. If you right-click, you can click on Group so that it stays grouped together. Problem solved. 26. A Flyer: Adding the Text: Same as before, we're going to trace over the existing graphic. We're going to go to the Pen tool, and maybe zoom in a little bit. Make sure that there is no fill and the stroke is red. Actually, we won't make this red this time because it already is kind of red. Let's choose a contrasting color, maybe blue. We're going to go click, and click and drag, and click and drag, and click and drag, click. Hold down the Shift key, hold down the Shift key, and hold down the Shift key. It's not exactly the way I wanted. I could go to the direct Selection tool, click on the anchor points, and I can always customize it. No problem. That's pretty nice. You want to try and get the least possible amount of anchor points. Then once that's done, you go to the Selection tool, and you might want to make it red. Actually, that's the stroke, so we would need to remove the stroke, select the fill instead, and then select that color, and voila. Now, we move it to the right holding the Shift key so it stays aligned. Starting to look good, doesn't it? Next, we'll work with the logo. The logo is one of these exercises. It's one of these files. Here we go. This one. I would like you to select it, and drag it like before, and drop it. You might be wondering, well, how do I get rid of this black background? How do we just make it white? Well, that's it. You just have to remove the black background by going to the Direct Selection tool, because it's currently grouped. I go to the Direct Selection tool, I can directly select just the background and then I can delete it. Then you can go to Selection Tool and you can move it around, and voila. Now, for the text, it's very easy. First, we already have the text copy, so we just need to copy this. Make sure you go to the Type tool, and you select this piece of text, and you go Edit, Copy or Command C, Control C, and then we go and create a second text frame, and we paste.. Edit, Paste, or Command V, remove text copy, make the text white by going to our swatches and choosing white. Now, it's just a matter of changing the font. Make it smaller. You can choose your own fonts, whatever you want, doesn't have to be exactly the same. You have just made it slightly different, and that's pretty much it. I would like you to do the same for the text over here. You can just create a text frame, click and drag, highlight it, change it to white. Maybe increase the fonts a little bit, change Safetravel to bold, and there we go, pretty much. You want to tidy up your page, you can get rid of the guides, Delete, and voila. Congratulations. I hope you have a lot of fun with this, and that you use your own colors like I did here, and make it your own. Well done. 27. Let's Talk Saving: Hey guys, I hope you enjoyed working with this big massive exercise and you got to practice all the skills you've learned throughout this course and feel free to go back to it and use your own colors or logos or images and all the content you want to make it your own. What we'll do now is we'll learn how to save and export files. So we'll learn how to save files into a vector format so digital illustrator, like Adobe Illustrator or SVG or EPS. But we'll also learn how to convert it into a pixel based image, like a JPEG or a PNG, which is great for clear backgrounds. Then I'll show you how to package your Adobe Illustrator file, which basically means that it's a folder where everything is going to fit nicely into this folder. Things like your images, your texts, the Adobe Illustrator file, and the PDF. We'll also learn how to create an Adobe PDF, which is a file that acts both as an Adobe Illustrator file, which means you can edit it in Adobe Illustrator with all the layers and as a PDF. That's exciting. I'll see you soon. 28. Saving & Exporting: Now that you have created a piece of artwork, this could be with your own materials. How do you save it? That's what we'll cover now. There's a few ways of saving it. If you go to File, Save As, you can save it as an Adobe Illustrator file, which means that it will be a working file. You can still edit it in Adobe Illustrator. If you click on "Save", it will be a file like this one. Or if you're using a PC, it will look like the logo AI, which is in orange, which is Adobe Illustrator icon. Now, if you use EPS illustrator template or SVG, these will all be vector formats, which means that you can always add a DOM further in Illustrator. If I select the SVG for instance, and I call it save travel, and I click on Use art boards, I can choose which artboards I want to save because currently I have two. Or I can choose Range which will only allow me to save the one I choose. Let's click on "All", and let's click on "Save", and "Okay", and let's just have a look back in our folder, which is here. Look, I have two SVGs file. One is the second one I just created, and this one is the original one. If I were to open this with Adobe Illustrator, that is it in its own file. Going back to this, let's look at other ways to save it. If you go to File, Save As, you'll see, Adobe PDF. Now, this is quite new, and it's pretty cool. If you click on "Save", I'll show you. An Adobe PDF and illustrator means that it's a file that will act both as an Adobe Illustrator file, and as a PDF. That means that you only need to have one file. If you're not sure, it says here in the description, saving an Adobe Illustrator file as an Adobe PDF document, use these settings when you plan on editing a file again in Illustrator, or when you need to place it in a layout applications such as InDesign or when the final use of the file is unknown. You're not sure what you want to do with the file, but you still want to edit it, but you also might need it as a PDF, so that's someone that doesn't have illustrator. We'll be able to open it, then this is a good choice. Just make sure you tick preserve illustrator editing capabilities. Now this will make the file just a little bit bigger because it's still editable. You'll have all the layers and stuff like that. Marks and bleeds. Remember we added a three-millimeter bleed mark. If you wanted to include that, you will have to tick on Printer's Marks, and they will include a bleed line. But this will only be for printing rate, so it will have these ugly marks that you don't want if it's for a web PDF. I'll show you how they look like. Then you can just click on "Save PDF". Just let Illustrator do its thing and here it is. It went to my other screen. These are the ugly little marks I was talking about, and this is a file for printing. Now if I were to open this in Illustrator, if I go back to my Finder or File Explorer for PC, there it is, my PDF. If I were to open this with Adobe Illustrator, you'll see it says the name is PDF, so that means that I've just opened this file and I have all my layers if I click on stuff, you see. You can still modify it. That's cool. Now let's look at some other ways to save it. If I go to File Export, Export As, what it will do is convert it, which is at a vector file, convert vector files into pixel format. A JPEG or a PNG is a pixel formats. If you look over here, you have a lot of options. PNGs, pixels, JPEG, you must know, its pixels, tiff is a very high-quality pixel-based image. So PNG is quite preferable actually if you use logo once that's done. None in this case because this is a flyer. But if you're using a logo, PNG will allow you to have a clear background while still being a pixel. But in this case, we'd just need JPEG, because we don't have a clear background, We don't need one. We click on, "Use Artboards" again. It will create two separate JPEGs from each individual artboards. Artboards are essentially like pages. What I like about here, is that I can choose the quality of my file. Now, obviously the higher the quality, the larger the file size. I reduce the quantity, the file size will be smaller, so it totally depends where you need to post it to or send it to and the restrictions of file size restrictions. Then just press "Okay", and let's have a look at our fall back to Finder. It's looking very messy now, this file, but can you see now I have two JPEGs here, and there? They're just plain JPEGs and they can be used for a lot of different things. Now there is one final thing that you can do is package your whole Adobe Illustrator document. If I were to go to File Package and I make sure I Copy Links, Copy Fonts, what it will do is it will create a separate folder with all my information in it. So you'll have your Adobe Illustrator file, your PDF and the images. If I click on package, this is just Adobe Illustrator telling me not to steal stuff that is not mine. We're using a lot of free stuff here and stuff that I personally created, so we're all good, and then we click on "Okay", and show package. Let's see what you got. This as a package. We have the PDF, which is a lost PDF we used, and the fonts. Now this PDF is both an Adobe Illustrator file as well as a PDF. It's all in there. We didn't use images. Everything we've used is vector. But if we didn't have images in this file, there'll be an image, a folder called links, and you'll have all the images inside that folder, which is what packages are useful to keep all your information in one file. I hoped you enjoyed this little saving tutorial, and I hope you go on and create amazing illustrations, flyers and vectors and whatever your heart desires. Congratulations. 29. What's Next?: Hey, guys, congratulations on completing this Adobe Illustrator course. I'm super happy for you, and I hope you go on to create amazing illustrations and icons and vectors and flyers and anything your heart desires. You have successfully learned how to create shapes and icons and illustrations. You have successfully used the Pen tool and swatches and image trace and texts and much more. There is so much you can do with these skills, they're so transferable. Now, if you wanted to learn how to create a brochure and a PDF and a multipage PDF and booklets and e-book, then the application for you, the software for you is Adobe InDesign. Now, you're in luck because I have another course which is an Adobe InDesign course and it's called Adobe InDesign CC beginners workshop essentials, and it's exactly the same format. If you enjoyed this format, you will enjoy that course, and if you have both software together, you use them together, then you're a winner, and there's so much you can do with it. So I look forward to seeing you soon.