Images / Photos as Illustrator Brushes Tutorial

Photos as source

You can add photo / images to the Illustrator brushes - either as scatter or artistic or pattern. You can use Photos and images from all kinds of sources and not just standard images but also ones from custom shapes and brushes as well as places such as Adobe Stock. You can also use scans from books etc (especially public domain ones) to create a wonderful selection of amazing photo and image based Illustrator brushes

You can also use Photoshop ABR brushes

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, 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.

CC Library

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 art board 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 then apply the image brush in numerous ways in Adobe Illustrator and with paths etc

Create interesting blobs and splatter and spots strokes

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.

Rotation / randomized etc

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.

You can also use Photoshop custom shapes as a great source

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.

Patterns / tiles in Photoshop can also be used as a great source for amazing Illustrator brushes

You can also add gradients as well as patterns from Photoshop (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. 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. You can now applyit as a stroke. The Photoshop patterns can be anything so they maybe photos or images as well as type etc

Use gradients from Photoshop

The image right 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 Adobe Illustrator

Fonts / typefaces can also be used as a great source for all kinds of brush strokes in Adobe Illustrator

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 art board and embedding and using the convert option before adding the characters (in any font) as an image to the preset panel