Illustrator for Lunch™ - In the Kitchen - Cartoon Art with Live Paint | Helen Bradley | Skillshare

Illustrator for Lunch™ - In the Kitchen - Cartoon Art with Live Paint

Helen Bradley, Illustrator for Lunch™ & Photoshop for Lunch™

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (22m)
    • 1. Kitchen cartoon art intro

      0:42
    • 2. Illustrator for Lunch™ - In the Kitchen - Trace the Straight Lines

      5:10
    • 3. Illustrator for Lunch™ - In the Kitchen - Draw Curved Lines

      4:13
    • 4. Illustrator for Lunch™ - In the Kitchen - Add Fill Colors

      8:24
    • 5. Illustrator for Lunch™ - In the Kitchen - Color the Strokes

      3:22

About This Class

aa2308b9

The Illustrator for Lunch™ series are short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn to draw cartoon style art in Illustrator and color it using Live Paint. The drawing is provided for you - so you'll get practice with the Pen and Pencil tools and learn to use the Live Paint tool color the drawing.

More in this series:

4 Illustrator Shading Techniques - An Illustrator for Lunch™ class - Simple Highlights & Shadows

5 Hexagon Patterns in Illustrator - an Illustrator for Lunch? course

Create Color Schemes in Illustrator for Using, Sharing & Selling - An Illustrator for Lunch? Class

Create Patterns in Adobe Capture for Illustrator & Photoshop

Create Wreaths & Other Floral Designs - An Illustrator for Lunch™ Class

Designing with Spirals - An Illustrator for Lunch™ Class

Doodle Flower Design & Pattern in Illustrator - An Illustrator for Lunch™ Class

Draw a Hot Air Balloon in Illustrator - Fun with 3D! 

Illustrator - Design in Black and White - Create Positive/negative images

Illustrator for Lunch? - 10 Interface and Setup tips too Speed your Workflow

Illustrator for Lunch™ - 10 in 10 - 10 Align tips in 10 minutes or less 

Illustrator for Lunch™ - 10 in 10 - 10 Type Tips in 10 minutes (or less) 

Illustrator for Lunch™ - 10 in 10 - Ten Top Illustrator Tips in 10 Minutes 

Illustrator for Lunch™ - 10 Layer Tips in 10 minutes

Illustrator for Lunch™ - 10 Pattern tips in 10 Minutes 

Illustrator for Lunch™ - 10 Pen tool and Path Tips in 10 Minutes or Less 

Illustrator for Lunch™ - 20 Appearance Panel Tips in 20 minutes or less

Illustrator for Lunch™ - 20 Color tips in 20 Minutes

Illustrator for Lunch™ - 20 Gradient tips in 20 minutes

Illustrator for Lunch™ - 20 Pathfinder, Crop and Cutout tips in 20 minutes or less

Illustrator for Lunch™ - 20 Recolor Artwork tips in (around) 20 minutes

Illustrator for Lunch™ - 20 Reflect and Rotate tips in 20 minutes or less

Illustrator for Lunch™ - 20 Things New Illustrator Users Need to Know

Illustrator for Lunch™ - 3D Extrusion Effects - Text, Shapes, 3D

Illustrator for Lunch™ - 3D Perspective Cube design and Bonus 3D star

Illustrator for Lunch™ - 4 Exotic Patterns - Quatrefoils, Moroccan Trellis, and Layered Diamond 

Illustrator for Lunch™ - 4 Handy Patterns - Diagonals, Plaid, Colorful Dots, Chevron

Illustrator for Lunch™ - 5 Cool Text Effects

Illustrator for Lunch™ - Abstract Ombre Background - Color Scheme, Blend, Transform 

Illustrator for Lunch™ - All you need to know about Brushes in Illustrator

Illustrator for Lunch™ - Backgrounds for your projects - Sunbursts, Halftone, Blends & Brushes 

Illustrator for Lunch™ - Banner and Award Badges - Appearance Panel, Masks, Warp 

Illustrator for Lunch™ - Blends and Gradients - Blends, Blend Modes, Gradients 

Illustrator for Lunch™ - Braids, Rick Rack and More

Illustrator for Lunch™ - Circle Based Patterns - Rotate, Blend, Multi-Color Dots

Illustrator for Lunch™ - Clipping Masks, Opacity Masks & Layer Masks

Illustrator for Lunch™ - Complex Block and Half Drop Repeat patterns

Illustrator for Lunch™ - Complex Rotated Repeating Patterns Made Easy - Using MadPattern templates 

Illustrator for Lunch™ - Create a Floral Alphabet character

Illustrator for Lunch™ - Create a Nighttime Cityscape Image

Illustrator for Lunch™ - Create a Plaid or Tartan Pattern

Illustrator for Lunch™ - Create a Range of Triangle Patterns

Illustrator for Lunch™ - Create a Retro Landscape Illustration

Illustrator for Lunch™ - Create a Textured Dot Pattern - Transform, Vector Texture, Patterns 

Illustrator for Lunch™ - Create a Wave Pattern 

Illustrator for Lunch™ - Create a Whimsical Tree

Illustrator for Lunch™ - Create an Ikat Inspired Pattern

Illustrator for Lunch™ - Create an Isometric Cube Pattern - Shape Builder, Align, Pattern Make

Illustrator for Lunch™ - Create Complex Art in the Appearance Panel

Illustrator for Lunch™ - Create Diamond, Harlequin and Argyle Patterns

Illustrator for Lunch™ - Create Guilloche Effects

Illustrator for Lunch™ - Create Hi-Tech HUD rings

Illustrator for Lunch™ - Create Perfectly Overlapped Rotated Shapes

Illustrator for Lunch™ - Create Seasonal Ornaments - Learn new skills while making seasonal art

Illustrator for Lunch™ - Create Stitches and Sewing Elements

Illustrator for Lunch™ - Create with bends and blends - techniques for icons, logos and more

Illustrator for Lunch™ - Creative Half tone Effects

Illustrator for Lunch™ - Custom Corner Tiles for Pattern Brushes

Illustrator for Lunch™ - Cute Furry Creatures

Illustrator for Lunch™ - Cutout Text Effects - Photos, Pathfinder & Text

Illustrator for Lunch™ - Designing with Symmetry

Illustrator for Lunch™ - Doodle-Style Heart - DIY Brushes and Nested Shapes

Illustrator for Lunch™ - Draw a Retro TV - Shapes, Texture & Sunburst

Illustrator for Lunch™ - Draw a Vintage Birdcage - Shapes, Transform, Texture

Illustrator for Lunch™ - Faux Tissue Paper Collage - Blending, Texture, Transparency 

Illustrator for Lunch™ - Flat and Dimensional drawing techniques

Illustrator for Lunch™ - Fun Effects with Graphic Styles - Appearances, Brushes, Styles 

Illustrator for Lunch™ - Fun with Scripts - Download, Install, Run

Illustrator for Lunch™ - Get Creative with Blends and Brushes

Illustrator for Lunch™ - Get Export File Sizes and Resolution Correct

Illustrator for Lunch™ - Going in Circles - Brushes, Blends & Transformations

Illustrator for Lunch™ - Gradient Background Effects - Find, Adapt, Create & Use

Illustrator for Lunch™ - Houndstooth & Rose - Vector Halftone Tracing & Houndstooth Pattern 

Illustrator for Lunch™ - Illustrating Cacti with Custom Made Brushes

Illustrator for Lunch™ - I'm Seeing Stars - Fill, Warp, Clip & Crop Shapes

Illustrator for Lunch™ - In the Frame - Shapes, Fills, Strokes & Color

Illustrator for Lunch™ - In the Kitchen - Cartoon Art with Live Paint 

Illustrator for Lunch™ - In Your Face - Pen Tool Practice 

Illustrator for Lunch™ - Layered Paper Style Collage - Gradients, Graphic Styles, Transform 

Illustrator for Lunch™ - Let's Go Steampunk! - Shapes, Rotation, Textures 

Illustrator for Lunch™ - Make a 2017 Calendar from Scratch - Grids, Layouts, Text, Patterns & More 

Illustrator for Lunch™ - Make a 3D Y Shape Pattern - from paper illustration to digital design

Illustrator for Lunch™ - Make a Lace Pattern Brush - Stroke, Blends, Pattern Tiles, Rotation 

Illustrator for Lunch™ - Make an Organic Spiral Pattern

Illustrator for Lunch™ - Make Art Brushes - Configure, Color & Scale

Illustrator for Lunch™ - Make Art Using Other People's Art 

Illustrator for Lunch™ - Make Custom Organic Patterns - Transform, Scissors, Align, Pattern Swatch 

Illustrator for Lunch™ - Make Retro Shapes - Pathfinder, Scripts, Rotation

Illustrator for Lunch™ - Make Scrapbook Papers to Sell - Patterns, File Formats, Marketing Materials 

Illustrator for Lunch™ - Make to Sell Printables - Stripes, Grid, Lines & Isometric Grid

Illustrator for Lunch™ - Mastering Live Trace - Turn Bitmaps to Vectors

Illustrator for Lunch™ - Meandering Hexagon Pattern

Illustrator for Lunch™ - More fun with Scripts - Text to code, more scripts, more fun (trees too!)

Illustrator for Lunch™ - Multi-Color Faux Pattern - Patterns, Transform, Expand 

Illustrator for Lunch™ - Neon Effect - Appearances, Graphic Styles, Fonts

Illustrator for Lunch™ - On (a pattern making) Safari - Repeating Patterns 

Illustrator for Lunch™ - One Design Concept - Many Variations 

Illustrator for Lunch™ - Pattern in a Pattern - Achieving the Impossible in Illustrator 

Illustrator for Lunch™ - Pattern in Pattern & Irregular Repeating Patterns

Illustrator for Lunch™ - Pattern Know-how - Install, Transform, Recolor

Illustrator for Lunch™ - Pattern of Lines and Dots

Illustrator for Lunch™ - Pop Art Style Star Pattern 

Illustrator for Lunch™ - Real Time Mandala Design

Illustrator for Lunch™ - Real Time Mirror Drawing - Symmetrical drawing

Illustrator for Lunch™ - Road Trip - Custom Brushes and Live Paint

Illustrator for Lunch™ - Roaming Square Pattern

Illustrator for Lunch™ - Seamless Repeating Texture Patterns

Illustrator for Lunch™ - Season's Greetings - Shapes, Brushes, Texture 

Illustrator for Lunch™ - Semi Transparent Flowers - Scatter Brushes, Opacity, Blend Modes 

Illustrator for Lunch™ - Sharing and archiving files - troubleshooting the pitfalls

Illustrator for Lunch™ - Sketchy Image Effect - Image Trace, Swatches, Sketchy Effect

Illustrator for Lunch™ - Something's Fishy - Appearance Panel Tips & Tricks 

Illustrator for Lunch™ - Stipple Texture Effect - Grain, Gradients, Blends 

Illustrator for Lunch™ - String Art Inspired Designs

Illustrator for Lunch™ - Stylish Doodles to Make and Sell

Illustrator for Lunch™ - Type on a Path - Type, Paths, Shapes

Illustrator for Lunch™ - Using & Troubleshooting Bounding Boxes

Illustrator for Lunch™ - Using Photoshop Objects in Illustrator - Images, Shapes, Patterns and more

Illustrator for Lunch™ - Vector Textures - Vectors, Clipping Masks, Pathfinder

Illustrator for Lunch™ - Warp Shapes & Text - Envelope Distort, Warp, Gradients 

Illustrator for Lunch™ - Watercolor Magic - Type, Downloaded Patterns & Brushes 

Illustrator for Lunch™ - Watercolor stripe seamless repeating pattern

Illustrator for Lunch™ - Whimsical diagonal line patterns

Illustrator for Lunch™ - Whimsical Scrapbook Paper Designs to Sell or Share

Illustrator for Lunch™ - Whimsical Text Effects

Illustrator for Lunch™ - Whimsical Textured Drawings Using Hand Drawn Brushes

Illustrator for Lunch™ - Zentangle® Inspired Pattern Brushes - Shapes, Effects, Brushes

Make Ditsy Patterns in Illustrator

Pattern Design in Illustrator Masterclass

Piping Effect in Illustrator - An Illustrator for Lunch™ Class

Rainbow Gradient Shape & Text Effects in Illustrator - an Illustrator for Lunch™ class

Terrazzo Patterns Without Drawing a Shape! - An Illustrator for Lunch? Class

 

 

 

 

 

Transcripts

1. Kitchen cartoon art intro: Hello, I'm Helen Bradley. Welcome to Illustrator for Lunch. Illustrator for Lunch is a series of videos that teach you Illustrator in small bites, the kind of things that you can learn over lunchtime every day. In this Illustrator for Lunch course, we're going to look at creating a piece of cartoon art. We're going to color it using the Live Paint tool options in Illustrator. So you're going to learn all about Live Paint. Now, if you're not really confident about drawing art like this yourself, I'm going to give you the piece of artwork that you can trace. So don't worry about having to do lots of drawing. You're here to learn about Illustrator, and that's exactly what we're going to focus on. 2. Illustrator for Lunch™ - In the Kitchen - Trace the Straight Lines: To create your kitchen cartoon art using a drawing that I've created for you, choose File and then New. The document size is going to be 1439 by 1385, RGB color. Click "Okay". Now, choose file and place and go to the location where you've stored the image that I've given you and click "Place". Drag over the document to insert the image. Now go to your last palette, open up this current layer and lock this layer. That means it's not going to move as you work on it. We're now going to go over all the straight lines. First of all, using the pen tool, I'll select the pen tool and make sure that there is no fill color. I'm going to select a stroke color that's going to be really obvious as I'm working. Probably a bright pink color. Going to also make the stroke about four points so I'll see it really clearly. To create my lines, I'm going to click at one end of the line, and every time I come to a point I'm going to click again. When I finish the line I'll press the letter P. That just stops the Pen tool from drawing, and I'll go and create the next line. Because this is cartoon style art, it doesn't matter that everything is not straight, and it really shouldn't be because you're going to lose the effect of the art if you try and make everything nicely lined up. But you do want to overlap the lines wherever possible so that one line finishes on top of another. If you get into this situation, I'm just going to zoom in so you can see what's happening here. I have the Pen tool, and when I hold it over this point here I get a minus symbol at the bottom-right of the pen icon. That just tells me that if I click here because this path is still selected, I'm going to knock out this point like that. I don't want to do that, so I'll press Control or Command Z. Now, if I click somewhere else on the line you can see that's a little plus sign. That tells me I'm about to add a point onto that line. Again, not something I want to do. If your line is still selected like this, you have a couple of options. The first one is that you can just go start drawing somewhere well away from the line and then that's not going to happen. The other option is with the lines still selected, you can deselect it. Hold down "Control" and "Shift" and tap the letter "I". That's command Shift I on the Mac that deselects the line allowing you to now go and redraw your lines. If you need to move the artwork as you draw, hold down the space bar, and that turns the mouse pointer into a hand allowing you to move your art. I'll press letter P, I finish this line. I'm going to press "Control" and "Zero" to get back to seeing my image. Now, I'm going to continue to work around this art and I'm going to speed up the video. I'm just going to draw in the straight lines. I'm going to leave the curvy lines such as the towel here, these handles the tree and so on until I come back, and we're going to do those using a different tool. 3. Illustrator for Lunch™ - In the Kitchen - Draw Curved Lines: Once you've completed the stripe bits, it's time to do some of the more curvy bits. I'm going to zoom in up here. One of the things I want to do is to actually just curve up this line. So I'm going to grab the direct selection tool here, just grab hold of this line here, and just drag it up a little bit. I just need some room for the trees. It doesn't have to be curved if I don't want it to be but I might want to bring this one up just to match it a little bit. It's going to look a bit better. Now, for the trees, I'm going to the pencil tool. I'm going to make sure it's set up with the exact same settings, and now I can draw in these lines using the pencil tool. I've got my pencil tool on a reasonable compromise between fidelity and smoothness. I don't want all the wiggles that I'm creating as I'm drawing it, I want the curves to be smoothed out quite a bit. I'm just going to show you in a minute what it looks like, what my settings look like. Double-click on the pencil tool. See I'm halfway between accuracy and smoothness, which is giving me a pretty good result here. I also have these first four check-boxes turned off. That's allowing me to draw a line and then to draw intersecting line, and the pencil tool isn't doing its usual behavior of trying to pick up and remake that line for me. This is a better option for the kind of drawing that I'm doing using the pencil tool. So again, here I'm just going to trace over these shapes. Once I've finished making a line, I can just stop and continue on. Just aiming to join these up as best I can. Since this is sort of cartoon art, the pencil tool is a really handy way of getting these loops in very easily without having to draw them with the pen tool, particularly if you're not really very handy with the pen tool, and it is an acquired taste. So I'm just going to press the letter A here to get this anchor point. I'm just going to make sure it butts up against the tap that I've just drawn. I'm going back to the pencil tool by pressing the letter N, which is the shortcut key for the pencil tool. I'm just going to continue to draw these elements. Now, I'm going to speed up the video as I continue to draw these last curvy paces, and then we'll get on to creating a color swatch and coloring in our art. Once you think you've got everything drawn in, open up the last pallet and go to the very bottom where you have the image, and just turn it off, and just check to make sure that everything looks pretty good. Now, if you have some really big gaps like I have over here, you may want to just close them up. I've grabbed the direct selection tool here, just clicking on the end of the line where there has to be a anchor point. I'm just dragging it down a little bit closer to the line it's supposed to be attached to. I'm just looking for really bad gaps here, because they're going to be a little hard to close up later on, and we run the risk of the paint running through the gaps. So I'm thinking that that's pretty good and I think that we're probably ready now to go ahead and to do the coloring. 4. Illustrator for Lunch™ - In the Kitchen - Add Fill Colors: Before we can color this illustration, we need some paints or some colors to use. I'm going to open up the swatches palette here. Now I have big size swatches enabled. I click the drop-down list here and chose large thumbnail view. I'm going to get rid of pretty much all of the colors in my swatch by clicking on the first shift, clicking on the last, and just drag them all into the trash can. I've got a swatch. I've already created a swatches palette, so I'm just going to click here and choose Open Swatch Library, User Defined. I have one called kitchen cartoon. I'm going to give this to you so that you can add these colors to your own swatches palette. All you'll do is do exactly as I've done. Click the menu here, choose Open Swatch Library, but you'll go to other library and just navigate to wherever it is that you've saved the AI file that I've given you and just open the Swatch Library. Click on the first of the swatches, shift click on the last and just drag and drop them into your swatches panel. They're now ready for us to use for coloring. If you want to create your own swatches, by all means, go ahead and do so. What you'll do is you'll first select a color. So I'm actually going to recolor this one. So I'm going to click it to edit as a stroke or a fill, double-click on it and then go and select a different color for it. Well, maybe we'll call it that our first color. So I'm going to click "OK" and then I'll take it from here and put it in my swatches panel, so there's a color that I can use. Then I can change it and create a different color. I'll want some colors that are in this sort of same tint or shade range. So I've chosen another one. I'm just going to slot it in beside this. I'll probably want to color between these two as well. So just built up my own color palette by selecting a color and then finding some tint, some shades of that color. In some cases, I've gone a little bit off. So for example, I might have just drag to one side a little bit to get a slightly different color. Or I might have changed the saturation to get a grayer version of a color. But I just want a whole range of colors that I can use to color this art. Now I don't want those, so I'm just going to get rid of them. We're ready to start the coloring process. Before we can do that, however, we need to create a shape around the entire piece of art. So I'm actually just going to go and pick up my red color again. Going to choose the Rectangle Tool. I'm going to drag a rectangle all the way around the piece of art because we'll need that to be able to encapsulate some of this color as well. Now I'll select the entire art by choosing Select, All. Then I'll choose Object, Live Paint, Make. What that does is it prepares this entire piece of artwork for coloring with the Live Paint Tool. So now I'll go here in the toolbar because the Live Paint Tool share a toolbar position with the Shape Builder Tool. You want the Live Paint Bucket. So I'm just going to click on it to select it. Now I'm going to select a fill color, so I have the fill palette there selected. I'm going to click this blue color. Now don't want to lose the red right now because the object is now selected, I'm actually going to lose all my red boundaries. Want to be able to see those boundaries of the art. But I'm going to double-click on the Live Paint Bucket Tool to see the live paint options. Right now, we're going to pick painting strokes. We don't want to do that. We want to paint fills. So I'm going to select Paint Fills and I'm going to deselect Paint Strokes. The yellow is just telling me that I'm going to see yellow around an area when I go to paint it. So I'll click "OK". Now when I hold my mouse pointer over the art, you can see that it changes color as each of this individual blocks are selected. So even if I didn't draw this as a triangle, Illustrator is saying it as a triangle that can be filled with color. So after my draws, I'm going to color them in this blue color. So I'm just going to click when the yellow coloring is around the area that I want to color that way. Now if you have a look at the little live paint bucket, you'll say that there's a swatch of three colors immediately above it. You can control those with the arrow key, and they correspond with this color here and the two colors either side of it. So if we wanted to create a handle here that is a lighter color, well, we can hover over the handle and then we can use the right arrow key to choose the lighter color, this one here in the palette. But we can do it all from hovering over the document without needing to continue to come backwards and forwards to the palette. Although we could, of course, if we wanted to. Now I'm going to choose this darker color for my handles. I can see where I am in the swatches palette and I just need to press the right arrow key twice to get the color I want for the handles. It's now in the palette so I can just click to apply it to the handles of my object. Now I want some lighter blues in here. So I'm just going to arrow back until I find a lighter blue that I want to use. Then I'll just put this color down. I can work through the entire illustration, hovering over a pace of the illustration and then filling it with a color. If I fill it with a color and decide I want some different color, then I can either arrow across in the palette to get the right color or I can just go and select it here. That's the second option that I can use. So I'm now going to go ahead and fill up all the areas of the image that I want to fill with color. I'm going to ignore the strokes for now and just focus on filling the areas that are fillable with color. If I find that I have a color that I don't want to use, I can come in here and change the color. I can add that color to my color swatch. I've now gone ahead and filled all the fillable areas in this space of art with the colors that I want to use. It's time now to turn our attention to the stroke. 5. Illustrator for Lunch™ - In the Kitchen - Color the Strokes: To adjust the strokes around each of these objects, we can do that all at the one time. I'm going to select the selection tool, and just click here to de-select everything. Then I'll choose, Select, All. You'll see here that the fill color has a question mark in it, indicating that there are mixed fills on all of these objects, but they all have the same pink stroke. I'm going to target the stroke, and select a different stroke color. The stroke color of all of the strokes in this illustration has now been changed. What happens if I want to change the stroke of just some elements along the floor here, well, I can do so. I'm going to double-click on the Live Paint Bucket tool to get the options, and I'm going to de-select fills, which automatically selects paint strokes. This time I can use the Live Paint Bucket to fill strokes instead of shapes. So I'll click "OK". I'm looking at the floor here, and I'm thinking that this would probably be a good color for the strokes. I'm going to hold my mouse pointer over the line here, until the stroke shows up, and I'm going to click. Now it's not actually picking up the color that I'm using here. I'm just going to make sure that this thing is actually listening to me, and it is now. I'm just clicking on the stroke lines. Only when they show up in yellow, which is the highlight color that I have selected, am I actually going to change the color of these strokes. I can come up here, and do the same thing up here. If I want to just draw a little less attention to this element. Now you see that there are lots of stroke lines here that have been used for this element. There's also a few things happening in the corner here, that I will need to zoom in to get. Again, I'm just looking for that yellow highlight that's telling me, that I've got these pieces and then Control or Command zero to just zoom out. You can see that the live paint bucket tool, gives us the ability to fill objects that really aren't entire objects. This is not necessarily a square. This is not a shape that would normally be able to be filled any other way, but using the Live Paint bBucket, Illustrator is saying it's surrounded by these lines and it's saying, "Okay, well, if it's surrounded by all of these lines, then I'll call it a shape, and I'll let you fill it with whatever it is that you want to fill." Its a really handy way of doing cartoon art like this, because it gives you the ability to just draw lines, and later fill in things, that sort of look like shapes, but really aren't true Illustrator shapes. When you're finished using the Live Paint tool, you can just go back to selecting a regular tool in Illustrator. Go ahead and save your piece of art, and you're done. Thank you for joining me for this Illustrator for Lunch: Cartoon Art tutorial. I hope you've enjoyed it, and I look forward to seeing you in more of my Illustrator for Lunch courses here at skillshare.com.