Get a free year on Tuts+ this month when you purchase a Siteground hosting plan from $3.95/mo
In this tutorial I will explain pattern brushes in Illustrator. Creating pattern brushes can save time and is a great technique to add to your design skills. After this tutorial you will be able to create great pattern brushes to add to your design arsenal. Lets get started!
Final Image Preview
Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month.
- Program: Illustrator CS4
- Difficulty: Intermediate
- Estimated Completion Time: 1.5 - 2 hours
First we need to find some reference images. Search though image web sites for a nice gold chain reference. It can be any size, all we're doing is looking for a chain to reference for its shape and shadows. This chain image is a good reference, it clearly has shadows and highlights that we can duplicate.
Place your reference image, File > Place. Double-click layer one in the layers palette, then name the layer "chain reference." Check Template and Dim Images To: 70%. You can chose to dim your image to any percent, this is just my personal preference.
Create three new layers and name them: "Highlight," "Shadow," and "Midtone." Make sure they are in the same order as below. Keeping your layers well organized is a great habit to have, it tends to make things run smoother.
We're going start with our midtone layer. Select the Pen Tool (P) Then select a yellow #EFD225 fill and deep brown #332E15 stroke. We are going to trace the chain in two sections. With a fill and stroke selected we won't be able to see what we are doing so we need to switch to outline view. Select View > Outlines (Command + Y). Now trace two paths. Make sure you trace the two sections of chain that meet in the middle. Where the two paths meet keep them on the same path or as close as possible.
Now we can look at what we have so far. Select View > Outlines (Command + Y). Select the two sections hold Alt + drag to duplicate. Make sure to hold Shift so the sections don't move up or down. Select the right bottom section and send to back (Command + Shift + Left Bracket key).
We need to separate our fill and stroke. Select all four sections of the chain, then go Object > Expand > Stroke. While the four objects are still selected, apply Object > Ungroup (Command + Shift + G).
Now we need to place the fill and stroke on separate layers. Select all the expanded strokes. Make sure not to select the fills. Copy the expanded strokes Edit > Copy (Command + C). Delete the expanded strokes after they have been copied.
Create a new layer, name it "Trapping." Select the "Trapping" layer and Edit > Paste in Front (Command + F).
We need to get rid of the excess brown that is over lapping. There area a number of ways to do this, but in this case the Knife Tool will be the quickest. Select one section at a time and use your Knife Tool to break apart the excess brown.
Now the excess brown can be selected on its own. Select the excess brown sections and delete them.
Now you should have an image similar to this. A midtone layer containing only the yellow fill. A trapping layer containing the expanded stroke. Make sure you are saving after major steps.
Lets add some detail. Only focus on the middle link. The two side links are place holders, we will be deleting them later. Using your reference image as a guide, add some details to the "Trapping" layer, as I have done below. You can add more or less depending on your image.
Now add shadows (#B09132) and highlights (#F6ED55). Be sure the correct layers are selected.
Now we can delete our place holders. Select the two outer sections and delete.
Select the entire chain link and Alt-drag. Hold Shift to keep it from moving up or down. While the new chain link is still selected use Object > Transform > Transform Again (Command + D) two times. Now you should have a total of four links.
This will be the overall appearance of our chain. You can add more detail here if desired. At this point save this as a separate file. Keep it as your working file in case you ever want to come back to it and make alterations. Now we are going to place our guide lines where the chain will repeat. Make sure you place the guides in the same spot on each end of the chain.
Now we are going to create a clipping path over the chain. Select the "Trapping" layer. Now use your guides to create a box over the chain.
Select > All (Command + A). Then go to Object > Clipping Mask > Make (Command + 7). When you create a clipping mask it will put everything on one layer. That is why we saved the file with layers as a working file.
Now using the pathfinder select Divide.
Drag the entire chain into the brushes palette and select New Pattern Brush.
Now you can use the (B) Brush Tool or (P) Pen Tool to create a seamless chain.
Now you have the skills it takes to create pattern brushes in Illustrator. Have fun making your own!
Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.