Illustrator for Lunch™ - Doodle Style Heart - DIY Brushes and Nested Shapes | Helen Bradley | Skillshare

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

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

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (34m)
    • 1. Illustrator for Lunch™ - Doodle style Heart - Introduction

      0:46
    • 2. Illustrator for Lunch™ - Doodle style Heart - Part 1

      6:21
    • 3. Illustrator for Lunch™ - Doodle style Heart - Part 2

      4:54
    • 4. Illustrator for Lunch™ - Doodle style Heart - Part 3

      5:02
    • 5. Illustrator for Lunch™ - Doodle style Heart - Part 4

      4:07
    • 6. Illustrator for Lunch™ - Doodle style Heart - Part 5

      5:08
    • 7. Illustrator for Lunch™ - Doodle style Heart - Part 6

      7:58

About This Class

e69be35b

Illustrator for Lunch™ is a series of short video courses you can study in bite size pieces such as at lunchtime. In this "Doodle Style Heart" course you'll learn to create a doodle brush in Illustrator, see how to draw a heart, how to resize shapes perfectly and how to create checks and circles using the Appearance Panel.

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™ - Doodle style Heart - Introduction: Hello, I'm Helen Bradley. Welcome to this episode of Illustrator for Lunch, Doodle-Style Heart. Illustrator for Lunch is a series of Illustrator classes, each of which teaches one or two Illustrator techniques. You get plenty of opportunity to practice your new skills in the projects that you'll create for each of these classes. Today, we're making a doodle heart. We'll draw the shape and then decorate it with a doodle star brush that we'll make, and we'll also add some appearance panel effects. You'll also discover that it isn't easy to get perfectly scaled shapes in Illustrator, although you might think otherwise. You'll learn a workaround for achieving scaled shapes anytime you need them. 2. Illustrator for Lunch™ - Doodle style Heart - Part 1: To get started with our Doodle Style Heart, we'll create a new document. I'll choose File and then New. I'm going to make this a square document, so I'll just make it 1,000 pixels by 1,000 pixels. I'm going to make an RGB and then just click "Okay." Now, we're going to start out by adding a background just so that we can make sure that everything's going to look good all over our background. I'll click on the Rectangle tool and I'm going to drag out a rectangle in actual art square that is the size of the artboard. I'm going to fill it with a color. I'm just going to add this blue color. I don't want it to have a stroke, so I'm just going to turn off the stroke. I'm going to the last panel, because I want to lock this down. I'm just going to click here to lock it. That means I won't be able to select it by accident when I'm creating my heart. The next thing we need to do is to start to develop our brush. We're going to do that using the pen tool, but we're going to do it very simply. If you don't like the pen tool, don't worry because it's not going to be a really big job, but it's a nice little bit of pen tool practice. I'm going to click on the Pen tool and I'm going to set my color fill here to white. I'm going to set my stroke to black. I'm going to start by drawing a M shape. I'm going to click and drag in an upwards direction here. Then I'm going across here to where the point of the M is going to be. I'm going to click and drag down. You can see that I'm getting this M shape. Now, I want to go back up here and to make another loop. But you can see that right now, I'm pointing off in the wrong direction. That's easily solved by holding down the Alt or the Option key and that turns the mouse pointer into this little bend arrow. Now, I can click on this handle and drag it around in the direction I want to go in. Having done that, I'll let go of the Alt key and I can continue to make my shape, we'll come all the way down here to approximately opposite where I started and just drag up. Now, that's the shape that I want. But you can see that the mouse is still attached to this line. I'm going to hold the Control or Command key just to stop it from drawing. We have the starting shape for our brush and we want a couple more of these. I'm just going to zoom in close and we're going to make some copies. I'm going to select the selection tool and select the shape. I'm going to choose Edit, Copy, and then Edit, Paste in Place. That paste a copy of the shape immediately on top of the original. I can just scale it down. I'm going to do that once more. Edit, Copy, and then Edit, Paste in Place. I'm just getting a layered look here. Then I'm going to do it once more, Edit, Copy, Edit, Paste in Place. Now, this time I want this to be smaller, so I'm going to size it in here and drop it down and across something like this. I want this to be black filled. I don't want it to have a stroke, so I'm going to turn my stroke off. I'm going to click here on the Fill color. I'm just going to set that to black. That's going to be the basis of the brush that I'm going to use. Now, the problem with this is, if I create it as a brush right now, when I apply it to a line, it's going to be applied across the line pretty much like this. This would be the line and the brush would be applied across it. I want the brush to be applied over the top of the line, so I need something to balance it out. What I'm going to do is add a rectangle exactly the size of this shape below it. I'm just going to start by drawing it here and I'm going to draw it over the top of the shape. Now, it doesn't matter too much how big its width is, we just want it to be smaller in width than the shape itself. But we do want it to be pretty much the same height. We don't want this to have any stroke or any fill. Having drawn it to size, I'm now going to just move it down here. This is going to be my brush, this piece up here, and this piece down here. I'm going to select over everything and we'll make a pattern brush out of it. To do that, I'll click on the Brushes panel here to open it and with this entire object, including this space of piece down here selected, I'm going to drag and drop it into the Brushes panel. Now, the type of brush that we're going to create is called a Pattern Brush. We're going to use this one element to go all the way around the edge of our heart. I'm going to click on "Pattern Brush" and click "Okay". Now, in the Pattern Brush dialogue, you get to make some choices. More you get to choose is what these corners look like. Because you can see that the brush has gone to paint down the sides of a shape, but we need to choose the corners and if you click down here, you can see your options for this outside corner and Illustrator has made a pretty good choice to me there, I think that's a really nice corner. As for this inside corner here, there is no choice already made, so we get to choose. I'm going to click open here and see if any of the options here suit me. Well, I think this is a nice shape, this one here. I've just selected it from the list. Now, you can make your own corner paces if you want to. But since this is a Doodle Style brush, it doesn't really matter if the corners aren't perfect. It's going to have a hand-drawn look to it. Now, if I want it to be able to recolor the brush, I would choose Tints from the drop-down list here. But I want this to be a black and white objects. I'm just going to go ahead with this and just click "Okay". That's now created as my brush. I'm just going to move it out of the way for now because if it needs any alteration, I've got all the pieces that went to make the brush so I could just make some minor alterations and re-save it. Now, we've made our brush we ready, go ahead and create a heart. 3. Illustrator for Lunch™ - Doodle style Heart - Part 2: I'm going to press "Control zero", just to size back my document so I can see everything that's going on here. We're going to create a heart and we're going to do it with the Pen Tool again, but it's very, very simple. So even if you're not happy with using the Pen Tool, you'll be able to draw this heart. So I'm going to click on the Pen Tool to select it. I'm going to make sure that I select here a black stroke, but I don't need any fill. I'm going to start at the inner point of the heart. So I'm just going to click here and drag in the direction that I want to hit in, which is up towards the top left of the document. Now I'm going to let go and you can see I'm about to swing around and make this curve of the heart. So I'm going to click and drag here, and I'm going to click and drag in this direction. Click, drag, and that makes the curve of the heart. Now I want to get down to the pointy end, so I'm just going to click here once. I'm not going to click and drag because I want a point. Now I'm back on this side. So I'm going to come back up here and I'm going to click and drag to make this shape. I'm going to come all the way back to the finishing point at which point everything's going to fall apart. So don't worry that it's about to fall apart, but you're going to click on the starting point and drag in a downwards direction here. You can see that what's fallen apart is the beginning of the heart. But you've still got your pen in your hand. So hold the Alt or Option key and you can click on this handle here and just move it back up. Now we've got our heart drawn. It's not perfect. So let's go and make it a little bit better. We're going to do this using the Direct Selection Tool. We're going to select over the points that we made and we can adjust them. So I can just pull out these handles here, click on this anchor point, drag upwards, and just shape my heart. Now, you may want your heart to be a little bit uneven, that will give it a folk style look to it. So don't hesitate to make it look a little bit uneven. When you're done, you can just click away from it. I'm using the Move Tool here to click away from it. Now that we've got our heart, we're ready to apply our brush to the outside of it. So we'll go and get the shapes. I'm going to open here the Layers palette and say that this is the shape, the heart shape that I was working on. So I select that. I'm going to my Brushes palette, I'm just going to click on my Pattern Brush. Now, the Pattern Brush has been applied to this shape, but not the way I wanted it to be applied. I wanted it to be on the outside of the shape and I also wanted it to be much smaller than it is. Now, I can adjust the brush using this option here, Options of Selected Object, and what I'm going to do is to flip it across so that it's on the outside of the shape instead of the inside, and I'm going to make it a bit smaller. Now, everything's pretty good except I'm not really happy with this space here. What that is, is this space here, the third element in our Pattern Brush. So let's just go back to the brush and see if we could make a different choice. So I'm going to double-click on the brush here to reopen the panel. Now, I can fix the flip across thing permanently by clicking here to make sure that the shape is flipped across for all of the times that the brush is used. Now, it's this space that I'm concerned about because it's just not working as it should. So I'm just going to open up this panel and see if there's another option that I could use. So let's try Auto-Centered and I'll click "Okay". Now, Illustrator is asking me whether I want to leave these strokes as they are, but just change the brush for the future or if I want to apply it to this shape here. Of course, I want to apply it to this shape. I'm going to click "Apply to Strokes". That's a better fix for this space. It's not perfect, so we could perhaps have another shot at it. Double-click on the brush and just see if we could find something different again. That's a better fit. The brush is still too big, but it's fitting in the corner a whole lot better. So I'm going to reselect my shape, again, click on this option here so I can scale a brush down. I'm just looking for a nice edge effect here. I think that's pretty good. So I'll click "Okay". So now we've got our heart shape and we've got the first of the decorations around the heart. We're going to go ahead next and create some decorations for the middle of it. 4. Illustrator for Lunch™ - Doodle style Heart - Part 3: If we want this entire doodle look to be in black and white, we're going to need to fill our heart with white instead of blue. With the heart selected, I'm going here to the appearance panel and I'm going to set the fill here to white, and so I'm going to click here and apply white as the field to my heart. Now, I'd like a slight edge around here, so I'm going to add a stroke here. We've already got one stroke, which is this patent brush, so we're going to add a second stroke. I'll click here, "Add New stroke". Now this stoke, I want to be a two or three point line, so that it's just evenly over the edge of the brush here. I'm also going to move it above the brush so it's going to sit above the patent brush, and then I'll just click away, and that's a good start to my heart. What I want to do next is to add a series of dots around here, and they are going to be dots that have a hollow center. Well they're going to look as if they have a hollow center. In fact, they're going to be black dots with white dots on top of them. Again, I'm going to re-select this shape and I'm going to add a new stroke. Now this stroke is the stroke that I want to have my black dots made out of, but I need to inset it, so I'm going to drop it in to the middle of the heart here. To do this, I'm going to select "Effect" and then "Path", and then "Offset Path". Now the default offset is 10 pixels, which is why out here you can see that that line has just appeared in the middle of my patent brush. Well, I wanted the offset to be in a negative direction, so I'm just going to start pushing it down. I'm looking for this line to appear inside the edge of the heart. Now I want it to be quite big because it's going to be black circles with little white circles in the middle. I'm going to take this down to about minus 21 pixels and click "Okay". Now there's no science to this, you just eyeball it and if it looks pretty good, then call it good. Now I'm going to this stroke because I need it to be wider. I want it to be thicker for my black dots. I'm thinking that's probably a good line width. But right now, it's a line when I want dots. To get dots, I'm going to click here on the word "Stroke" to open up the stroke panel. Now the way we get dots is first of all to select "Cap round" because it needs to have round caps on it, and we're going to click on "Dashed Line". We're going to set the dash to zero, and we're going to set the gap to approximately the same value as the weight of the line which is 16. I'm just going to click in here and just press the up arrow key until I get a 16 point gap, and you can see that I've got now a series of dots. If I increase the gap, then the dots are going to be pushed away from each other, and that might be a suitable look as well. You can experiment here by clicking on this icon to see if you get a better result in the corners, so let's have a look at that, you can say that these corners are overlapping here a bit. But when we select this one, we've got a better alignment. Now, I think I want my dots to be a bit bigger, so I'm going to increase my weight, and I think I want them to be separate a little bit from each other, so I'm just going to up this to about 22 points, and then just click away. I've got my black dots. Now if I want to have white centers in them, I'm just going to drop a set of white dots immediately on top of the black ones. We're going to take this dashed line and we're going to make a duplicate of it. So I'm going to click on it and I'm going to drag it all the way down here to this Copy icon. It's the one immediately next to the trash can, and when I let go of it, we make a duplicate, so I've actually right now got two sets of black dots on top of each other. Well, let's start by making the black dots, white dots. You can say just a very shadow of the effect that we're looking for, and all I need to do now, is to decrease the size of my dots, so my white dots are becoming smaller, and because they're over the top of the black dots, we're seeing the black dots with the white dots on top. That's got to do with the fact that we created them this way and they stack this way in the appearance panel. For example, if this white one were behind the black dot one, we just wouldn't be seeing the white dots at all. There's a stacking order here and the ones at the very top are the ones that we're seeing. I'm pretty happy with those dots right now, let's just click away from the shape and we'll go ahead in the next video and add some extra features to our heart. 5. Illustrator for Lunch™ - Doodle style Heart - Part 4: Now I'm pretty happy with the outside brush line, so I don't need this brush piece any longer, so I'm just going to select it and delete it. The brush is still in my brushes palette. Now in the introduction I mentioned to you that Illustrator does not scale shapes perfectly. I want to show you what the problem is, and I want to show you a solution to it. I'm just going to select back over my heart shape. Now this is just a single heart. We have a look at it here in the last panel, you say that there's just one path and all of these effects have been applied to that single path. Well, I'm going to make a copy of it. I'm just going to drag it down here to the new icon, and now I've got a second heart immediately on top of the first. Now for this heart, I'm going to set it back to the default values. That is a black stroke and a white fill. I do that by just pressing the letter D. Now I've got that heart selected, I'm just going to size it. I'm holding the Shift and Alt keys, that would be Shift and Option on the Mac, and I'm just going to drag it in, and I'm going to let go. I want to show you the problem that we have with this scaling in Illustrator. Because you can see that the distance here between the original heart and the scale down heart is very small. But over here, it's really big. Here it's quite big too. The scaling is just not working, and that's a problem with Illustrator. It's also a problem with Photoshop. When you scale something that is not a circle or a rectangle, basically they don't scale properly. So I'm just going to undo this re-sizing by pressing Control or Command Z. I'm going to show you a way to scale this shapes so that it is a perfect re-size of the original. Now so that we can see what we're working on, I'm going to change these colors. I have the second shape selected. I'm going to give it a different outline color, a different stroke color, so let's just make that pink. I'm going to give it a different fill color. I'm going to make that yellow. You can see the heart that we're working on. What I'm going to do is I'm going to start cranking up the stroke. Now, the stroke itself is set to middle. That's the default, Align Stroke to Center, that's what we've got here. What I'm going to do is I'm going to push that stroke quite a ways out. Because in a minute I'm going to cut this out. I'm looking for quite a big amount. What I've got here now is a heart that has a big stroke on the outside and yellow bit in the middle, and I'm going to expand that, so I'm going to choose Object, Expand. I'm going to expand both the fill and the stroke and click "Okay". Now if we go to the last panel, we'll find that we've got a group here and we've got a group that has the outline and then the inside. We're going to select both these pieces within the group. I'm going to click on one, Shift click on the other. I have selected the outline area and the inside of the heart. So I'm going to the Pathfinder, and I'm going to click here on Minus Front. When I do, what happens is I remove that line from the edge and I get a perfectly scaled heart. Where as the previous attempt that I did to scale a heart by creating a duplicate of this one and just re-sizing it failed miserably, you can say that this approach has been successful. There's an even spacing between the yellow of the inside heart and the outside hearts, so that's a handy way of re-scaling shapes in Illustrator, and it'll work with any shape. Now we've got our re-sized heart, we'll come back in the next video and do something with it. 6. Illustrator for Lunch™ - Doodle style Heart - Part 5: With our raised sized heart, I'm going to add a checkerboard effect around the edge of the heart. I'm first of all going to select it and I've going to make sure it's filled with white. I'm clicking on the fill color and we're just going to fill it with white. I'm going to give it a black strokes. I'm clicking on the stroke here and we're just going to give it a black stroke. Now the stroke needs to be a little bit heavier. Let's just open up the appearance panel because that's where we're going to be working. I'm going to click here and I'm just going to increase the stroke to about three points for now. Now what I want is a checkerboard effect. I'm going to duplicate the stroke here. I'm just going to drag it down onto the new icon, and I'm going to increase the size of it to quite a large size. Let's just push it out here. That's a pretty good size for my dashed line or my checkerboard effect. Now I'm going to open up the stroke panel here by clicking on the word Stroke, and I'm going to click on Dashed Line. When I do that without the cap being set to round, you will probably see a series of little dashed strokes here. We're just going to increase the size of those dashes. I'm going to do that by increasing the dash value. The gap value is staying the same. What's happening is that these dashes are increasing in size here. They're now 21 points and the gap is 22 points. I'm just going to reduce the gap a little bit. Now I've got the beginnings of my checkerboard effect. But the problem is that these little dashes are over the top of my line when I want them to be inside it. Well, I'm just going to click here again on my dashed line and I'm going to use the offset path effect to bring it in. With the dashed line selected, I'll choose Effect, Path, Offset path. I'm going to click on preview because I want to say this, and you can see that immediately it gets offset to the fault of 10 pixels, which is way too much. I'm just going to start bringing it in to a negative direction. Here, minus eight pixels is working perfectly for me. It's making sure that the dashed line and that stroke are butted up against each other. That's perfect. I'll click "OK". Now what I want is the same thing, that same line on the inside of this dashed line. I want a copy of this particular stroke, that's this one here. Turn it on and off, you can see the stroke there, that's the one I want to make a copy of. I'm just going to drag it onto the new icon and then I'm going to pull it above right up to the very top of this panel. I'm going to select it and I'm going to use the path offset to work on it and to move it into where I want it to be. Effect, path, offset path, click "Preview", and of course it jumps to where we don't want it to be because it's always defaulting to 10 pixels. Well, we just have to decrease that value. Just clicking in there and then pressing the down arrow key until I get my line in the position that I want it to be in, and I'll click "OK". That gives us this dashed checkerboard look to our heart. Now before we go ahead, I need to make another copy of this heart and I need to size it down. I'm going to go through the exact same process as we did previously to make a smaller version of this heart. The first thing I'm going to do is choose edit copy and then edit paste in place. This is got the second heart selected. The second version, the topmost one, the copy I just made is selected. I am going to press the letter D to set it to the default values, which removes everything from it except it's fill and a single line stroke or one point stroke. Now I am going to recolor it just so we can see what we're doing. I'm going to choose pink for the outline, and I'm going to choose yellow for the fill, and I'm going to my stroke, my outline, I'm going to push that up to a very, very large value. When I get it to where I want it to be, I'm going to expand this object, object, expand. I'm going to select fill and stroke and click "OK". When we go to the last pallet here, we're going to see this group, and the group is the outline and the fill. We're going to select both of these by clicking on one shift, clicking on the other and we're going to use the pathfinder, and we're just going to click ''Minus Front''. That's given us a yellow filled heart. That again is an exact scaled re-size of the original heart. Having done that, we're ready to go ahead and finish off our heart in the next video. 7. Illustrator for Lunch™ - Doodle style Heart - Part 6: For the last piece of our heart, we're going to do a couple of lines and then fill it with a pattern. Let's go ahead here first and select the fill. We're just going to set that to white, and we're going to set the stroke to black. Now for this stroke here, I want to assert a scallop edges. I'm going to the Appearance panel cause we'll create it in the Appearance panel. Now the stroke that we're going to use to make the scalloped edges is really just the same circles we created earlier. I'm going to just increase the stroke width here, to something like 10 points. I'm going to click on the word "Stroke". I'm going to give it round caps because that's going to give us the circular shape that we want. I'm going to click on dashed line. I'm going to set my dash to zero. I'm going to set my gap to about the same value as the width of the line to 10. Now think it's a bit small, so I'm going to start increasing this. I'll take the weight up to 14 points and I'll take the gap up to 14 as well. That's looking pretty good. It just doesn't look like a scalloped edge right now. It looks like a series of dots. But that's got a lot to do with the layering because right now we have our stroke on top of our fill. If I pick up this fill here and dump it on top of the stroke, then this is what we get. The fill covers up the inside part of our circles and we get a scalloped style edge. Next thing I'm going to do is add another line inside here, so I want another stroke. I'm going to click here on the fill. I'm just going to click "Add a stroke", and that just adds a stroke on top of everything. Now this stroke is dash, so we wanted to take it back to just being a single line. I'm going to open the Stroke panel, I want its cap to be just normal and I don't want it to be a dashed line. Now we've got a 14 point stroke over the top of everything that we just spent all our time making. Let's just decrease the weight of the stroke. I'm taking it down to about six points for now. Let's push it inside this shape. Now, anytime we want to push something inside, we're going to use that path offset. With our stroke selected, we'll choose "Effect", "Path", "Offset Path". Click "Preview". Of course, it gets sent out 10 pixels because that's the default. We just need to decrease this value to push our line inside. I'm going to push it to about minus 14 pixels. Again, I'm just eyeballing it and just looking for something that looks good. I'm going to also increase the stroke weight a little bit. I'm just going to make sure I re-select my shape because I seem to have lost that and just increase the stroke quite a little bit. We're going to finish off by filling the inside of the heart with a pattern. I want another fill, so I'm going to click here on "Add New Fill". By default, this is filled with white and it's also, as you can see, it's been extended so that it's over the top of the original shape. We need to bring this fill in quite a bit. Again, we need to offset its path. Let's choose "Effect", "Path", "Offset Path", because you can offset a fill just exactly the same way as you can offset a stroke. I'm going to start bringing this in. For now I'm going to settle on 20 pixels and just click "OK". I now have a fill which is white, so we're not actually seeing it right now, that is inside this shape. I want to fill it with a pattern. Well, Illustrator comes with a whole lot of the patterns that we can use. Let's go to this Fill option here, and let's click to open it. Here is a little drop down menu. I'm going to click to open it. I'm going to choose "Open Swatch Library", and I'm going to select "Patterns", and I want, "Basic Graphics", "Basic Graphics Lines". I'm just going to click that to select it. Now let's just go over that again just in case you got a little bit lost. We're going to open up the Fill panel here. We're going to click on the menu. We're going to choose "Open Swatch Library", "Patterns", "Basic Graphics", "Basic Graphics Lines". Now these are line patterns that are shaped with Illustrator. With my fill selected, I can now click on these lines and test them inside my shape. You can see I've got a slight white line around there which I like, but I don't think it's quite enough, so I'm going to solve that in just a minute. What I'm looking for now are some lines that are going to look good in the middle of my heart. I Actually like the lines that I was working with. Actually that looks really, really good to me. I'm going to select that. Now I'm going to work on this little white line being a little bit bigger, and the way I can make it a little bit bigger is to shrink this fill a little bit. Let's go back to our fill here, and this is its offset path. Now I don't want to offset its path again, I just want to make a change to the offset that I created previously. I'm going to click here on "Offset Path", and that just opens this dialogue backup again. I'll click "Preview" so I can watch what I'm doing. I'm going to click here and just bring it in a little bit, and you can see now that I'm making this white gap just a little bit bigger. I'll click that and click "OK". There is a doodle style heart created in Illustrator. Now, you might have seen here that there's a slight line through this. Now, Illustrator has a really nasty habit of creating lines in patterns. If this happens to you and you want to get rid of it, we can do so. I'm going to re-select that shape and I'm going to re-select this fill here. What I'm going to do is scale it down. To do that, I'm going to choose "Object", "Transform", "Scale". I don't want to scale the object, but I do want to scale the fill. But what's happened is that everything got scaled. I'm just going to deselect this. I'm going to deselect Transform Objects. We can say that the patterns themselves are going to be transformed, but not the object. All I'm going to do is adjust this pattern size until it's pretty much its original size, which would have been 100 percent, but just a little bit less, and where I can't see lines in my heart. Well, I can't see lines here at 94 percent. I'll just call that good, and I'll click "OK". Now when I click away, I've got my doodle heart-shape. We've created our own heart-shape, we've created a brush, and then we've used various things that we've done with the Appearance panel to create this hand-drawn effects around our heart. Finally, we filled it with a patent that was shaped with Illustrator, which of course you'll have in your Illustrator collection. Now your project for this Illustrator for Lunch class is to produce your own heart or other shape doodle. You want to create your shape and create the brushes and some of the internal effects using the Appearance panel for your shape. I'm Helen Bradley. Thank you for joining me for this episode of Illustrator for Lunch, Doodle Style Heart. I hope that you've enjoyed this class and that you will look out for more of my Illustrator for Lunch classes here at Skillshare.com.