Illustrator for Lunch™ - Road Trip - Custom Brushes and Live Paint | Helen Bradley | Skillshare

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

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

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
4 Lessons (18m)
    • 1. Illustrator for Lunch™ - Road Trip - Intro

      0:38
    • 2. Illustrator for Lunch™ - Road Trip - Part 1

      6:51
    • 3. Illustrator for Lunch™ - Road Trip - Part 2

      3:40
    • 4. Illustrator for Lunch™ - Road Trip - Part 3

      6:58

About This Class

f3e21af6

"Illustrator for Lunch™ is a series of short video courses you can study in bite size pieces such as at lunchtime. In this course you'll learn to make a retro vehicle using a custom brush and Live Paint. You'll also see how to expand the Live Paint object so you can move the filled shapes.This video is "Pen Tool free" so you can complete the project without using the pen tool.

Download the sketch image from: https://app.box.com/VWcar

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. Illustrator for Lunch™ - Road Trip - Intro: Welcome to this episode of Illustrator for lunch, road trip. I'm Helen Bradley and I'm author of the Illustrator for lunch series of video training. This training is a series of short video lessons that teach you interesting things about Illustrator. Today's lesson really is quite short. This is a very quick and easy project. You're going to learn a little bit about live paint, you're going to create a special brush to create the lines on this illustration. When it's all done, you're going to move the actual filled shapes so that you can create this offer just to print look to the illustration. 2. Illustrator for Lunch™ - Road Trip - Part 1: To create our retro vehicle, I'm going to choose File and then New. I'm using an image that is 700 by 700 pixels in size, and RGB color mode but you can choose the size of the image you want to be working with. I think square is going to work pretty well for this particular illustration. You can either go ahead and draw your own vehicle or use mine. To use mine, you'll download it from the link that I've given you and then choose File and then Place. Go and find the image select it and click "Place." Then just drag out a place for it in your illustration. Go to the Layers palette, open up the Layer here and just lock it down. When you lock it down, it won't move, so you can draw over it more easily. You could use the Pen Tool to do this drawing if you're handy with the Pen Tool, but I'm going to use the Pencil Tool because a lot of people really dislike the Pen Tool. I'm going to click on the Pencil Tool, I'm going to turn off the fill and I'm going to make sure that I have a stroke color selected. That's going to make it easy for me to see my lines as I work. I've also increased the stroke to three points. I'm just going to, well, double-check the Pencil Tool options before I start by double-clicking on it. I wanted to draw pretty smoothly, so I have a halfway selection between accurate and smooth. These four checkboxes are disabled and this one is enabled. I'll click "OK." Now, I'm just going to draw over these shapes. If I make a mistake and don't like something I've drawn, I'm just going to press Control Z to undo it. That's Command Z on the Mac. It's just going to undo that one. I'm also going to increase my stroke weight just a little bit. The stroke weight is only temporary so you can make it as big or as small as you like. Now, because I'm just going to be drawing over all of these shapes and because it's going to be as enthralling as watching paint dry, I'm going to not say anything and speed up the video and come back once the drawing is complete. When you finished your drawing, you can smooth out the lines, select over a line that needs smoothing, and come here to the Smooth Tool. I have the Smooth Tool set to really quite a smooth selection there. I'll click "OK. " I can just draw over the lines and they'll be smoothed out, so that will smooth out any bumps in them. You'll need to select the line first and then run over it with the Smooth Tool. You may also want to go to the Layers palette and just turn off the image layer, so you can see a little bit more clearly where things might need to be smoothed out. You can also select the Direct Selection Tool, zoom into an area of the image, and for example, remove any excess anchor points. It looks to me like I've gone a little bit too far here so I'm going to take this anchor point up. I've got some extra ones here that I don't need, so I'm just going to remove it. Press Control or Command 0 to get back to looking at the image and just make sure that everything is working. I'm going to bring this anchor point down a little bit. The anchor points are always going to be at the very end of the line, so you can just see where it's going to be because they're always just there. It seem to have got an extra little bit in here too. It's going to be an anchor point at the end of this line. Let's just go and pick it up. Here it is here. I'm just going to delete it. You will want to tidy up your shape just a little bit. This one's smaller because the stroke weight was different. I'm just going to come into the Appearance panel and just increase the stroke weight a little bit just so it looks a little bit more like the others, just so you're not confused about that line. Let's go down here with the Zoom Tool. Think an actual fact that this one might need a point created a bit more here, not quite so smooth. I'm just going to adjust the handles a little bit. I can also join these together by moving them close together, select over the two ends, and choose Object, Path, Join and the parts will then be joined. There are a few that you might want to join. This one up here, is one of them. Probably I want to just separate the anchor points a little bit to make sure that they're close to each other but not bent in funny directions before you join them and these here. I'm actually going to remove this one and pull this up a little bit closer, select either both of them and join them. Once joined, if you don't like the join, if there are two anchors here, you can just click on one to remove it. Then if necessary, just run over the join area with the Smooth Tool. I've joined these. Now, I'm going to get rid of one of these points because it's looking pretty untidy. Zoom out, and then run over the join with the Smooth Tool. When you're happy with the shape that you've created, you're ready to progress to the next step. 3. Illustrator for Lunch™ - Road Trip - Part 2: For the next step we're going to create a brush that we're going to use to give this illustration a hand-drawn look. I'm going to get the pencil tool. I'm going to select a black color here because I'm going to use black outlined or black lines for the drawn look. I'm also going to decrease the stroke weight to just one. I'm going to draw some wavy lines, just marginally wavy lines and I want a few of them. They need to be roughly the same length. So I've got five lines here. I'm going to select either all the lines with the selection tool and then I'm going to choose, "Object path average". I'm going to select horizontal and then click "OK." What that does is it sort of flattens the shape out so that the bumps are not quite so obvious. I'm going to select either the shape again, and I'm going to just squeeze it up because I wanted to look a little bit more like a black line. Well, that might be just too much like a black line, I might separate it just a little bit. This is looking really good to me now. I'm going to open my brushes palette. You could go to window brushes if it's not here. Select over the line and just drag and drop it into the brushes panel. You're going to create an art brush and click "OK." The direction of this line and the direction that we're going to paint it in, is this one stroke from left to right. So I'm going to select that. I'm going to select, "Stretch to fit stroke length" and then just click "OK." I'm going to hold my brush down here just for now, just in case it doesn't work out. If it's not perfect, I can come back in here and fix it. I don't want to have to re-draw it. I'm going to open my layers. I'm going to select over the entire car here and then I'm going to choose "Edit, Copy, and Edit, Paste in place." That creates a second version of the car on top of the first. I'm just going to hide this second version and lock it so that nothing can happen to it. This is the car down here. This is the one we're going to work on, first of all. What we're going to do is replace this pink stroke with the brush that we just created. So I'm going to my brushes panel, I have my entire objects selected and I'm just going to click on my brush. If you are happy with that, if you're happy with the line effect, then you're done with this step. You don't need to do anything more. If you don't like it, go back to your brush and just make some changes to it. For example, we might want it to be a little bit thicker, a little bit more organic. So I've just stretched a little bit. So I'm going to drop it into the brushes panel again, I am going to choose "Art brush" and click "OK." This is called art brush tool it has all the same settings as previously, so I'll click "OK." Now I'm going to select, those my shape again, and this time I'm going to select "Art brush 2" and you'll see that it has a slightly different look to it. So you can continue to work with your brush until you get something that you're really happy with. I actually quite like the second version, so I think I'm going to settle for it. I'm going to select my brush piece here and just delete it because I don't need it any longer. We'll come back in the next step and apply the color effect to our car. 4. Illustrator for Lunch™ - Road Trip - Part 3: The next step of working with our car is to color it. I'm going back into the last panel and this time I'm going to lock down the drawn layer that we've just done. I'm going to make the other layer visible and unlock it. I'm going to select over it. Now this object we're going to create as a Live Paint object. I have a whole video on Live Paint, but we're just going to use it to fill this object. We're going to start by choosing Object, Live Paint, Make. Then we're going to select the Live Paint brush tool, which shares a toolbar position here with the Shape Builder tool. We're just going to click on Live Paint Bucket and then double-click the Live Paint Bucket Tool because we want to make sure that paint fills is selected. You also want to say Cursor Swatch Preview and make sure that your highlight color is something other than this purple color. You'll be able to say what the highlight looks like and click Okay. Now I'm going to my Swatches panel. I'm going to paint my car in these colors. I'm going to start by selecting a color. I'm going to switch these colors so that we're working with the fill here and I'm going to select a color for the front of my car. I think a green color will be good. You'll see just above the Live Paint Brush tool that there are three swatch colors and green is in the middle. That's telling me that if I click now this area that's outlined in yellow, which is the front fender of the car, is going to be painted green. I'm going to click once here. I'm going to click here on this fender because I want that to be green too. Now I want to use yellow. I'm going to come up here to select yellow. I'm going to put yellow into these areas here and here. I still think that's probably a little bit bright. Let's go and get a different yellow. I'm going to get this pinky color here and then I'm going to drop it in here on the side mirror and here in the middle section of the car. I'm going to get this gray. Now I can get the gray by selecting it here, or you'll see that it's the third color in the color swatch. If I just press the right arrow key, I'll select that gray and then I can just click to drop it in here, and now I want the blue. It's the color to the very right of the color swatch, so press the right arrow key and then drop blue in. I can always check over here to make sure that I've got the right color selected. Now I'm going to get black because I want black tires. When I'm happy with this, I can go ahead and select the entire vehicle. I'm going to select the stroke color and I'm going to make it no stroke at all. Then I'm going back to my Layers palette. I'm going to unclick this lock. I'm going to put the lines on top of the color. That's going to give us the effect that we came here looking for. We've got these sketchy lines and the color behind. But what I really want to do here is to give the colors used in this car a slight off register print effect. Right now the colors are inside the shapes, but I want to move them a little bit. I'm going to go here to this lab because this is my color filled object and I'm going to click on it to select it. I want to expand this because I want to be able to get access to the shapes right now to Live Paint object. I want to convert it into just regular illustrators shapes. I'll choose Object, Expand, and just click Okay. Now in the last pallete, if I click here, I'll say that I have a group and another group. But below it are the objects that go together to make the car. There's a black filled tire here and there are the side mirror and the middle piece of the car, and then there are the fenders. By expanding my Live Paint object, I've been able to get access to these color filled areas so I can do something with them. I'm going to grab this fender and I'm just going to press the right arrow key a few times and perhaps the up arrow key. What I'm doing is I'm moving the color away. I can also slightly adjust the size of this unevenly, so I get little white areas. I'm going to go and get the blue area here. Let's just select the blue area and let's move that out of register. We get some white leaking into this area here. We're just getting a more interesting illustration. In print terms, what we're doing here is we're doing something that printers might have done in the past where they tried to line up color plates and they just weren't getting the alignment perfect. The color is not going in exactly the spot where it's supposed to go. Well, we're deliberately creating this effect by moving these colors around inside Illustrator and we can also move the colors in order so I could take this color, for example, and just move it below the green color that it's next to, so that I'm getting the yellow behind the holes in the green. I'm just going to continue to select paces of my illustration and just move them a little bit. Maybe rotate them a little bit. But just getting this interesting off register effect. Now you'll find that because they're in a group, they're hard to select by just clicking on them. You better to use the Layers palette to just select each object by clicking on it in the last pallette, and that way you get to move it around a little bit. Then when I'm done, I'm just going to click outside the illustration to just check. Well, I've got a small problem in here in that the two pieces are moving away from each other. I'm just going to move this back to join them more visually together. There's our completed project. It's a Retro Volkswagen vehicle. It's being created with some organic brush lines around the shape and then we've filled it using Live Paint, expanded it, and moved the individual filled shapes to create this off register print effect. I'm Helen Bradley. Thank you for joining me for this episode of Illustrator for Lunch Road Trip. If you enjoyed it, please give it a thumbs up so other people will know that it's a good Illustrator course. Look out for more of my Illustrator for Lunch courses. I have others here at SkillShare.com and I'll be releasing more in the future. I look forward to seeing you in another class at another time.