Vector Illustration in Adobe Illustrator: Create a Fun and Effective Workflow | Kyle Aaron Parson | Skillshare
Search

Playback Speed


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

Vector Illustration in Adobe Illustrator: Create a Fun and Effective Workflow

teacher avatar Kyle Aaron Parson, Graphic Designer and Illustrator

Watch this class and thousands more

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

Watch this class and thousands more

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

Lessons in This Class

    • 1.

      Vector Illustration in Adobe Illustrator

      2:39

    • 2.

      Class Project

      2:05

    • 3.

      Sketch: Keep it Simple

      3:18

    • 4.

      Layers: Building an Illustration

      2:05

    • 5.

      Creating a System: Customizing Your Workspace

      3:05

    • 6.

      Creating a System: Setting Up Your Template

      6:10

    • 7.

      Importing: From Page to Screen

      1:42

    • 8.

      Line Work: Getting to Know the Pencil Tool

      4:30

    • 9.

      Line Work: Illustrating with Overlap

      3:11

    • 10.

      Line Work: Trimming and Joining Your Paths

      5:09

    • 11.

      Line Work: Putting It All Together

      6:01

    • 12.

      Base Color: Selecting a Color Palette

      5:22

    • 13.

      Base Color: Using Live Paint Bucket

      4:02

    • 14.

      Color: Putting it into Practice

      2:13

    • 15.

      Refine the Line: Line Weight Hierarchy

      4:25

    • 16.

      Refine the Line: Stroke Profiles and Width Tool

      5:32

    • 17.

      Refine The Line: Changing Stroke Color

      4:58

    • 18.

      Refine the Line: Putting it into Practice

      4:58

    • 19.

      Shading: Shadow Foundations

      3:04

    • 20.

      Shading: Adding Depth with Blending Modes

      6:48

    • 21.

      Shading: Blending Mode Application

      5:29

    • 22.

      Shading: Adjusting Color Tempurature

      1:49

    • 23.

      Highlights: Adding Depth with Blending Modes

      1:47

    • 24.

      Details: Adding Depth with Blending Modes

      4:49

    • 25.

      Shading, Highlights and Details: Putting it into Practice

      10:01

    • 26.

      Experiment with AI: Adobe Illustrators Generative Recolor

      3:20

    • 27.

      Experiment with AI: Create a Background and Assets

      5:55

    • 28.

      Class Project AI: Applying AI to Your Project

      5:58

    • 29.

      Exporting: Share it with the World

      7:02

    • 30.

      Thank You! You are Awesome!

      2:17

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

Community Generated

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

1,232

Students

42

Projects

About This Class

Vector Illustration is a fun and versatile way to create engaging and professional illustrations. In this class, Kyle Aaron Parson will teach you how to create stunning vector illustrations using Adobe Illustrator. Whether you want to design stickers, spot illustrations, logos, or web assets, this class will equip you with the skills to create clean and scalable illustrations that maintain their detail at any size. With the help of Adobe Illustrator's AI features, you can enhance your vector illustrations and explore endless creative possibilities. Join this class to learn efficient illustration techniques from an experienced illustrator and take your artwork to the next level!

Class Sections:

  1. Setting up Layers for Efficient Digital Illustration
  2. Lay Down Line Work Quickly with the Pencil Tool
  3. Refine and Edit Paths for Polished Results
  4. Quickly Lay Down Base Colors Using Live Paint
  5. Add Depth and Dimension with Shadows and Highlights
  6. Explore Adobe Illustrator's AI Color Generator
  7. Create Custom Vector Backgrounds Using AI Image Generator
  8. Learn Various Export Options for Your Illustrations

Don't miss out on this opportunity to master vector illustration and unlock your creative potential. Enroll in the class today and start creating stunning illustrations with ease.

If you have dabbled with Adobe Illustrator before and want to increase your ability to illustrate, this class is perfect for you. Even if you have no experience, I will walk through each step so you can follow along. Although previous knowledge of the program is definitely encouraged.

I look forward to start Illustrating with you, I’ll see you in class!

Here are Additional Classes that will help you learn the Fundamentals of Adobe Illustrator and More:

Vector Illustration for Beginners: Launch Your Creative Journey with Adobe Illustrator

Pen Tool Plus: Master Adobe Illustrators Most Versatile Drawing Tool

Shape Building Masterclass: Working with Shapes in Adobe Illustrator

Mastering Gradient Mesh: From Beginner to Photo Realistic Vector Art

Meet Your Teacher

Teacher Profile Image

Kyle Aaron Parson

Graphic Designer and Illustrator

Top Teacher
Level: Intermediate

Class Ratings

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

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

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

Transcripts

1. Vector Illustration in Adobe Illustrator: Welcome to Vector Illustration in Adobe Illustrator. In this course, we will explore how to create bright, clean, and engaging vector illustrations using Adobe Illustrator. Whether you want to design stickers, spot illustrations, or children's books. This class will equip you with the skills to create professional illustrations that are infinitely scalable. Hey guys, my name is Kyler and Parson, and I am a freelance graphic designer and illustrator with over ten years of experience using Adobe as well as being a top teacher here on scale share, I've worked with numerous clients creating illustrated logo designs, editorial illustrations, and even my own color. Throughout this class, we will start with a simple sketch and transform it into a polished vector illustration. We will learn how to set up various layers in Adobe Illustrator to establish an efficient and repeatable illustration workflow. From there, we will delve into laying down smooth and clean line work using illustrators drawing tools. We will also explore the live paint feature to quickly fill in base colors of our illustrations. We will add additional layers for shadows, highlights, and key details. Additionally, we will explore Adobe Illustrator's AI features to enhance our vector illustrations combining creativity and originality. I've recently heard a quote that said, if you want to be more creative, use AI. If you want to be more original creative yourself, why not get the best of both worlds and create something original and explore the creative potential of AI. If you have some experience with Adobe Illustrator and want to enhance your illustration skills, this class is perfect for you. It is not focused on teaching a specific style of drawing, although my illustrations do have a distinct style. Instead, this class aims to provide you with an illustration system that can be applied to various projects streamlining your workflow. Even if you are new to the program, I will guide you through each step so you can follow along and create illustrations more efficiently than ever before. I am excited to embark on this illustration journey with you, and I look forward to seeing you in class. 2. Class Project: The project for this class is to create a simple vector illustration using the techniques taught in the class. I will be creating a simple animal illustration, but really you can create whatever you'd like. You will need the latest version of Adobe Illustrator installed. Since we will cover some generative AI functions, this class will be broken into sections so you can easily follow along. The first section, we will pick out a simple sketch to use for our class project. I want you to keep it super simple so you don't have to be an amazing artist to complete the project. If you want to just get started. I've provided multiple sketches for you to use to create your class project. I'll show you how to make it look really cool and refined in Adobe Illustrator. In section two, we will dive into Adobe Illustrator. And I'll show you how to set up an illustration system by setting up a template so you don't have to deal with the task of setting things up each time you want to illustrate. In section three, we will learn how to quickly lay down linework and go on to trim and refine your lines. In section four, we will break down how to quickly lay down the base color of your illustration with the live paint tool, as well as create a more pleasing line work by adjusting our strokes. In section five, it covers shadows and highlights. We will cover the simple blending modes using the illustration tools to create shadows and other details to really make your illustrations come to light. In the following sections, we will quickly add some extra details and explore the AI, generative images and colors in Adobe Illustrator to create a simple background and complementary assets. Finally, we will export all our work in various sizes and formats to share it with the world. If you're ready to get started, grab a pencil and paper and I will see you in class. 3. Sketch: Keep it Simple: In this class, we'll go through a couple of sketches and decide upon one for our class project. So let's take a look. So this is one of my sketch books here. Honestly, on the most important thing as an illustrator is just constantly sketch, even though it's not that great, just sketch and you'll generate more ideas more and more, and you'll come up with something to illustrate. This is my first page. I have like a burger. I was going to make an infographic of that, that would be pretty cool. These are a couple small little sketches, honestly. These are very simple and very small. That's what I would recommend you doing for this class project is create something pretty small. You don't have to put a lot of detail on the sketch page, make it simple. I have a couple turtles. My friend asked me to draw a turtle. I try to draw a character of a turtle. I have a few characters of cats, and as you can see, I go through many variations of my illustrations and I just test out these ideas. They're really small. Some dinosaurs, my son loves dinosaurs. I have a few simple illustrations in a different style, try to use more geometric shapes. And as you can see, like a lot of these sketches are quite random, right? Sometimes they just put pencil to paper, draw a line. And I go from there and I come up with something that works out pretty well. But again, these are only about a few inches high and a few inches wide, so they're quite small illustrations. This is one of the pages that I was working for a series of vector illustrations on sea creatures. I made a bunch of small illustrations of devariousea creatures with a more stylistic approach. But they are all really small and really simple. So you see this little octopus here, a little shark here, a little whale here, a sea slug sort of thing, a little fish. And actually all these sketches, they are quite small, but even though they are quite small, you could put in enough detail to get the general forms out there. And when you put it into Adobe Illustrator, you can add a lot more detail and it'll be infinitely scalable among these. I'm going to pick one for the class project. I'm going to pick this little octopus here with big eyes. I think it's pretty cute and pretty friendly. So I'm going to use this one for my illustration because there's potential for a little more detail of the bumps in the head and a lot of nice overlap to give it more three dimensionality. And I think it's, you know, it's going to be fun to illustrate. You can decide whether you want to sketch your own little illustration and use that for your class project. Or you can use one of the sketches I've provided in the project resources. When you've decided upon your sketch, take a picture of it and upload it to your computer so it's ready when we start illustrating. In the next class, we'll learn how to set up our document to create an illustration system with a custom template, workspaces, toolbars, and so much more. I'll see you in class. 4. Layers: Building an Illustration: In this class we'll go over setting up by template layering system as well as how to set up custom work spaces and tool bars. Let's temperate in. I have the layers document open and you can open it up to follow along and just to play around with it. This document is set up so that you can see how important it is to set up your illustration into specific layers so you can have the most editability in our layers panel, you could see that I have multiple layers. Linework, layer highlights, layer shadow layer details, layer, base color layer, offset layer, reference layer, and so forth. Now I can turn all these on, and now I have my full illustration. But the best thing about having layers is that you can lock and unlock the ones that you want to work on. It gives you editability, to not have to play around with selecting specific things in your illustration. If I wanted to adjust the color temperature of my shadow, I could simply unlock my shadow layer. I could select everything in that layer and I can adjust the color of this shadow. Maybe I wanted a little bit of a warmer shadow so I can bring it up into the oranges or reds, and then I could decrease that. Now I have a nice warm shadow. If I wanted to, I can change the base color, lock all the other colors, change the base color. Might have to double click into the group. And then I could change the base color to whatever I want. Maybe I want it to be more of a lime green character. There we go, he's changed to a lime green character. You can see how quickly and efficiently you can change colors within your illustration when you set up specific layers. Now what we're going to do is we're going to set up a template for you to use for your illustration projects. 5. Creating a System: Customizing Your Workspace: In order to set up a template, you want to start with a new file and you can set it to whatever size you want. I'm going to set it to 2000 pixels by 2000 pixels and hit Create. It's going to open up a blank document. And I'm just going to reset my workspace to essentials. So I have a bunch of windows here and I have a tool bar here. But when you're illustrating, you don't really need everything that's available to you in the Essentials panel, you might only want specific things and there might be things that are not in the Essentials panel that you do want available. So what we're going to do now is we're going to set up a custom workspace and tool bar so that you can have the tools you need when you need them. The first thing that I'm going to do is I'm just going to get rid of all my windows. Now that I got rid of all my windows, what I want to do is I want to bring out the windows that I'll use in my illustration. We can go do that in Windows. You can find all the windows here. Just open up the ones that you think you'll need in your illustration set up. I'll probably need color, I might not use color guide, so I'm just going to eliminate that. I'll set up the align panel. I won't use the transform panel, but I need a line and pathfinder. But I want them both visible so I can actually drag and drop it underneath. A blue highlight will appear underneath and it'll lock it in place and both of them will be available. And maybe I also want to have a few other properties like the Stroke property and the Transparency property available. Now I'm going to go through and I'm going to pick and choose the windows I would like available for me, and I'm going to do them within my workspace. If you hover over to the side, you can see that a blue highlight appears at the edge. And you can lock it right to the side. And I'm going to do that with a few other windows. I could go all the way to the side. I could do it over here as well. Then maybe I'll lock the color on top of all these other ones. And then if you go over to the hamburger menu, you can actually open up more options if needed. So that'll allow me to have different things accessible in the Strokes panel. Then if you don't want something always visible, you can actually put it beside another group like the layers in the libraries. Now I can toggle between the two groups. That's looking good for me. I think that's everything that I really need. I really reduced the amount of windows that are there and I also made it so that everything that I need is always available to me. 6. Creating a System: Setting Up Your Template: The next thing that we want to do is we want to create a custom tool bar. If we look through here, we can see that there's a bunch of tools here. But there's some that we will use and some that we won't use when we're illustrating. We probably don't need the text tool nor do we need a few other blend tool. Maybe gradient tool we're not going to use, we're going to reduce this quite a bit. How we can do that is we can go to this triple dot here and we can say Edit toolbar. You can see that it has a bunch of tools that are grade out, and that means that they are available in this tool bar. Then there's a bunch of them that aren't grade out. They have the ability to add it to the tool bar. Now what we're going to do is we're going to go up to this option here and we're going to say new tool bar. What that'll do is we can create a new tool bar, just call it skill share. Then what happened? It created a new tool bar right here with nothing in it. Now we can click the triple dots and we can see that nothing is grade out because nothing is actually in our toolbar yet. We can click and drag the tools that we want to have accessible to us. There are certain things that I want to have accessible that may not have a keyboard shortcut. I'm definitely going to put it in my toolbar so I have easy access to it. But there are also tools that I might just want to have them because it's easier to click then find the keyboard shortcut. I'm going to just drag and drop these two. As you can see that we have the selection tools available to us, but they're on top of each other. Now I want to have a wider toolbar so I can actually click the double arrow and it'll extend it sideways. And now I'll have two rows instead of one. And I'll put the pen tool there. Maybe I'll want the Anchor Point tool available to me. Maybe the Curvature tool, maybe I'll have some shape tools, the hexagon and the star. They are not keyboard shortcuts. I'm going to have them there. I might want to have the pencil tool and the smooth tool available to me. Now you can see that it actually created a group. If I double click, you can see that it created a group. But I don't want this. I'm just going to click this icon and I'm going to drag it below so it's always visible. I'm just going to go through and I'm going to pick the tools that I think I want to have available to me when I illustrate. All right, so I have all the tools there that I wanted. Now what I can do is I can actually go down to the bottom and it'll allow you to show specific things so it can show the fill in the stroke. We want that available for sure. You could show the coloring control whether it's color, gradient or none. We definitely want that. And then the different types of drawing modes as well as screen modes, we can have that accessible there. Now that we have our tool bar set up, we don't need the other tool bar. I'm going to drag this one out and I'm going to close it. Now I'm going to dock this one back to the side. And now we have our custom tool bar with everything that we use available to us right on the side. Before we save this as our custom workspace, I do like having the top menu bar here. I'm going to go to Window and I'm going to hit Control, and that'll allow me to have the control bar on the top. The next thing that I want to do is I want to save my workspace as a custom workspace. So I'm going to go over to this window over here and I'm going to say New workspace. And I'll save it as Skill Share. Now whenever I want to go back to this workspace, all I have to do is I can go back to skill share just like that. Now we can set up a custom template that we can reuse for our illustration. Illustration. Template layers, it can have grids, it can have various things like custom color palettes, stroke profiles, and things like that that we will create throughout the class. What we're going to do first is we're going to set up a template with all our custom layers. What I can do is I can customize all the colors if I wanted to. And I can also double click on my reference layer and I can set this layer to template. What that'll do, it'll dim the images on that layer to 50% as well as it won't export into any file. Let's hit okay on that. We can just unlock it for now because when we use it as a template, we'll have to put our images in there. And then we can lock it after. I'll just dock my window back over there. And now we have our system. Now to save it as a template, all we need to do is go up to file Save As. What we're going to do is we're going to save it as a IT or an illustrator template file. Then we're going to change this to illustration template. Now it's saved as an illustrated template. Now I'm going to close this. I'm going to go to my window, my menu last project. And now I have a file. Now if I double click on this template, it'll open it up with a new untitled file with all my layers available to me. Now we have a template that whenever we want to start a new project, we just open that up and all our layers will be there already. This will reduce the time it takes to re, input all those layers and it'll speed up your workflow immensely. In the next glass, we'll import our sketch into our illustration project file. I'll see you there. 7. Importing: From Page to Screen: Now that we set up our illustration template, we can import our image into our illustrator file and get ready to start illustrating. Let's jump right in and see how we can do that. We have our new illustrator file, our template opened up as a new file. We can go to our window, We can find our class project file with our image in it. This is our sketch we took a picture of. We can just drop it into our illustrator file. Now we can it, and one thing that we should do is we should crop the image. By cropping it, it automatically embeds the image into our file. It Enter. Otherwise you can just click Embed if your image is the perfect size. Now I'll just blow that up a little bit. What I'm going to do is I'm going to cut it control X, and I'm going to paste it into our reference layer. Control shift V to paste in place. As you can see, it actually decreased the opacity to 50% on this layer. And then we can lock the reference layer, and now we're ready to start illustrating. Now it's your turn. Take a picture of your sketch, upload it onto your computer, import it into Illustrator, and place it into the reference layer. In the next class, we'll learn how to quickly lay down line work with illustrators drawing tools. I'll see you there. 8. Line Work: Getting to Know the Pencil Tool: In this class, we'll learn how to quickly lay down line work using the pencil tool in Adobe Illustrator. Let's jump right in. I have the linework doi file opened up in Adobe Illustrator. You can open it up to follow along. Now as you can see, we have line work here and we're going to go through the pencil tool settings first. The pencil tool is N on your keyboard. We're going to make sure we're on our linework layer. As you can see, we have a pencil tool and all you have to do, click and drag to create a path. We can get rid of the fill for now and increase the stroke width so we can see what we were doing now. You can see that created a nice smooth line there. I'm just going to delete that. We'll go through some of the pencil tool settings. Hit on our keyboard, and we can see the pencil tools here in our toolbar. If we double click in the tool bar, we can open up the pen tool options. The first thing that you can adjust is something called the Fidelity. The Fidelity is basically how smooth illustrator will try to make your lines what it'll do, it'll either place your anchor points closer together or further apart. The more space between your anchor points, the smoother your line will be. The closer space between your anchor points, the more accurate and the less smooth your line will be. If I decrease the smoothness or the fidelity all the way to the end here and I draw a line, you can see that it has lots of anchor points close together. Now if I were to open that back up and increase it to smooth, we can see exactly what happens. Draw the line. You can see that there are a lot fewer anchor points and the line is very smooth. Now if we open up the pencil tool options again, we can see that there are a lot of options for the pen tool such as fill new pencil strokes. Actually, this allows us to give a fill to the pencil strokes and this is perfect when we are putting down blocks of color. Also, there is the block that says keep selected. It means after you draw a line, that line will remain selected. And that's actually very important when using the pencil tool. The next one is Alt, Key Toggles Smooth Tool. When we hit Alt on our keyboard, we can activate the smooth tool and instantly smooth our line. And when we keep selected on, it'll automatically smooth the line that we have selected so we can easily adjust our strokes. The next one is close paths when ends are within 20 pixels. It means that it'll create an actual close shape when the ends meet up within 20 pixels. And you can adjust this pixel density to increase or decrease when you want the shape to close. And then lastly, it says Edit selected paths. When we have a path selected, we can actually use the pencil tool and redraw the line and it'll make a new line where we drew. Let's see how that works. So we're going to keep all of them on for now. And if something is not working well, you can turn it off now. Now if I draw a new line, as you can see, the path is selected after I release. Now if I hit Alt, it'll actually activate the smooth tool. Now I can drag and smooth that line even more if I wanted to. I can actually re draw this line because it is selected and I can actually edit the path. If I want to draw it like that, then if I wanted to, I can make a closed path. And as you can see, when I get close to the end, a little circle appears by my pencil tool, and that means it's going to create a closed shape. If I had a fill, it'll actually give it a fill. If I hit close, it'll give it a fill. But if I went to this option fill, new pencil strokes and turn that off and I make a fill, it actually won't have a fill even though I had a fill initially. It'll get rid of the fill when I create a new pencil stroke. When you're making blocks of color, make sure you have that checked on. Now that we understand about the pencil tool, let's jump over and put it into practice. 9. Line Work: Illustrating with Overlap: In this class, we will learn how to quickly lay down line work on our illustrations using the pencil tool. Let's step right in. All right, we're back in the line work practice sheet and as you can see, we have an illustration of a little acute apple here and we are on the linework layer. I'm going to just her over and I'm going to lead all this line work. What we're going to do is we're going to illustrate it using N on our keyboard, the pencil tool. And make sure we have a black, make sure we have a four or five point stroke width. And then what we can do is we can start to draw our illustration. Now I'm just using the Mel, I increased my fidelity to the maximum, but if you're using a pen styles or something like that, you might want to decrease that so you can have more control of where your path goes, but I'm going to hit. Okay. Now as you can see, I created this path. When we're illustrating, we want to use something called overlap. Overlap allows our illustrations, even though they're two dimension, to have a more three dimensional feel because in the world things will naturally overlap each other. We're going to use overlap and go past where our lines would end. And remember, you can always hit all to smooth out your lines if they're not working the way you wanted to, or you can just redraw your line as well. I'm just going to undo that. I like it where it was. I'm going to draw cheek as you can see I'm actually overlapping where these two paths meet. Later on we're going to delete this section of overlap and only have the one section. But for now we're going to keep it like this and we're going to continue our illustration. Now I'm using control z to undo the line and just redraw the line. Another way that we can adjust our path is something called the Reshaped tool. The reshaped tool allows you to pinch and pull your path in various directions rather than using the bezier handles. Now, if I have the reshaped tool selected, I can find it here in my tool bar. I can actually pull it into place. There's a few different ways that you can reshape that, but this is one of the ways, and it's pretty cool. I'm just going to hit N on my keyboard. Hit Alt, and I'll smooth the line out a little bit. There you go. Nice and smooth. Going to hit N again. And I'm going to just draw through the shapes. And that turned out really well, and I'm going to draw the stem. So when you're drawing your illustration, actually it's very important that you use overlap. And we will go through why it's important in the next class. 10. Line Work: Trimming and Joining Your Paths: In this class, we'll take that practice illustration and we will refine those paths by using the live paint selection tool to get rid of the unwanted overlap lines. Let's jump right in to refine our paths. We are going to use something called the live paint selection tool. In order to activate the live paint selection tool, what we'll need to do is we will need to go to Object, live paint and make. Now, I forgot to add it into my tool bar. I'm going to just go into my tool bar and I'm going to find the live paint options and drag and drop them in. We have the live paint bucket and we have the live paint selection tool. The live paint selection tool is Shift L on our keyboard, or you can find it here in the tool bar. What it allows me to do, it allows me to find paths and remove them from my illustration. I can drag over this path here and I can delete that selected path, wherever it met another path it'll cut at that point. This is going to make it really quick. We don't have to use the cut tool or anything like that. We can use the live paint selection tool, select that path, and delete. You can either drag over the line or you can select the line itself and delete it. Just like that. And we'll do that. Just click delete this line there. As you can see, we can actually refine our paths very quickly using the live paint feature. Now, after we've completed that, we can change it back into editable line work. Right now it's in the live paint function as you can see by the of corner widgets it has. We can go to object, live paint and expand. We don't want to release it, we want to expand it. Make sure you hit expand and now they are all strokes again that we can easily edit. One thing that happens when you use the live paint feature is sometimes the lines break and we have to rejoin them. I'm going to show you how to quickly rejoin the lines that broke. If we double click into this and we ungroup the line work, we can see that this line and this line are now two separate lines. That'll happen on occasion, but it doesn't happen all the time. Depending on how you drag over and you remove your lines. What I'm going to do is I'm going to click both of these lines, and I'm going to hit control J. What control J does is it finds the points where those two paths meet and it joins them in place. As an example, we can use these two lines. Hit control J, and it'll join them up there. But we don't want that, we're just going to undo that. But it works well for these two paths because they're right beside each other. Let's see if there's anywhere else that needs to be joined. This path. And this path should join. Just hit control J, and now it is joined into one path, which is great. Let's see if there's another path that needs to be joined. These two paths, this path and this bottom path needs to be joined. Let's hit control J. It join those paths if a path needs to be cut. On the other hand, if you want to separate the path, there's an easy way to do that by using the direct selection tool A. If we wanted to cut a path at a specific location. Let's say we wanted to cut stem right at this top point here, maybe right here. We can select that point and we can go up to the top panel. You can see here it says cut path at selected anchor points. We're going to just hit that button. Now if we select it, it is cut right at that selected anchor point. We don't have to go into our cut tool, we can just use our anchor point tool. Select where we want it to be cut. Go up to our top panel and cut path at selected anchor points. Then that'll allow us to easily refine our path into its specific sections. Now if I wanted to rejoin all three of these, I can click all three of these. I can go control J, and now it is all joined into one path. Again. That is how we can refine our paths using the live paint selection tool as well as control J to quickly join our paths. And using the cut along anchor point at the top bar to easily trim our paths from one another. In the next class, we will apply what we've learned to our class Project Illustration. I'll see you there. 11. Line Work: Putting It All Together: In this class, we'll apply what we've learned through the line work sections to our class project. Let's jump right in. We have our cute little octopus here. And I renamed it and saved it class project. Now what I can do is I can go to my linework layer in my layers panel. And I can hit on my keyboard to bring up the pencil tool and I could start drawing. I'm going to switch the fill to a stroke, make it a black stroke. And increase the stroke a little bit so we can see it. Well, I'll double click into my pencil options and I will make sure everything's checked on and hit okay. Now when I'm illustrating, I can find paths of overlap. I can find where I want to add a little more detail and characteristic to my illustration. I'll start off with the eye here, I'll draw the eyes, and then I'll just smooth this part, holding Alt to smooth the line out. Yeah, I think that'll be okay. I'm going to do the other eye here, nice bulging eye on it, really smooth. Okay, we've got two eyes there. We'll do the big irises. Remember the overlap. And I'm going to draw some highlights. Now we're drawing in anywhere that we think that we're going to have separation of base color. The irises will have one color, the whites of the eyes will be a different color, and the highlights will be a different color. And I'm going to use that in my base color. I need to have a separation, the pencil tool and let's draw the brow ridge here. Maybe draw a crease like that. I'll draw the other brow ridge here, another crease like that. Then also line work can be used to emphasize points. Smile, let's put a cheek on both side like that, looking cute. For this one, I'm going to just draw the top of his head. Then I'm going to go back and add in some overlap bumps. I'm going to add overlap bumps at the top and give it a little more dimension. And then I'm going to select this path and I'm going to make sure it goes underneath the other path so it butts up right underneath. We've got a bumpy head. And I'm going to draw some lines of line work for other bumps. Then the bottom section, I will draw in the tentacles. Since my path is selected, I can just continue the line and it'll merge into it. And maybe I want to smooth that out a bit or I might just decide to re draw the line. We got our line work down. Now what we want to do is we want to go in and refine the line work with the live paint selection tool to get rid of any of those overlaps. So let's jump right in and do that. I'm going to select all my linework and I'll go to Object, Live Paint and Make. Now I'll hit Shift L on my keyboard to bring out the live paint selection tool. And as you can see, if I hover over it, it'll allow me to select the lines and easily remove the unwanted overlap sections. So I'm going to go through and do that. All right, so that's looking really good. The last thing that I want to do is I want to expand it. And I'm just going to double check that all the paths are joined correctly. Go to Object, Live, Paint and Expand. Now I'm just going to ungroup everything and I'm just going to go over some key points and see if everything is joined properly, where I want it to be joined. I can see here that this is not joined properly. I want this line and this line to connect control J. Now it's a solid path. Let's see if there's anywhere else. There is one section here. Now what I can do here is I can just go into my minus Anchor point tool, and that's minus on our keyboard. Click that point and it is gone. Then I'm just going to click on my keyboard and move this so it butts up right against that. That'll help me out later on think everything looks pretty good. All right, that's how we can quickly lay down our line work for our class project illustration. In the next class, we'll learn how to set up a custom color palette as well as lay down our base color for our illustration. I'll see you there. 12. Base Color: Selecting a Color Palette: This class will cover how we can create a custom color palette for our illustrations. Let's Shep Brighton. I have the base color practice sheet open here and you can see there's a few different practices that we're going to go through. The first one is where do we get our color palettes from? Well, number one, we can just play around with the colors in Adobe and we can select whatever color we want and we can create it into a shape. And we can play around with that and create our custom palettes that way. But we can also use the tools available to us, such as Color.adobe.com We can go to Color.adobe.com And what we can do is we can actually create our own custom color palettes using their tools. You can play around with different color harmonies. You can play around with different types of sliders that we have here. Not only that, you can explore premade color palettes by a search term. Just search for something that would resemble or give you the feel of the color you want. Moody sunset. Then it'll give you some different color ranges like these. The best thing that you can do is you can quickly add it to your library. Now after I add it to my library, I'll have instant access to it in Adobe Illustrator. Now we can open up our library panel. And you can see that in this class we have all these color palettes. All we have to do is right click on them, Add theme to swatches. And now you can see in our swatches panel, the theme was automatically added. Let's add another one now. You can see it here. Now what we can do is we can apply them to our colors over here. That's one way that you can find a color palette. You can use color.adobe.com you can find a color that way. Another way that you can create a custom color palette is finding images with colors that you like. Now you can bring those images into Adobe Illustrator. You embed them in your project. And you go to Object, Create, Object Mosaic. And then you can set it to around five tiles by five tiles. And hit, okay. Now it'll sample the colors from that image and it'll give you color blocks. Now we can set up our own color palette based on these colors. Just like that. We can do that with all of these images. Just go to Object create. Object, Mosaic hit. Okay? Now we have multiple color pellets that we can apply to our illustrations. The last thing that I want to talk about is the type of swatches you can use in Adobe Illustrator. You can use either global or non global colors. Let's take a look at those in our swatches panel. If we drag it over here, we can see that some swatches have a little triangle on the bottom right side that shows us that it is a global color. These three colors are global colors, and these two colors are non global colors. All these colors are used in our turtle illustration and they are also found in our Swatches panel. Now if I were to change this color here in the swatches panel, I could double click and I can edit the color manually. And I can adjust it to any other color, maybe a light brown. But as you can see, nothing happens to the shapes in which that swatch was applied to. However, if our swatches are global colors, let's click on this one. Now we hit Preview On, we can actually edit that color. And every instance where that color was used in our project will also change according to our adjustments. There we go. This makes it super easy for you to edit your colors in Adobe Illustrator. Using global colors allows you to edit them even after you have applied it to many objects. Within your illustration, you just have to change the color in the Swatches panel, however, you must remember to use it as a global color from the beginning. How do we set up the global colors? Well, let us set up this bottom layer as a custom color palette. We can select these shapes here and we can go to the file folder to create a new color group. Now what we can do is we can say convert process to global colors. It means that all of these instances of colors, it will create a new group. They will all be converted to global colors. As you can see, this color group. Now, all of them have the little triangle on the bottom right side. Now when we apply those colors to our illustrations, they can be easily when we change them in our Swatches panel. That's how we can create custom color palettes in Adobe Illustrator, as well as set up global colors so that we can have easy editability later on in our illustration. In the next class, we'll learn how to quickly apply these colors to our illustrations. 13. Base Color: Using Live Paint Bucket: This class will learn how to quickly apply our colors to our illustrations. All right, so I have the base color practice sheet open here to the live paint section. And what we're going to do is we're going to fill in this illustration with color. First thing that we're going to do is we're going to select all our artwork on our linework layer. We're going to hit control C to copy it. That layer go to the base color layer and control shift V to paste in place. Now we have two sets of line work. We have the base color linework and we have the main line work that's locked. Now what we're going to do with the base color line work, we're going to go to Object, Live Paint, and Make. Now it is a live paint object. What we can use is we can use the live paint bucket tool, which is K, on our keyboard. Now you can see this paint bucket comes up and you can see when I hover over sections, it highlights them in yellow. Now we can double click on our paint bucket options. And we have a couple options here. It'll paint fills. You can paint strokes. We don't want to paint the strokes, we want to keep it as fills. And we want to see the cursor Swatch preview. And we can also change the highlight color from yellow maybe to red or something like that. Now you can see it as a red highlight. Instead, I can also hit control H to hide all those bounding boxes. Even though it's selected, I don't have to worry about seeing all those extra lines. Now I can see exactly what's happening. Now you can see that there's a little swatch panel above my paint bucket. What I can do is this is actually connected to my swatches panel. We're going to drag it over here in my swatches panel, you can see that it has selected the black up here. If I use my left arrow key and right arrow key, I can switch back between all the colors in the swatches panel. That's very useful. If I hit down, it'll go to the next group. Within my swatches panel, I can go from group to group with the up and down arrows. And I can go left to right through that group. I'm going to color it with maybe this group here that looks pretty fun. I'm going to just cycle through, Maybe I want the fish to be orange. I want the fins to be pink, just like that. I want a dark iris and I'm going to go up to the white. And I'm going to paint in the eyeball white. That's it. The last thing that we're going to do is we're going to have this selected and we're going to go to our stroke over here and we're going to remove the stroke. Now what that did is if we go over to our layers panel now, and if we hide our linework layer, we can see that it is just colors with no stroke. That's going to be very important when we adjust our stroke width so there's no underlying stroke actually poking through or affecting our strokes above it. After you fill in your color, make sure you eliminate that stroke from your base color layer. We don't want that there because we already have the stroke on the linework layer. That's how we can create our base color in Adobe Illustrator using the live pate method. Now underneath there is the live paint practice. What you can do is you can select these. You can go to Object Live paint, and you can color them yourselves using different colors in Adobe Illustrator. I'll just hide that and make it easier to work with. There you go, You have fun. And you can color those like a coloring book if you'd like, and fill in the base color of your illustrations. In the next class, we will apply what we've learned into our class Project Illustration. I'll see you there. 14. Color: Putting it into Practice: This class will apply what we've learned through the color palettes and base color application to our class project. So we got our little octopus guy here. The first thing that I want to do is I want to select everything. I will copy it. And I'll go to my base color layer control, shift V, and now I have a second copy in my base color layer. I'll lock my line work so I'm never going to affect that. I'll go to Object Live Paint and Make. Now I want to essentially create a color palette for this. I found some color palettes in color, dotadobe.com I added them to my library, and I'm just going to add them to my swatches so you can see that they appear there. Now what I can do is I can select my object, hit K on my keyboard, I can select my color group, and as you can see, there's a little tile icon above my paint bucket and I can swap through the colors. Now maybe I want this guy to be maybe orange, yellow. Let's go with yellow. I'm going to hit control H to hide all those guides so I can see what's happening. Let's see what's better. I think I want him a little brighter. That'll be nice. And then maybe a dark purple for his eyes. And then I'm going to go up on my keyboard to the swatches to the white. And I'm just going to fill in the white sections and fill in those areas. Now you can see that's great. And I'm going to go back down for the back sections there maybe a dark purple in the back. The last thing that we can do is we go over to our side panel and we're going to get rid of the stroke on our line work to our layers. We hide our linework and we just have our base colors showing through there. That's how we can apply base color to our project illustration. In the following classes, we're going to go through how we can add a little more variation to our linework to give it a little more character. I'll see you there. 15. Refine the Line: Line Weight Hierarchy: This class will learn how to refine our line work through line weight theory. I have to refine the line practice sheet open here to the line weight theory section. What we're going to cover is how we can add variation and character to our line. Going down to this line hierarchy. Illustration here, what we can see is the circle here are the sphere in this box, actually they look very flat. We're going to add a little more dimension to them using line weight theory. The first thing that we see here is line should be thicker where only one side is visible. It means that when there is a corner, if you cannot see both sides of the corner, actually that line will be thicker because it's actually the outermost edge. Let's put that into practice. These lines like the circle as well as the square here or the outer edge at, you can't see the back side of the square and you can't see the back side of the sphere. What we're going to do is we're going to increase stroke size. Increase the stroke size a little bit. Maybe three points already. You can see that that added a little more character and variation to the box here. That makes a stand note. You can see it says the lines should be thinner where both sides of the corner are visible. When we can see both sides, that line should be thinner than the outside edge line. And that will give a little more variation and character to your illustration. All right. We already have quite thin lines there. A thicker line on the outside. The last way we can add variation and character to our illustration is thickness, adds depth to the silhouette. When we have objects in our illustration that are overlapping each other, the one in front should have a thicker line than the one behind it. We can take the outermost stroke and we can increase the box, maybe a point or two. Now this line is thicker than the sphere line and the inside lines are the thinnest. Now you can see there's a lot more variation to this illustration and a lot more character. We can actually see that this feels like it's pushing forward. This one is pushing back and it looks really good. That's line weight hierarchy in principle. Let's see how we can put it into practice in an illustration. Here we have two dolphins. We have one with line weight with no hierarchy and one with line weight with hierarchy. Here we can see that the outermost edge of the silhouette is thicker. It makes it stand out and it pushes it forward a little bit. Then the inside edges where there's a crease such as the brow line or the cheek or the mouth, those thinner than the outside lines that overlap. However, this is a more round object that overlaps and then it merges into a plane where we can see both sides, and then ultimately it becomes one side. This is where we have to use something called a tapered stroke. A tapered stroke is thick on one end, thin on the other end. This allows us to blend this overlap into this flat surface. Here in this illustration, you can see that there is a sense of hierarchy. We have the silhouette all the way around it. We have the thinner lines on the inside and we have the thicker lines where we can't see the other edge of. Then we can see that it tapers off where they meet. You can take these principles of line wing hierarchy and apply them to your illustration. Create the outermost edge a little thicker, the inside edges a little thinner where you can see overlap. Make it a little thicker than where you can see both sides of the line or the crease. You want to use a tapered stroke to see that variation. We can apply this in many ways in our illustrations. In the following classes, we'll learn how to use the tools in Adobe Illustrator to create various stroke profiles and apply them to our illustrations. 16. Refine the Line: Stroke Profiles and Width Tool: This class will learn how to adjust our strokes to give them a little more character. In our illustrations, I have opened the refined the line practice sheet, adjusting stroke profile section. And as you can see, there's a few things that will go through. The first one is a stroke profile. As you can see, all of these strokes look exactly the same. They are built up with a path going from point A to point B here. Now we can actually add variation to these strokes by using stroke profiles. Where can we find stroke profiles? We can find them up at the top bar here, or we can find them in their strokes panel here. Now what happens when we apply a stroke profile? A stroke profile applies a width to our stroke, even though it's still going from point A to point B with two anchor points, it has a little more character. Now, we can apply a different stroke profile to each of these lines. And you can see the variety that you can get with a simple stroke. There you go. How can we modify our stroke profile? We can do this by using the width tool in Adobe Illustrator. In Adobe Illustrator, if we go to our menu, we can find the width tool. The width tool is shift on our keyboard. If we hover over our path, you can see that little dots actually appear. And these are actually with points. This is where width is applied to our stroke. If we hover over it, we can see that two dots on the side come out. And that's how wide our width is at that specific point. If we cover to the end, you can only see one. But we can also click and drag it out to increase that width. This is how we can adjust our stroke profile. By using the width tool, we can create that tapered stroke. Look now. This one has multiple width points going in and out. This one has multiple with points and then keeping a consistent path at the end. This one has one tapered one thick. You can play around with the width tool and you could try to make custom stroke width. Now, how do we apply this to our illustration? If we go over here to this leaf, we can see one leaf looks a little plain and the other leaf has a little more character. We want to transform this leaf into this leaf. We can select all our paths. I'm just going to ungroup it for simplicity. All right, now that it's ungrouped, I'm going to click on one of the strokes and I'm going to go and give it a stroke profile. Since I want this edge to be full width and this edge to taper off, I'm going to find a stroke profile that matches my needs. Stroke profile four here, as you can see, it's thick at one end and it tapers off at the other end. And that's perfect for what I need it to do. I'm going to select all the shapes in which I want that stroke profile to apply to. I can use my eyedropper tool. I can eyedrop that stroke profile and apply it to all of those instantly. Just like that. Now I can apply it to the larger stem as well, but as you can see, the stem became very thin. I'm going to increase the stroke width of that stem a lot bigger. I don't want it to have a flat end like that. I want it to have a round end. To give it a round end, I go to my stroke panel here, make sure all options are shown and you can see that it has a cap option. You can either have a butt cap or a round cap. I'm going to switch this stroke to have a round cap. As you can see, it switched from flat end to a round end and it looks a lot better now. Now if we wanted to, we can hit shift W and you can just go into any of these strokes and you can add a new width point and make your own custom adjustment. If I wanted to have it thicker in the middle and then thin again, I could do that as well. And maybe thicker over here where it overlaps the other two. Also, I can click and I can drag my width point. Click in the middle. I can drag my width point to wherever I want it. You can play around with that and create your own custom leaf there, and it'll be really cool. The last thing I want to show you is how to create your own custom stroke profile. Down here we can click on this, we can hit Shift W, You can click and drag out a With Point, you can Alt and click and drag out the exact same with point size. Then if I go to the end, I can drag in these two with points to create a tapered middle stroke. What I can do with this line is I can go to my stroke profiles. I can go to add two profiles and I can name it with profile six. What I can do is I can click on this one, go find profile six and apply it to that. Now I can change the size to whatever I want and it'll apply that stroke profile. You can build up your stroke profiles and customize them how you want and apply them to your illustrations. In the next class, we'll learn how to refine our line just a little bit more through color. I'll see you there. 17. Refine The Line: Changing Stroke Color: Is pass will learn how to refine your line just a little bit more through color. Um, brighton, have the refine the line practice sheet open here to change stroke color. Sometimes when we have our illustration to soften it up, we might want to adjust the stroke color. It's not so really harsh black, deep black. Maybe we want to adjust it to a softer tone to give our illustration a little more character. Let's see how we can do that. We want to transform this into this fish. Here we're on our line work player. We can select our stroke. This outer stroke here. I want to make it a darker version of this blue. I'm going to hit on my keyboard now. If I just click the fill in the middle, it'll actually change that stroke into a fill. And that's not what I want. I'm going to undo that in order to just get the color applied to the stroke. I first have to have the stroke on the top section in my panel here. If it's on the bottom like that, it won't work. Make sure you click it and it's on top. Now what I can do, I'm just going to reverse what I just did. What I'm going to do is I'm going to hold shift and then drop what that'll do, it'll sample only the color and apply it to the top part of this stroke fill layer. Now I can double click into that stroke and decrease it, Make it a little darker and hit. Okay, now you can see that it has applied it to that stroke. Now I want to apply it to all these dark strokes in my illustration. Now what I'll do, I'll click on this line. And then I'll bring up my eye dropper with eye on my keyboard. I could click this line. But what that'll do, it'll also take the stroke property, which is the stroke profile. Since it's a uniform profile, it got rid of my tapered edge that I like. I'm going to undo that now. The same principles apply to adding color to a stroke. From a stroke you just hold Shift click on the stroke and it sampled only the color, not the stroke profile. We'll do this with all our line work that I want to be this deep blue. That looks great. Now on top of that, I'm going to select my fin strokes and I'm going to shift. Click into the pink. Click into the stroke. Darken it up. Just a little bit like that. Now one thing you can see is this fin stroke is actually on top of the body stroke. And I don't want that, I want this underneath. Since we are working in the linework layer, what I can do is I can click and bring it below my body stroke. In order to do that, I select it, Hit Control and I can go left square bracket. I keep clicking that until it's underneath my stroke. If you can see there, left click. Left square bracket brings it back. Right square bracket brings it forward or on top. I'll move it behind. And I'll do that with the back fin as well because it's over top. To move it all the way to the back, underneath everything in that layer. Hit control shift and then left square bracket and that'll move it behind all your objects in that layer. Since we're working on separate layers, our line work will always be above our shading and our base color layers. Even though you move it, it will never move below your base color. It'll always remain on top since it's on a separate layer. That's why it's really important to set up those layers. The last thing that we can do is we can move over and we can do a refine the line practice on this shark. I'm going to make sure all layers are locked except for my linework layer. And I'm going to apply the principles that we've learned through the last three classes to this illustration. So I'm going to adjust the line weight, I'm going to adjust the line color, and I'm going to give it a little more character through the line principles. Right, there we go. So I've applied the lineweight theory, some tapered strokes, as well as adjusted the color to this illustration. Now let's apply it to our class project. 18. Refine the Line: Putting it into Practice: This class will apply our line weight theory that we've learned to our class project. Let's step right in. All right, so the first thing that we'll do is we'll lock our base color layer and we'll go to our linework layer. Now our linework layer is an editable layer. If it is in live paint mode, make sure you expand it from live paint mode, simply just select everything. And if I wanted to, I could just increase this a little bit just to get some more line variation in there. Now I can go in and I can apply some profiles. I can apply all these little ones that have both edges. I can apply a stroke profile like that. And it already gives it some characters. Now on its now the ones inside, they are a little smaller. I'm going to make sure that I reduce the size a bit, add a little more variety. One thing you can see here is that this, I want to have thick, this, I want to have thin, so there is a stroke profile that I can do that. And it goes, let's do that with the other side as well. That got a lot of the thickness removed. So I'm going to hit shift, I'm just going to add an extra width point at it there. Now it's thick again and it covers that last point there. Now what you can see is when I added this stroke width to this front and made it thin enough so that this stroke over here actually overlaps. And you can see that square cap. What I want to do is I want to go in, I'm just going to move this to the top so I can shift and I can make a custom stroke profile. I'm going to just decrease the size a little bit, it fits within that stroke. I'm going to increase the size to about where it is. And then I'm going to decrease the edge so it fits within the stroke. Now I can take this stroke profile that I just created, add it to my profiles. Now with all the ones that go in between, I can add that stroke profile. Now you can see that there's no more overlap. If there is any overlap, I can go manually adjust it, but it's looking much better. Now for our highlights. We don't need any stroke around them. We can delete the strokes of those. And delete the stroke that anywhere you don't need strokes. Yeah, don't worry about it. You can remove them. I'm just going to decrease the size a bit of these ones. You can see here this line and this line should be joined, so I'm going to hit the control J and that'll connect the line. And now I can apply my stroke profile to, it might hit and just make it a little wider at that end. I'll apply a stroke profile to this one as well. This one here, since it's in the middle, I can use that custom stroke profile that I made thin at the ends and now it butts up well. And same with this one. I think I can use that stroke profile and that makes it work. All right, then now that we adjusted our stroke profiles, gave it a little more variation in character, we can apply some color to our strokes. I'm going to just select everything. I'm going to hit on my keyboard, make sure my stroke is on top, and I'm going to select the base color. Now I'm just going to double click and I will modify it, make it a little darker like that. If I wanted to make it a completely different color, I could make it like a purple or a blue. That might work as well. I think I might go with a dark purple. Then for the inner sections, I'm going to change those ones so they're not so harsh. I'll keep the outer strokes to be the dark purple, but I'll make the inner strokes, maybe I'll make them softer by adjusting the color to make it more similar to this color. That's how we can apply our stroke theories to our project illustration. In the next class, we'll cover how we can shade our illustrations and add extra details to really bring it to life. See you there. 19. Shading: Shadow Foundations: This class will go over a couple of principles of shading that we can apply to our illustrations. I'm in the shading highlights and details practice sheet here under the first section of shading. This just highlights a couple basic principles of shading that I want to mention. Obviously, there are so many principles of shading. Something to create it realistic and stuff like that. But there's two key types of shadow that I want to emphasize during this class, that is the form shadow and the cast shadow. The form shadow is simply put, the shaded area of the form where the light doesn't hit. If we have a light source coming from the top left, the light will hit here, but it won't hit the back side of the ball. Therefore, the form shadow is essentially where the light would not hit. The cast shadow, however, is caused by other forms blocking light, the surface of the ground. Normally, if the ball wasn't there, it would be exposed to the light. But since the ball is there, it is blocking the light, and therefore the shadow is caused. Because of that, we can apply this principle to an illustration. We have a cute little penguin here. The cute little penguin, it has a light source from the top left. When we think about the forms, it's rounded, it's curved. There is going to be a certain section of the form where the light hits and where it doesn't, we can see that there's a form shadow underneath his chin because his face is more like a sphere, right? It won't hit on the right side, but it'll hit mainly on the left side. And we can see that there's the form shadow there. Now, there is also the cast shadow caused by other forms blocking the light. We can see this underneath his wing. The wing is one form. It receives the light, but it also blocks the light from hitting the stomach, the stomach. If the wing wasn't there, it would actually receive all that light. But since the wing is there, it actually creates a cast shadow onto its stomach. We have to take these lighting situations in consideration when we're shading our illustrations so that we can give it a little more life and a little more depth. As you go through your illustration creating shadows, you want to consider a few key things. Number one, you want to emphasize a specific light source, right? Really doesn't matter where the light source is, you can try to adjust your shadows accordingly. Another thing is you want to consider that you're building your shadows up with shapes. So you can actually incorporate both the form shadow and the cast shadow into one shape itself. And we'll see how we can build those up in the next class. 20. Shading: Adding Depth with Blending Modes: In this class, we'll learn a couple methods of how we can apply shading to our illustrations. We're in the second section of the shading practice sheet here. This is where we're actually going to apply some shadow to some forms. We have a couple of bean shapes here and we're going to have a light source at the top left. And we're going to apply some shading. Now the first thing that you want to know is that we're going to use something called lending modes. Blending modes are simply a way for color to interact with colors underneath or shapes underneath. Multiply allows the color underneath to be multiplied with the color on top to give you a new darker shade. Since whenever we multiply something, it always increases in value, It is the same with color. Whenever we multiply by another color, it's going to actually darken that color a little bit. That's why multiply is an excellent blending mode when used for shading. Let's see how we can apply that on our shadow layer. I'll just illustrate the principle a little bit. We can actually give this block a specific color, maybe a light orange like that. We're going to go over to our Transparency menu and we're going to drop down and find multiply. Now what multiply does, like I said, it takes the color underneath and multiplies it with a color on top. You can see that where there is white, it is the actual color. But where the blue is, it actually changed it to a different color entirely. It created more of a shadow look. Then we can change this to a different shade. Maybe a darker, like a purple for a cooler shadow. And we can adjust it accordingly. That's how we're going to work with it. We're going to work with a lighter shade for our shadow, and then we'll set it to multiply. And then we'll use that as our shadow color. Then we can easily adjust the color temperature by changing the color of the shadow layer. Now that we understand about the basic blending mode, let us see some methods on applying shading to our illustration. There are two methods that I want to show you. The first one is the additive method and the second one is the subtractive method. The additive method is very simple. All you do is add shapes to your illustration. I'm going to take out my pencil tool, hitting Anonyma keyboard, and I'm just going to draw a shape of the shadow where the light wouldn't hit. Then I can go underneath my linework layer and then I could just readjust that shadow. Now you can see that I've created a shadow for the top form. And let's just de select and create a shadow for the bottom form as well. That's looking pretty good. Now what you can see is when I have 22 different shapes overlapping each other, they also interact with each other and it gets a little darker. You can use that to your advantage, or you can add both of them together to create one shape. If I select both of them and go to my Pathfinder panel, I can unite them into one shape just like that. It's one consistent shading shadow. Now you can see that I put in a little bit of overlap to get the cast shadow, and then I have the form shadow underneath. That's how we can use additive. A good thing about additive method is now if I wanted to, I can make certain sections a little darker by adding another shadow form that sections a little darker, maybe underneath here a little darker, and maybe in here a little darker there. Now you can see that by adding in the shapes, I can create the shading. The next method is subtractive shading. In order to use subtractive shading, we have to create the entire shape. What I'm going to do is I'm going to take my base color. I'm going to unlock it, and I'm going to copy this base color. And then I'm going to open up my Shadow layer control, shift V to paste it in place. Now you can see that I have this base color here. Now I'm going to make sure that this color is the same as my shadow layer. And there we go. Now that the whole form is in shadow, I can simply remove the sections where the light hits. One way I could do that is I can hit Shift on my keyboard, which is the eraser tool. With that form selected, I can erase into it where the light would hit. You can adjust the eraser tool to be more round so it's a full circle. You can decrease it. You could change the angle of it. Just like that. I like that. And then I could go in and I can remove section down here that I can take some off the side, maybe get some rim light there like that. That's a second method of shading, Subtractive shading, starting with the full thing in shadow and then removing the sections where the light hits. Another way that we can use subtractive shading is with the pathfinder panel. Now I have this shape here, but what if I wanted to remove sections with the pencil tool, I can draw a shape where the light would hit. Now you can see it's built up. Then I'll draw a second shape down here where the light would hit. Now what I could do, I could select all my shapes and I could go through the pathfinder panel and I can go minus front. This means that everything in front or on top of the bottom shape will be removed out of it. I'll hit that, and there you go. Now I simply shaded my object with the pathfinder panel, very quickly building the shapes where the light would hit. I hope that gives you a little insight on how you can shade your illustrations using the blending mode, multiply and using either the additive or subtractive method of shading. Or you can use a combination of them wherever you see fit in your illustration. In the next lesson, we'll go through a couple different ways to apply the blending mode in various situations. 21. Shading: Blending Mode Application: This class will go over the application of the blending mode, whether it's on the shape or on the layer itself. Mr. Breton, a cool thing that you can do in Adobe Illustrator is that you can set a blending mode to the layer itself. In our layers panel, I have two shadow layers. I have the shadow layer and the layer shadow, the layer shadow. If I click on this button here, this little dot, I can actually set the entire layer to multiply. Now there's nothing on that layer, there's no objects on that layer. But what that allows me to do, it allows me to set the entire layer to multiply with other layers. But anything that's contained within that layer will not interact with itself. That gives me the ability to build up shapes without having to combine them into one shape, but yet get that nice, smooth, even shadow layer. Let's see how that works. First, let's build the layer. Let's build a shadow on the shapes. This is on the shape, You can see that it's set to normal. And I'm going to hit on my keyboard and I'm just going to draw a second shape. I have two shapes here, and now I can set the blending mode of these shapes to multiply. As you can see, these two shapes, they actually interact with each other. However, what if I take these two shapes, transfer them over here, then I will set them back to normal. All right, they're both set to normal. Then I take these two shapes, I'll copy them, and I'll set them on my layer control shift V, that layer is set to multiply. But these shapes, if you look at the transparency, are normal. This allows those shapes not to interact with each other. Even though there's two separate shapes, they will only multiply with the layer beneath and not with that. That means I can go in, I can add as many shapes as I want, They won't interact with other shapes this way. You can build up more texture, you can build up more detail. These are really customizable. I can move this shadow over here if I wanted to. I can move this one over here, and vice versa. I can do a lot of things by applying it to the shadow layer. If this was on a normal layer, if it was on the normal layer set to multiply, all these shapes would be interacting with each other and you would have to combine them into one shape unite. But now I can't move those shapes all around. That's a good thing about setting the layer itself to multiply. You have this editability. In this class, we learn that we can apply the blending mode in two different ways. Number one, you can set it to your shapes. The shapes will interact with other shapes on the same layer. However, if you apply the blending mode directly to the layer itself, you can keep your shape blending mode to normal and whatever is within that layer will not interact. This gives you a little more customizability for the shadow layer itself by building up shapes on shapes on shapes without having them building up their multiply blending mode. Now there's one caveat to having your blending mode set on the layer. It's that I wanted to move everything to its own group. If I wanted to select everything, unlock everything. If I wanted to group this into one group, onto the graphics layer, let's say I group it. What's going to happen is that everything that was on that multiply layer actually will be turned back to normal. That's not good. Before you can group things together, you have to go to your shadow layer, layer, shadow, and then you will have to unite it. But one thing you can do in the Pathfinder panel so that you can keep all of these shapes editable, but yet united, you can hold Alt on your keyboard and then click Unite. What that does is it allows these shapes to be united, but they can also be editable. And I'll show you what that looks like. Now if unlock all my layers, I group everything onto this layer. I select my group here, I can set this to multiply. Now since I hit Alt Unite, that allows all these shapes to still be available because it is a compound shape. Now it takes all the shapes that are within this shape and adds them together and acts as if they were one shape. The multiply blending mode won't interact with the shapes within a compound shape, it'll all be one shape. That's how we can apply our blending modes in various ways to create our shadows for our illustrations. In the next lesson, we'll just see how we can edit our shadows to create a different mood and feel. 22. Shading: Adjusting Color Tempurature: In this class, we'll quickly go over how to change the color temperature of our shadows. We're at the bottom section of our shading layer and what we can do is we can play around with the color temperature. All we need to do is make sure everything is locked except for our shadow layer. And we can select everything on our shadow layer and we can just double click and we can give our shadow a different feel. We can adjust the color itself, maybe more blue. We could darken it by bringing it over, making it more black. This is why changing the color instead of the opacity of the shadow layer is a little more effective. You have a little more control of the lightness, darkness and the color temperature itself. Then if you just selected black and adjusted the opacity to 50% or something like that, you'd have to go back in and change that. Just change the lightness or darkness of your color itself. I could go in and I can change each of the color temperatures just by selecting them. Maybe I want a really dark shadow, but a blue make green for him. And this one I'll go in and I'll change this one and make it purple for him. Now you can really adjust and give more character to your illustrations through adjusting your color temperature. In the next class, we'll learn how to add highlights to our illustration. 23. Highlights: Adding Depth with Blending Modes: Now we'll learn how to quickly add highlights to our illustration. I'm in the highlight section of my practice sheet and I've locked all my layers except for the highlight layer, and I am on my highlight layer. I select a color that's pretty light, maybe more orangish, depending on the color of the light you have. You can hit. Okay. I'm just going to use my pencil tool to draw in some highlights on the ball where the light would hit. Then what I can do is I can build it up where the light would hit more and I'll have a nice shiny sparkle. Then maybe I might taper it off the edge with a couple other highlights around it. Just like that if I wanted to, a nice square reflection like that, you can build up your highlights just like that. Similar to how we built up our shading layers. You could do all the same principles with that, with the highlights. It's just the opposite, where the light would be more directly hitting. This subject is where you're going to add your highlights. Pretty simple. Play around with that. You can highlight all of them and you can try and change the color properties. And the blending mode that we're using is screen. But you can feel free to play around with lighten. Overlay might work depending on the colors you have. They definitely interact with different colors differently, play around with it and try it out. But for the most part, screen works pretty well. In the next class, we'll learn how to quickly add some detail to our illustrations. 24. Details: Adding Depth with Blending Modes: In this class, we'll add a few details to our illustration to give it a little more personality. Let's jump in. All right, I'm in the details sections of our worksheet, and in this section we're going to add some details to this ball. In my layers panel, I've locked all my layers except for the details layer. In this layer, I like to use subtlety for the details or I might you really make them pop. One thing I like to do is just select the base color layer. I'll darken it just a little bit, maybe a little more saturated. Then it'll take my pencil tool and I can draw things like freckles on it. Now what's cool about drawing here and having our details layer underneath our shadows and highlight. It'll also interact with the shadows and highlights. If I add all these little details to this, it'll interact and it'll still look really three dimension. We have to consider the shape as well. When we get closer to the edge, obviously it's rounding off, circles will be more elongated like that and then they'll be more round in the middle. Just consider the form when you're drawing out your details. Not only can you do like freckles and stuff like that, we can't do like stripes or anything. It doesn't have to be the color of your object. You can make it a very distinct color, maybe make it a bright orange. I'm just going to delete that one. Maybe we'll do some bright orange stripes around this ball. As you can see, it interacts with the shading layers as well. The form that we created with the shadow layer, you can create some stripes, you can create some freckles. You can do a lot of things on the detail layer, You can play around with it. That's how we can add some detail to our illustrations. Simply adding that detail layer underneath our shading layer and highlights layer allows us to add more texture or stripes, or some variety to our illustration. And it keeps that three dimensional form that we created through the shadows. Now for some practice, you could move over to this practice assignment here where we have the penguin. And your job is to shade it and highlight it and give it some details. Have fun with it, play around with it. See if you can capture the shadows, and the cast shadows, and the form shadows, and adding some highlights, and maybe some fun characteristics to this Penguin. So I'm going to go ahead and do that with this Penguin. And as you can see, the light source here. If I unlock the linework layer, you can see that I could actually hit R on my keyboard, select the middle, and I can change the light source to whatever I want. This is just an option for you to play around with it. If I want light source right above, right side, left side, you can decide where you want it. I'm going to put it over here for this one, and then I'm going to try and practice shading this Penguin. We gave our Penguins shading some highlights and gave us some personality with the detail. In the next class, we're going to apply what we've learned in the detail, highlights, and shading sections to our class project. 25. Shading, Highlights and Details: Putting it into Practice: In this class, we will apply what we've learned to our class project Shepherd. Look at this little guy. He is turning out so good. So the first thing that we have to decide upon is where is our light source? For simplicity's sake, I'm going to keep it at the top left, and I will shade it like that. Keeping that in mind, what I'm going to do is I'm going to use the subtractive method at first. So I'm going to unlock my base color. I'm going to copy it. Then I'm going to lock my base color and go over to my shadow layer patrol shift V to paste it in place. You can see that it is a live paint right now I'm going to go object live paint and expand. Now it's editable shapes and I'm going to unite in my path finer panel. Now it's all one color. Now I'm going to give it a light color, maybe a light purple for the shading like that. I'm going to set it to multiply. Now I have shading over the entirety of my character. And I can use the subtractive method in order to remove where the light will hit. I'm going to do that now. I'm going to hit N on my keyboard. I'm just going to change the color of my fill and change it to normal just so I can see what I'm doing. I know that there's going to be a light on his eyeball. I'm going to put a block there. There's definitely going to be light on the top ridge of his eyebrow for the majority of his head. It's going to be in light on this side. Instead of getting all that detail right now, I'm just going to build a shape around where the light would hit. Then maybe it might go down further. So I'm just going to redraw it, the light would hit around there. Then I'm going to have some light hitting this eyebrow eyeridge here. Maybe there's a secondary bridge over there that it'll hit. A little bit great. Then a little bit over on this side too, for sure it'll hit. This eyeball pops out quite a bit. It'll probably be in the light now that I'm thinking about it. I'm going to select this and it's just going to go down a little more. It'll probably hit the top side of this a little bit, or his eyelid right there. There's a little bit of a cheek. Let's just extend this out. Most of that will be in shadow. This cheek would probably rude and see that maybe the bottom of his lip might get some light. Then over on this side will probably get some light as well. I'm just going to draw a shape around this side over here. It'll probably hit some light, for sure. It might extend down onto this tentacle. This is where our light would hit. All I'm going to do is select everything and I'm going to go minus front. That will remove from the shadow layer everywhere where the light hits. Now I can use my additive method to add a little more detail. I'm just going to select the color of this, fill it on my keyboard. Then where there's these bumps, I'm going to add in some shadow appropriately to where the light would actually fall off the backsides, these little bumps. And each one would have its own little shadow. Great. Then this one protrudes a little bit out, so I'm just going to click on that, use my pencil tool and I'm going to re draw so it doesn't hit into there, it looks like that. Maybe I'll add a couple more of these waves into there to give it a little more dimension. Awesome. That's looking really good. What I can do is, since there's some overlapping shapes, but I want this to be one shape. I'm just going to select everything right now and I'm going to unite now it's all one shape. Now what I can do is I can use my additive method to add in deeper tones of shadow in the creases in areas that are more in shadow. In darkness, I'm going to add another layer of shadow on top that will interact with the current shadow down here where there's a crease for sure. Less light wood hid in there. I'm just going to add one more shadow. I'm going to make it the same color as the original shadow but since it's on multiply it. Continually add up, get darker and darker. So I'm just going to turn off my reference to here and see how it's going. I got my shadow down now I'm going to add in the highlights. Let's think about our light source again, hit on our keyboard. I'm going to change this to a warmer color, maybe a light yellow. And I'm going to lock my shadow layer and on my highlights layer. And then I'll just draw in some highlights. But what I'm going to do is I'm going to change my blending nemo to screen. Let's see how harsh that is. I'm going to turn down the opacity to maybe 35% It's there, it's visible. You can always adjust your screen opacity to be a little lower. All of these have a little bit of a high light on them because they're in the light. Okay, I think that's good for our highlights. Now we can add in some details. Let's lock our highlights layer and unlock our details layer and add some details. I think I want to put some spots on the top, so I will just get a color similar to the base color. I'll darken it slightly, then I'll hit on my keyboard and I'll start drawing circles just slightly like that. Maybe I'll put them closer to the middle, more like freckles on his nose. Then I like to make sure that they're both in the sections where there is shadow and light. Just so that you can see that it is interacting with the shading. It gives it a little more realism. Okay, so that's looking good with those details. Now I'm going to add in more details underneath. Maybe I'll add in some stripes or something like that just to add some character, some fun with him. Let's turn these stripes kind of like the blue. I'm going to just decrease the saturation, Increase yellows a little bit. And then I think I will draw him some stripes trying to stick with the form. He's got some and I feel like these stripes will carry over to the tent tickles. Now if I wanted to, I could just select all those details right there and control H and then I could play around with the colors. All right, so we made our character illustration. We added the shadows, the highlights, and some fun details to give it character. In the next class, we'll learn how to change the color using generative AI, as well as create some background and complementary assets. I'll see you there. 26. Experiment with AI: Adobe Illustrators Generative Recolor: Now we will learn how to use Adobe's generative AI recolor to change the appearance of our illustration. Let's jump right in. I have the generative AI practice file open to the refine and experiment with AI generative color fills. Now you can sort of see what's going on. Here we have our original illustration and it's all grouped together onto one layer and I made a few copies. What we're going to do is we're going to use AI to change the appearance. This illustration generally we're just going to change the color of our character in various ways using text prompts. Let's see how we can do that. In order for us to change the colors using AI, all we have to do is select our character. And then we can go up to this little menu here that says recolor artwork. Otherwise, we can go to Edit, Edit Colors, Recolor Artwork. Now we have two options. Either Recolor, which is we can manually change the colors, or we can go to generative recolor. What we can do is we can actually add in a text prompt and set the mood of we want our colors to be. There are a few sample prompts here, we can test out a few of those. Let's go with dark blue midnight. It'll do its thing, and then it'll come up with a few ideas. Now sometimes you'll see the thumbnails appear, sometimes they won't, but you just click and it'll apply those colors to your illustration. They're all very similar. I think I like that one the best, so I'm going to choose that one for this one. Let's try again. Let's go on to the second one. Let's go to Recolor Artwork, And let's go to Generative recolor. Let's type in something different. Let's go super hero, see what that comes up with. It came up with a few different color combinations. I don't know if any of these are really superhero E, but let's go with that one that looks semi cool. Let's go with this one. We can also click here. If you have this bar open recolor artwork, generative AI. Let's go with diamond crystal. It came up with a few different options. Some are pretty similar, that one's a little different, I guess. Let's try one more. Fire, Sunset. Let's try to get some warmer colors here. Okay, it's a little bit warmer, that's pretty nice. We were able to create four different variations of our illustration using the generative AI recolor. Give it a try yourself with your illustration, or give it a try with these turtles, and I can't wait to see what you create. In the next lesson, we will go through how to create a background and some additional assets for our character. 27. Experiment with AI: Create a Background and Assets: This lesson will go over how to create a background as well as extra assets for our character illustration. Let's jump in. In the next section of the generative AI practice file, you can see that we create a background scene, we have access elements. These are the things that we can do with the generative AI in Adobe Illustrator. It's actually very cool. You can see a couple samples that I did. I created these characters in Adobe Illustrator, and then I made a background for them. Really? Q Same with this little dinosaur and this bumblebee. Apart from that, we can also create additional access elements to build up our scene. How can we use this? Let's go down to the bottom here in order to access the image generator. Let's go to Window and text to Vector. Make sure you have the newest version of Illustrator installed so you can access this window. You have a few different options here. You can make a subject, select a scene that will be useful for our backgrounds. You can create an icon or even a vector pattern, which is really cool. I want to build a few extra assets for my characters as well as a background. In order to do that, I'll select subject for my first one. I want to match active artboard style. It means if I were to select an artboard with this little guy on it, it's going to sample the information from this artboard and apply it to generate the image. In order to create my subject, I first have to establish the size in which I want my subject to be. With M on my keyboard, I'm going to create a box. Give it a little color so I can see it. That's about the size I want my asset to be. Now if I go to the image generator I can and it'll sample this artboard and it'll create coral according to this size box. Let's see what happens. All right, that was awesome. Now you can cycle through and you can sample the corals that was generated. As you can see, it picked up a lot of the color information and some of the textures and patterns that is on this character. Now I can take this, I can duplicate it, and I can select a second acid. I'll move it over here, build up a scene. Now what I can do is I can create a box around the entire thing. Send that to the back. Now I'm going to switch my text of Vector from subject to scene. Now I'm going to say Under the Sea. Now you can see that it created some scene so that I can place my character in. It has a fish, stuff like that. I think this one looks pretty good. I'm going to place my character in there, maybe make this one a little bigger in the foreground. What you can do is you can select that background and you can go to Recolor. And if you wanted to, you can actually toggle these two options here. And you could change the brightness of your scene. You could push the background a little further back away from your subject and let that subject stand out quite a bit. And now you can build it up with different assets and maybe recolor the front asset. Make that one a little darker as well. That's looking pretty good. Now you can play around, try to make a few different assets for your illustrations, as well as a background. I'm going to create a scene and you have a few different options here. You can do a style picker. You can actually select from an object. If I selected style picker, instead of being on that artboard, I could select a specific object. It'll use that object to create this scene. Then I can also change the detail I wanted it so I can make it more detailed, have a lot of information, or less detailed. Maybe I want less information and now I'll type in something. Maybe bowling alley. There you go. As you can see, I've created a nice little bowling alley for this ball here. It took a little bit of the colors and characteristics and you can see that it's quite simple because I set the simplicity and detail to one. But I can set it to five and it can get a lot more detail. If I wanted it, we can do the same with the B here. Maybe I'll just create subject. Now. I don't want this one to sample the B. I want it to actually sample the colors from this guy. Because I like the vibrancy of this. I'm going to click on that, I'm going to sample property, and I'm going to click this guy. Now what it'll do, it'll sample those characteristics instead of the bumblebee on that artboard. And I'm going to turn off match active board. Then I will generate a beautiful flower. I got a few different options there in this one. The best, that's how you can use generative AI to create a background for your character, as well as some complementary assets to really build up a scene. All right, in the next class, we'll apply what we've learned to our class project. 28. Class Project AI: Applying AI to Your Project: In this class, we'll apply what we've learned about generative AI to our class project. We have our character here. And what do I want to do is I want to duplicate it. I'm going to make sure all my layers are unlocked. I'm going to hit Shift to get the artboard tool, and I'm going to hit Alt and drag it over. Now I have a second board with this character on it. I'm going to re that board, make it a little bigger because I want more space to make a scene. Now I'm going to select my character. And as you can see, everything's on different layers. I want to group it into one layer. Now it is one object, now I'm going to make a few copies of them. Then I'm going to use the generative AI to recolor these characters and give them a little different style. Let's go to our recolor. I'm going to go generative recolor. Let's go with Midnight Moon. Fun with what you put in the prompts. Just think about imagery and the colors of that imagery and how you would describe it and put that into the prompt. All right, I'm cycling through and I'm trying to find one that works. Okay, I like that one has a little bit of contrast to the shading. Okay. I have four different characters. I can resize them to various sizes. Then I'm going to place them around my artboard. Now I'm going to create a box around my artboard and I'm going to bring up my text of Vector and add a scene. Maybe I'll bring this box to the back and I'm going to add a scene under the C and make sure match active artboard style and hit. Okay. Okay. Weird. I had a couple that I tested out earlier. I'm going to pick one of those ones. I think what we can do with that, we can go to Recolor and we can darken it up. It'll allow our characters to pop a little bit. The next thing that we can do is we can make some complimentary assets. Let's go into our text of Vector, Switch it to subject, and we could add some complimentary assets. Let's go with rocks and coral. Okay, it came up with a couple. I like this one. This one actually looks really cool. It's got a lot of colors in there. We can use that as the foreground. I really like that. I had a couple other ones that I tried out earlier, so maybe I'll add this one as well, just in the mid ground behind this one. I'll darken this front one up. Maybe I'll darken this one up just a little bit, let our characters stand out. Okay, now we can set the scene, we can move our characters around. I'll have this guy right there. Maybe this one poking out from behind. All right, this one that's further back. I will recolor and make it darker just so it's blended with the background a little bit more. This one, I want it to be behind the fish. Since this is all built up in one layer there, you could separate the layers of what was generated. However, it's simpler just to create a mask. What I'm going to do to put this guy behind this fish is I'm going to just grab my pen tool and I'm going to draw the shape or the outside of the fish like that. Then I will just draw around what I want to be revealed. We're going to change this to white. Okay, now I'm going to cut this shape control X. I'm going to cut that shape. Click on this character. I'm going to open up my transparency panel. Now in my transparency panel, I have an object called make mask. I'm going to make a mask. And now you can see he disappeared because the mask is completely black. If you see over here, you have a mask that's completely black. If you place something that's white on it, it'll reveal what's underneath. I have to click on the mask. First control shift V. Now you can see exactly what happened. He appeared behind the character. I can move that mask and then just click the character to go back to the normal mode. There you go. He's coming out from behind there. And I think what I might want to do is since he's in the back, I don't need him bright, I need him a little darker. There you go. Perfect. They look like balloons sort of in the ocean. It's quite fun. So that's how we can build a scene using generative AI. We created an original character, we added an AI background, as well as some AI generative assets. We recolored our character with the generative recolor and made something completely unique. In the next class, we'll learn how to export our illustration. I'll see you there. 29. Exporting: Share it with the World: This class will learn how to export our illustration in various sizes and formats, as well as use the offset layer to create an outline for stickers. Okay, jumping into our scene here, now we have artboard and if we go to view and trim view, we can see everything that's on that artboard. We have our illustration. Now what we want to do is we want to create various sizes of artboards. So the first thing that I'm going to do is I'm going to lock all my layers. And then I'm going to hit Shift to get the artboard menu up. Now we have our one art board there. If we were to export that artboard, it would show everything within that. But what if we only wanted a vertical artboard for like a phone screen or something like that? What we can do is we can actually create a new artboard and we can go up to the custom and we can change it to whatever size we want. Let's go with HDV 1080. Then we can change it from vertical to horizontal or back to vertical, just like that. And then we can drag it in place to wherever we want. Now let's hold shift and expand to the top. Just so we have our character in there now, Make sure our layers are locked, so we're not moving any layers. I want my character right in the center of it. Now we have one artboard that is the full artboard, and then we have a phone screen artboard. Let's make another art board up here. We can also make adjustments up here. We're going to have the width 1,000 pixels. The height 1,000 pixels, it's a perfect square. Now if I hold shift, I can drag it out and constrain that perfect square. Now I can drag that over to wherever I want. I can drag that square format board right there. All right, we have three different art boards. We have one that is the full screen. We have a vertical format, and we have a square format. Now to export it, we can go to export for screens. Now we can select boards. Now you can see in the previews what they're going to look like. We have the vertical and we have the square. Now we can select the type of format down in this area. We can multiply it by 1234 times, it means the size of it. And we can change the type from PNG to Jpeg or SVG or PDF. You can actually add multiple scales. We can add a scale and export it two times its resolution at PNG. And then we can also add a different type, such as Jpeg at one times. We can also add an SVG, which doesn't have a scale because it is a vector graphic. Now you can see with our artboard selected, we're going to have four variations of each of these art boards. I just have to click in and select the proper file. I'll hit, okay, Export artboards. It'll do its thing. All right, now that it's exported, we can go and look at our files. Let's go back to our files, class project file. As you can see, we have one times, two times an SVG file. In our one times, I believe we have both a PNG and a J peg. In both versions, we have our big illustration, we have our vertical illustration, and we have our square format illustration in various formats. Very quick, very easy. The next thing that we're going to do is use the outline layer to create a simple sticker effect. Looking at our main illustration, we're going to go, we're going to unlock all our layers. We're going to hit the, we're going to use the artboard tool shift and drag it up. Then what we're going to do is we're going to lock everything except for the base color layer. For now, we're going to select our base color layer. We're going to hit control C to copy it. We're going to paste it into our offset layer. Now in our offset layer, we have our base color. Now it is in live paint mode. So I'm going to go to Object Live Paint and Expand. Now they are Editable shapes. Going to go to my Pathfinder panel and hit Unite. Now it is all one shape. I'm going to give it a color. Let's just change the color to something noticeable. Now what we're going to do is we're going to go to object path, offset path. We're going to increase the path by maybe 20 pixels or so. We're going to change the joins to round. That'll just round off and smooth any of the sharp edges. And we'll hit. Okay. Now we can see that if I hover over this, I have two shapes. I have the original shape and I have the offset shape. You can decide whether you want to keep the original and the offset or pick one or the other. But what I'm going to do is I'm just going to turn on all my other shapes. Now you can see you have an offset shape. This is great for creating stickers or anything like that. If you wanted to, you can change the color, give it a nice thick outline like that. Or if you want to, you can change it to the same color as your stroke outline. If you can find the path, there we go, like that. All right, And then if you wanted to, you can also offset it one more time. Path offset. Increase that again by 20 points and change this one to a different color and just build those up and see what works best for you. Then for this one, unlock all your layers, you can select everything and you can go to File Export, selection it into your file, and it'll pop up right there and we have this cool little sticker effect character. Now we know how to export our images in various formats, at various sizes, as well as create a simple sticker variation of our illustration. Now that you've created your class project, make sure you posted in the project panel in the next class. I just want to say thank you. 30. Thank You! You are Awesome!: Hey guys. You made it to the end of the class and I just want to congratulate you in your efforts. Throughout this class, you've learned how to quickly lay down, line work, trim, and refine your paths. Bring in some color with the live paint tool and add dimension using shadows and highlights. You are able to bring your illustration to life by creating an interesting background with the help of generative AI and have some fun with colors. Now is the time for you to share your work with the world and with us. Here on scale, Share, simply post your project in the project panel of this class. I am always super excited to see your work. If you share your work on Instagram, you can take me at Kyle dot Aaron dot Arc. If you have any further questions regarding the subjects taught in this class, feel free to reach out in the discussions panel and I'll do my best to respond in a timely manner. A lot of time has been put into creating this class, and I would love it if you could leave a short review about what you like most. So this class could reach more students. Ai is a really powerful tool and you can do so much with it. It's going to speed up your workflows in so many ways. But remember, AI should not replace your creativity or personal style, but should assist you on your journey. You must decide when it's better to use AI assets or to put in the work and create it yourself personally. I love the process of making something myself. And if you create something just for pure enjoyment, it's absolutely worth it. If you want to learn more about illustration and graphic design, you can follow me here on scale share to be updated when a new class launches. If you want to learn more about Adobe Illustrator itself, I have dedicated classes on the pen tool, pathfinder panel, graphic styles, and the gradient mesh. Definitely check out those to continue your learning journey. I wish you all the best on your creative journey and I'll see you next time.