Making Illustrator brushes from photographic images can be addictive. In a previous CreativePro WOW! posts we covered basic raster image preparation for Illustrator brushes and a fairly straightforward raster pattern brush with an image that didn’t require many adjustments in Photoshop. But what do you do if your image doesn’t fit together seamlessly when made into a pattern brush?
For this example, I chose a selection from an original photograph of the hand painted decorations in the interior of Sainte-Chappelle, a medieval Gothic chapel in Paris. Because the decorations are hand painted, the patterns contain many inaccuracies and asymmetries. Those hand-painted features that make the image so compelling will also force us to do a little more advance work in Photoshop to end up with a seamless pattern in Illustrator. My goal was to minimize the amount of time that I had to spend fixing up the image first in Photoshop.
1. Preparing the Image
The first thing to do when you want to create an Illustrator pattern brush from a raster image is to isolate a section of the image in Photoshop. I made a selection that would match up each design element (the quatrefoils and their connecting paths) when I used it to create the pattern brush. The previous two CreativePro brushes posts go into details about how to mask and crop the selection to trim the image.
In Photoshop, I increased the brightness and made a few other color adjustments by creating a Levels Adjustment Layer.
Within the small section that I chose, there were pieces of castles in each quadrant. Rather than even attempt to create a pattern brush that would match each of the castle figures to each other, I opted to remove all of the castle fragments except the one in the middle. Creating a layer above the original image, I used the Clone Stamp Tool tool to paint over the castle parts that I wanted to eliminate. Holding the Option/Alt key, I sampled areas of a similar tone but without a castle. Then with a soft round brush, I painted into the layer above to effectively erase the castle. I changed the brush size using the square bracket keys as I went along, sampling different areas of color and stamping out the castle elements in the corners, leaving only the one full castle in the center. With the selection active, I clicked on the Layer Mask icon (to isolate it), and then chose Image > Crop to trim the file to the size I wanted, and to use as a brush in Illustrator. I saved this layered file as a PSD, and as a smaller PNG file to use as a brush in Illustrator.
To use the image as a brush in Illustrator, it must be an embedded image. I opened my castle PNG directly in Illustrator which embeds the image in the file, but you can also bring an image in using Edit > Place, and disabling the Link option. Or to make a brush out of a linked image already in your file, you can select it and click Embed from the Control Panel. Once the image is opened in Illustrator, you’ll want to size it properly to be applied at 100% scale to the desired object (hold Shift while dragging a corner of the bounding box to maintain the original proportions or enable the Link icon to scale with the Free Transform tool).
4. Making the Pattern brush
I rotated the image to a horizontal orientation, dragged the image to the Brushes Panel, selected Pattern Brush in the New Brush dialog and clicked OK. In Pattern Brush Options, I kept the Scale at the default 100%. I needed only Outer Corner tiles for the frame, so I selected the Outer Corner Tile, and chose Auto-Centered Corner Tile. I selected the Approximate Path option to maintain the proportion of the path. Then I applied the pattern brush to a path made with the Rectangle Tool, by clicking on the pattern brush in the Brushes panel while the path was selected.
The newly created image after “erasing” the castle, and the original image on the right; both rotated horizontally in IllustratorI made a Pattern brush using the image without the castle, (choosing Auto-Centered Corner Tiles), and this is the result of the first and second version (rotated horizontally in Illustrator):
Selecting the art that made up the smooth corner tile and Option/Alt dragging it on to the previous corner tile to replace it
(Use the coupon code WOWCC1B at checkout to download the PDF booklet at 35% off retail price), in The Adobe Illustrator CS6 WOW! Book, and as featured in Sharon Steuer’s “Artistic Painting in Illustrator” brushes courses for lynda.com (www.lynda.com/SharonSteuer).
Inserted Article Image(s):
Article Slider image:
Liked This? Read These!
Creating a Pattern Brush in Illustrator CC Using a Raster Image
Illustrator isn't just all about vectors! You can make pattern brushes from photos and use them to add seamless patterns in your artwork. Read More
Using Pattern Brushes in Illustrator
The following content is excerpted from The Adobe Illustrator CS6 WOW! Book by Sharon Steuer. Copyright © 2013. Used with permission of Pearson Education, Inc. and Peachpit Press. Read More
Illustrator Brush Tips
While searching through my archives for art pieces to show in my new course for lynda.com, Artistic Painting with Illustrator: Natural Media Brushes, I found this “watercolor” image created with... Read More
Photoshop 7: Using Brush Shapes and Textures
Photoshop 7's new Brushes palette is far more than simply a place to pick a brush. You have incredible control over the size, shape, and behavior of the brush. In this follow-up to "Understanding the... Read More
Graphics Asset Mgmt./Workflow
Graphics Image Editing
Photo Image Editing
Print Design & Layout
Web Design & Layout