Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
So as you may recall in the previous movie, we established the base elements to create a pattern brush. In tshis movie, I'll show you how to put the pattern brush together in Illustrator CS6. What we need to do is we need to tell Illustrator the confines of each of the brush elements. We're going to start things off with the corner because it's the most complicated, and it has to be a square. You tell Illustrator what you're doing by creating an unfilled unstroked rectangle. Very old school stuff.
So I'm going to switch over to my Rectangle tool. Then I'm going to go up to my View menu, and choose Smart Guides in order to turn them on. And then I'm going to drag from the intersection of these two paths because that represents the middle of my pattern right there; the vertical middle that is. I'm going to drag all the way down to the bottom and snap into alignment with that bottom left-hand point, in order to measure the distance required to cover half of this pattern. Now I've recorded that information inside the Rectangle dialog box.
So I'll just press the Backspace key or the Delete key on the Mac in order to get rid of that rectangle, and I'll click with the tool in order to bring up the Rectangle dialog box complete with the measurements I just made. I want the Height value which is what I was really measuring to be twice this amount. So I'll click after the Height value, and enter *2, which tells Illustrator to do some math for me. So as soon as I press the Tab key, then it multiplies that value times 2. Now I want the Width value to be the very same thing. So I will enter a Width value of 52 points as well, and click OK.
That's how big my pattern element needs to be. Now this rectangle cannot have a Fill or a Stroke, so I'll set the Stroke to None like so. And for this next operation to work, it's very important that the Bounding Box is turned off. If you see Hide Bounding Box in the View menu, go ahead, and choose that command. Next, go ahead and switch to the Black Arrow tool, and drag this bottom right point until it snaps into alignment with the bottom of this corner, as well as right-hand side which is right at this location here.
You may recall that, that original line that we created in the previous movie with the Line tool was 40 points wide. So this side element right here must be 40 points long as well. I'm going to press Ctrl+Y or Command+Y on the Mac just so I can see that invisible rectangle. And I'm going to switch back to my Rectangle tool, and I'm going to click on its upper-right corner in order to bring back the Rectangle dialog box. The Height value is fine as it is. But I need the Width value to be 40 points, that is, the length of those lines right there. Then I'll click OK, but it's very important that the height of this rectangle is exactly the same height as the corner rectangle next to it.
Finally, here's the weird one. I'm going to go ahead and click on the upper right point for the last rectangle I created to once again visit the Rectangle dialog box. The Height has to remain 52 points even though it's gargantuan by comparison to this little end cap here. However, the Width has to be at least 29 points. It's some kind of ratio, but as I played with it, anything less than 29 points caused the end cap to repeat over and over again. So I'll save you a lot of pain, and just enter 29 points there, and click OK.
And we end up with that. We need to do one more thing which is we need to create the beginning of the pattern. So I'll press Ctrl+Y or Command+Y on a Mac to switch back to the Preview mode. It looks like I have strokes around my rectangles, which is no good. So I'll go ahead and grab my Black Arrow tool, partially marquee those two guys, and change the Stroke to None. Now I marquee these two paths right there, that is the end cap as well as the boundary around it. I will go ahead and Shift+Alt+Drag or Shift+Option+ Drag on the Mac in order to create a copy of those paths over here on left-hand side.
Then, I'll switch over from the Rotate tool to the Reflect tool, double-click on its icon in the toolbox, select Vertical as my Axis, I have got the Preview check box on, so I can see I'm doing the right thing, and then click OK. Now we're ready to define the patterns, which is a little bit of tedium, I must admit, but must be done. I'll switch back to my Black Arrow tool, and I'll go ahead and marquee these guys right there. I just want these. Then, in Illustrator CS5, you just go ahead and drag these guys over to the Swatches panel.
And while you can do that with Illustrator CS6, there is a better way to work. So I'll go ahead and press Ctrl+Z or Command+Z on the Mac to undo that move, and then I'll go up to the Object menu, choose Pattern, and choose Make. Then Illustrator will give you this warning, if you don't want to see it anymore, why then turn on the Don't Show Again check box, because otherwise, you're going to see this warning over and over again. It's just telling you that you're entering the Pattern Editing mode; click OK. I'll go ahead and name this guy loop and then in parentheses, middle, because it's the middle of the pattern after all.
Then I'll press the Enter key in order to accept that name change, and then in order to save my work, I press the Escape key. And I've now got a new little pattern here in the Swatches panel. As I say, those of you in Illustrator CS5 and earlier, you can just do a drag and drop and everything will work out fine. Now I'm going to marquee these corner paths right there, and then, I'll go up to the Object menu once again. And you know what, just to be safe, I think I'm going to grab these guys and move them out a little bit, so that they are not sitting directly inside of the corners area.
So I will go ahead and drag them over, so that they snap into alignment. I'm using Ctrl+Y, Command+Y on a Mac to switch in and out of the Preview mode. I'll go ahead and marquee these paths. Once again, go up to the Object menu, choose Pattern, choose Make. I'll name this pattern loop, and this time corner in parentheses, and press the Enter key and then press the Escape key in order to save that pattern. You can see it's there inside of the Swatches panel. Now I'll marquee these paths, and I'll go up to the Object menu, choose Pattern, and choose Make.
I will call this guy loop (end) and then I'll press the Escape key, and then I'll marquee these paths, and I'll go up to the Object menu, choose Pattern, and choose Make. And I'll call these guys loop (begin). By the way, they're kind of in alphabetical order, and I will press the Enter key and then the Escape key in order to save all my work. So I've got all the base stuff done. You can see the patterns here inside the Swatches panel. Next, you go to the Window menu, and you choose Brushes in order to bring up the Brushes panel.
And you click on that little Page icon there to create a new brush, and you set it to Pattern Brush, and then click OK; very important by the way. And that will bring up this incredibly complicated dialog box. I'm going to call this loop pattern just to start things off. Then finally, you need to associate your patterns with these various buckets right here. So Side Tile is selected right off the bat. Go ahead and set it to loop (middle), and then select this Outer Corner Tile, and set it to loop (corner).
We don't have to worry about an Inner Corner Tile; you might have to depending on the complexity of your path. All we have is rectangle. So this is going to work fine. We need to set a Start Tile. So I will click on Start Tile, and select loop (begin), and then I'll select End Tile, and set it to loop (end). And none of this other stuff is anything you have to worry about. Just go ahead and click OK in order to create that new pattern brush. We need to go back to other page of this document, the other artboard. So I'll press Shift+Page-up in order to view my artwork, and I'm going to go ahead and zoom in, so that we can see things a little better here.
I'll click on this path outline in order to select it, and then I'll select a Loop Pattern Brush in order to apply it to the path. And you can see it's worked out beautifully with one big exception. Because the end cap here and the start cap have such big bounding boxes associated with them, they don't come anywhere close to my text. So what I'm going to do is switch to the White Arrow tool. This text is not something that I want to modify. So I'm going to select it and then I'll go up to the Object menu, and I'll choose Lock, and I'll choose Selection in order to lock that down.
Then, I'll make it easier to select these end points here. I've got this endpoint selected. Now I will press Shift+Right-arrow in order to nudge this line over. Notice that Illustrator is automatically expanding my loops in order to fit inside the lines. Everything is always going to be seamless no matter how big your rectangle is. But notice right at that point, see there, I'm nudging just in single pixel increments. As soon as I go from here to here, the thing jumps. What I need to do, I'm going to press Shift+ Left-arrow in order to move that guy backward.
Let's say I want the pattern to be exactly 10 pixels away from the text. I think the easiest way to do that is to just grab the Rectangle tool. I'll click inside the illustration and I'll set the Width of this rectangle to 10 and Height to something like 20 let's say, and click OK. I do need a stroke, but I want it to be very thin. So I'll set it to 0.3 points. I will go ahead and grab this guy down using my Black Arrow tool until he is more or less in the position there, and that looks good actually. Then, I will press the A key to switch to the White Arrow tool, click on the segment, then click on this point right there, and press the right-arrow key a couple of times until things are aligned.
Then, I'll grab this rectangle, and I'll move it over to the other side of the text. I'll grab this segment, click on its anchor point, and press the left-arrow key until that pattern nudges into alignment as well, and then I'll go ahead and select the rectangle and get rid of it, because we do not need it anymore. That's how you create a seamless pattern brush complete with side, corner, end, and start elements here inside Illustrator.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 57785 Viewers
119 Video lessons · 67303 Viewers
84 Video lessons · 16659 Viewers
125 Video lessons · 29554 Viewers
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.