Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In Illustrator CS5 One-on-One: Advanced, author and industry expert Deke McClelland teaches how to take advantage of the wide array of dynamic features in Illustrator CS5. This course demonstrates how to apply these features to paths, groups, and editable text to create professional-quality artwork. The course covers Live Trace, Live Paint, and Live Color, as well as symbols, gradients, exporting, and integration with Photoshop. Exercise files accompany the course.
I have saved my progress as Independent path outlines.ai. Now all that stuff that we saw back with that Venn diagram, that was live paint for babies. This is the good stuff here, where we create live intersecting objects using live paint. So what I'd like you do is take the Black Arrow tool and go head and marquee these two paths, so that they are both selected. Then drop down here to whatever tools appearing at this location. In my case it's back to the Shape Builder tool, I will click and hold and select the Live Paint Bucket, and then with the Live Paint Bucket active, notice that I am seeing my swatches, it's very important, so make sure that swatch is active here in the SWATCHES panel.
And if your green object is on top, like this then this is the approach I want you to take, that is we are going to bring pieces of the orange object in front. So start with a green one in front if you are working along with me. And then I'll press the Right Arrow Key to switch to orange and I will click inside of this region to make that region work, like so. And then I will move my way over to this intersection, click on it to fill it with orange and then move over to this intersection and click on it to make it orange as well.
Now assuming that your Live Paint Bucket tool is set up to change Fills and Strokes, and if you want to confirm that, you can double-click on the tool both Paint Fills and Paint Strokes should be turned on, so I will go ahead and cancel out of this dialog box. Then what you want to do next is hover over one of the stroke intersections like so and make sure that you're seeing the rich black as this swatch above the cursor. If you're not seeing black for some reason or you don't see all those swatches, then what you want to do is go up to the STROKE swatch here on the Control panel and change the stroke to rich black.
Anyway, it's already rich black for me so I am ready to go and I can click on the stroke intersection right there in order to stroke it with black. You want to make sure that Stroke Weight is set to 2 point. Alight, now I'll click and that goes ahead and increase the stroke at that location, I will here as well to create a stroke there, and we want strokes not there actually, that's all fine. I want a stroke here and here, on this bit of orange path, and I want one here and here as well. And then I am going to get rid of these little stroke lits that's right here and here, for example, that are getting in the way of my fluid orange circle, and I will do that using a Live Selection tool just for the sake of variety.
So I will switch from the Live Paint Bucket to the Live Paint Selection tool, which you can get of course by pressing Shift+L if you like. And then I will click on these path outlines right here, that is these little subpaths. So click on one, Shift+Click on the other, click and Shift+Click on these guys, and click and Shift+Click on these guys as well. And you might be tempted at this point. I will go and twirl the Live Paint group open, so we can see what's going on. Notice we've got a lot of path outlines now, we've got 2 paths defining the circle, we've got this exterior path that's defining the outline of the green shape and then we have all these other paths that are cut out of it.
But watch what happens if I just select these paths and press the Backspace Key, everything gets really messed up. We have all these breaks all over the place in our paths, and that's not what we want. It looks good, but if we try to modify the results at this point, then everything goes to hack. Let me show you, I'll grab my White Arrow tool and then I will Alt+Drag or Option+Drag across the top portion of this green shape right there, and I will drag it to a different location, and you can see that everything just burst apart. So you never want to delete little stroke lits when you are working inside of a Live Paint object.
Anyway, I will press Ctrl+Z, Command+Z on the Mac and the reason I'm harping on this is because I've made that mistake a lot in the past and I don't want you to make that mistake. I'll go ahead and grab once again my Live Paint Selection tool and I will also press Ctrl+Z or Command+Z on the Mac in order to get those little strokes back. I will grab my Live Paint Selection tool and then I'll click on those same strokes that I split on before, so Click and Shift+Click on each of these of course in order to select them. And then what you want to do, is you want to change those strokes from black to none, here inside the SWATCHES panel or wherever else, you could just press the slash (/) Key as well if you want to, and then I will give you this effect here.
And now we still have some cohesiveness where our path outlines are concerned. If I switch back to my white Arrow tool and I Alt+Drag or Option+Drag around that same region that I selected before and I drag this path outline to a different location, I left behind some of these holes down here at the bottom. So that's something of a mistake, but I still have exactly the same interaction of objects that I had before. So everything is working at the way I wanted to. If I want to move the entire green object there, I would Shift+Alt+Drag or Shift+Option+Drag across these regions that didn't get selected the first time round and then I would drag them round like so, and everything survives quite nicely.
All right anyway, I am going to press Ctrl+Z, Command+Z on the Mac in order to undo that change. We've done a beautiful job so far of making sure that this orange object intersects with the green object, so the circles both in front of and behind the Celtic knot object there. However, what we do about weaving the Celtic knot into itself? That's a puzzle, because if you look at the Celtic knot.ai file, notice that it does go in front of itself at one point, and then behind itself, and then it wraps around in front of the circle, and then in back of the circle in front of itself, and back of itself in front of the circle, in back of the circle and so on.
Oh, I can't do that with the one I've got here. It looks great so far, but I don't have these regions, I can't tell Live Paint to do anything to this area, because there's nothing there, I have nothing to start with. That's the mistake I was telling you about in the previous exercise, that's why I have called this Live Paint #1 and that's why we are going to go ahead and turn that layer off. Turn primitives back on, grab primitives, make a duplicate by dragging it onto the page icon, dropping it there and then turn off your original primitives layer once again, so that you don't mess it up.
Double-click on primitives copy; let's call this guy Live Paint #2 this time around. Change its color to something like gold, it's one of my favorites, click OK, and this time round we are going to take a much better approach that's going to give us those areas of intersection. It's not obvious, that that's what we needed to do before, but it's obvious now, and I'll show you exactly how that works in the next exercise.
Find answers to the most frequently asked questions about Illustrator CS5 One-on-One: Advanced.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.