How to use Photos / Images as Illustrator Brushes Tutorial

How to use images / photos etc as Illustrator Brushes in CC 2017 2015 etc tutorial

Photos / Images in Adobe Illustrator brushes in Creative Cloud

With the latest version (Creative Cloud), you can add images to the Illustrator brushes - either as scatter or artistic or pattern. The examples below from the CC 2014 update shows images added to a single line and used as a scatter. The second example shows a random scattering added to the line via the preset panel.

 

scatter image heads

 

Using Photoshop strokes / ABR

You can use all kinds of artworks in the preset tool now so you can use heads, props, lines, blobs, ink drops, objects as well as more abstract artwork such as a Photoshop ABR preset in the stroke. To do this, go to Adobe ® Photoshop ® and then create a new document. Depending on what you wish to achieve such as a scatter or artistic then create a square document or a thin line document for the stroke. If you want the stroke in PS and therefore into AI to be a straight line then hold down the shift key to create the stroke. In the example (artistic) below, I have used a basic line stroke but you can create artworks of all kinds of complexity with the ABR tools and then import them into AI. The best way to create them is to add them to a new layer and then drag that layer to the CC library as that means the stroke in AI will contain the transparency which can then be added to the stroke's library. Once you are in AI, select the item from the library and drag to the artboard and then click the embed command and then select the object option and then you can drag the result to the brushes panel. You can find many brush strokes on the site for use as images for the Illustrator brushes such as triradial brushes and triangle brushes and twirl brushes

 

warped line

 

You can also do the same with blots and spots and add them to the scatter section in the strokes panel. The key thing is to add the artwork to a Photoshop layer and then you can add the entire layer to the library and then use that via the library in AI. With the scatter, you can also add rotation and scattering and other randomized settings to create all kinds of weird and wonderful artworks in AI and they are all still editable. This becomes a sort of nozzle like feature in AI and I would love to see a similar feature in Adobe ® Photoshop ® but I guess I will just have to make do with the feature in Painter. The image below is made up of a number of simple paint dabs in PS in a couple of colors and this was imported via the libraries into AI and used as a scatter stroke.

 

spots

 

Brushes from images / custom shapes

There are also many other resources in PS such as custom shapes and there are 1000s of those available via this site and they can all be used as a great source for strokes in AI. As a start point, they are vectors and you can still copy them as a vector to AI but you can also copy the artwork as a converted raster layer as well with raster effects. You can also add effects as well as layer styles (metallic etc) to the shapes before importing into AI. You can do much the same as with the ABR, or you can just add them as a shape layer and then combine them all together and drag into the library and then copy into AI as before. The stroke below is based on a flower vector shape (CSH) with a metallic style from Adobe ® Photoshop ® and then using the scattering and rotation (randomized) and scale etc

 

metallic flower

 

Patterns from PS as a source for strokes

You can also add gradients as well as patterns from PS (such as a fill content layer) can be dragged into the CC libraries and then into AI and saved as a scatter stroke as well as an art brush. You can also add into the mix different colors as well as different spacings and rotation and more

 

pattern line

 

You can also do the same with gradients, simply add a gradient to a layer and then drag into the CC library and then over to AI and then add to the art brush. You can also use them in scatters as well as perhaps the radial gradients (with transparency) work best as scatters. The image below uses a gradient (added to a layer) as a long line using the reflected gradient and transparency stops on both sides of the gradient and then the path was then added to a circle in AI

 

gradient on circle

 

Fonts as a source for images

The font sets on this site are vectors but you can also convert them into raster artworks by using the raster conversion (type menu and rasterize type layer) in PS or just by adding the type (via the type tool) to a new type layer and flattening the result and then copying that layer into the CC library and then going to AI and copying the artwork from the CC library to the artboard and embedding and using the convert option before adding the characters (in any font) as an image to the preset panel

 

 

Other tutorials

You can find out more about the Illustrator brushes via our tutorials such as how to convert Illustrator artistic brushes to scatter brushes and how to use Illustrator brushes as symbols tutorial as well as tutorials on Illustrator styles such as how to modify Illustrator graphic styles via the appearance panel and how to merge graphic styles tutorial