How to make a pattern follow a stroke, path or line?


Here is my MS Paint job on a real bad attempt at what I'm trying to achieve:

enter image description here

I have access to Photoshop and Illustrator CS6, and I want to be able to draw a thick line (that is not straight) and have a pattern within the line show arrowheads within the line to indicate the direction of the line.

10/22/2013 1:49:00 AM

Accepted Answer

This is how I would do it using Adobe Illustrator.

  • Step 1: Create the art for the pattern tile.

enter image description here

  • Step 2: Select the whole tile. Open the Brush window and click on the right top corner to display the options. Select "New Brush". A new window appears. Select "Pattern Brush" and click "OK".

enter image description here

  • Step 3: The "Pattern Brush Options" window appears. Leave the default options as they are and click "OK".

enter image description here

  • Step 4: A new brush has been added to the "Brush" window. At this point you can delete the art for the tile, since it is already stored as the brush. To use the brush, draw a path and, with the path selected, click on the new Brush to apply it to your path.

enter image description here

  • Step 5: Voila!

enter image description here

P.S. Even after applying the pattern brush, you can still use the stroke attributes such as "stroke width" and "profile" to control the look of the stroke. The final result will depend on the tile art and how curvy your path is. If you are not getting the result you wanted then you can try playing with the brush options as well. To do this, double click on your brush on the Brush window to open the "Pattern Brush Options" window again.

10/25/2013 3:58:00 PM