Viewers: in countries Watching now:
Knowing the fundamentals of drawing and reshaping paths is only part of the story. In Illustrator CS4 One-on-One: Advanced, the second of the popular One-on-One series, computer graphics expert Deke McClelland covers some of Illustrator's most powerful and least understood features. He shows how to merge simple shapes to create complex ones with the Pathfinder palette, as well as align paths to create schematic illustrations. Deke explains how to paint fluid, multicolor fills with blends, and the new and improved gradient tool. He explores seamlessly repeating tile patterns, blobs and brushes, and imported images. He also dives into one of the deepest features in all of Illustrator, transparency. Exercise files accompany the tutorial.
Recommended prerequisite: Illustrator CS4 One-on-One: Fundamentals.
Download Deke's customized keyboard layouts and color settings for Illustrator from the Exercise Files tab.
In this exercise, we're going to begin to build the core design upon which we'll base our tile pattern. I'm still working inside this document called Tile pattern library.ai. I would like you to go ahead and turn off this test shape layer, scroll down to this design layer right there. Go ahead and turn it on and make it visible and let's go ahead and rename this layer. I'm going to double-click on a layer and then its name to template, because it is going to serve as our tracing template. Click OK and then I'm going to select all these objects right there and let's go ahead and fill them with this guy.
It's just a little bit of black inside of there. So that we can see the shapes, but we're not confused by what's going on with all the colors and all that jazz, and I'm going to convert this layer to a template by meatballing the entire layer like so. And then I'm going to change the Opacity value to 30%, either in the Transparency palette or up here inside the Control palette. Either way. And then I'm going to lock it down. All right, so now we have a tracing template. Now, I'm going to go back to the Layers palette and Alt-click or Option -click on that little Page icon right there, in order to make a new layer. Let's change the color, just for the sake of contrast of Violet and I'm going to call this layer core design, because that's what it's going to be and then click OK.
Now, if you take a look at what's going on here, you can see that we've got a star surrounded by these three- pronged hooks. So I'm going to turn on the repeat layer for just a moment and you can see that these three-pronged hooks are all the same. Every one of them is the same as its neighbor. They are just rotated differently and they are only rotated to two different angles. You can see that all the yellow ones are at one angle and all the sort of pink ones are at another angle and there are all surrounding these sort of lilac stars. All right, and every one of these star is a six pointed star. Now, I'll go ahead and turn that repeat layer off for a moment here, so we can just focus on the template layer. Now, joining these three-pronged hooks is a little daunting because you can see that this segment is the same link. That this segment and this one is twice as long and has to be exactly twice as long for things to work out and then this guy has to be the same link as this one and on and on.
And it's like how am I going to draw that? What kind of grid am I going to use to put that together? Whereas if you look at the six pointed star, that's not hard. We can draw that using the Star tool. So let's start there and then we'll build the hooks based on the star. I'll show you how that works. Pretty easy actually. It's just a matter of thinking your way through a geometric project is really what this is all about. All right, so go ahead and get your Star tool and you may have to choose it from this fly- out menu here. So you may go to the Rectangle tool and choose the Star tool and then I want you to begin drawing the star. In your case, it's probably going to appear as a five pointed star like so. Press the Up Arrow key to switch it to a six pointed star. Go ahead and Spacebar maneuver it into position. Now, then, I want you to press and hold the Shift key as you draw your star. This is very important. Now, this doesn't cause the star to match the angle of the star and the template, but it does make sure that it's straight up and down, so we've a place from which to begin, so we get very accurate result as you are about to see.
So keep the Shift key down. Then I want you to press and hold the Alt key, or the Option key on the Mac, so we've a perfect six pointed star like that. So all of this segments are exactly, precisely aligned at some 60 degree angle. Now, I'm going to go ahead and try to make my star about the same size it is in the template. That part is not necessary. You don't have to do that. You can make your star very big or very small and you'll still be able to get good results out of it. However, just so that we have a decent match here, I'm going to try to make it about the same size. So again, I've got the Shift and Alt keys down.
If you are on the Mac, you need to have the Shift and Option keys down. Keep them down, release your mouse button and then release the keys. All right, so we have a nice six pointed star. Let's go ahead and fill it with white as opposed to this sort of light gray here. So I'm going to go over to the Color palette. My Fill is active, I'm just going to click on the little white swatch to make the colors white and then I'll switch to my Stroke just to test it out. And I want a rich black. It's not essential. I just like my rich blacks, don't you know. So I've got 50% for the Cyan, Magenta, and Yellow values and then 100% for Black.
Now, to match this shape here to the angle of the shape in the background, you want to double-click on the Rotate tool and you want to enter this Angle value right there, 30 degrees, and if you turn the Preview checkbox on, you'll see that yes indeed you've matched the proper angle. Now, click OK and let's go ahead and align things into position, so that I'm confident that I've got exactly the shape that I want here. It's a little tiny bit smaller in my case is what I'm seeing here, but it's good enough. Actually, that's not a bad match.
That's pretty darn good. I'm going to sit here and pat myself on the back a little bit. All right, so we have the core star in place. These hooks are all based on the star, as you'll see when we start constructing one of the hooks in the next exercise.
Find answers to the most frequently asked questions about Illustrator CS4 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.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.