Efficient ragged path for text

I am trying to reproduce this sign in Illustrator:

enter image description here

To do so, I created a two-point path and added the text to that path using the staircase effect and center alignment to the path. Next, I added anchor points to the path at roughly the center of each letter of the text. I then nudged the anchor up/down slightly for each character and ended with adjusting the kerning of the letters. Below is the result.

enter image description here

I am wondering if there is a more efficient way to generate this effect and to improve the randomness/noisiness of the character nudging.


I, personally, would not use type on a path or brushes for this. But that’s merely my choice. Ultimately, I would want more control than either of those options offer. I would…

  • Set the type
  • Create Outlines (Type > Create Outlines)
  • Ungroup (Object > Ungroup)
  • Select a few glyphs and transform them (Object > Transform > Transform Each)
  • Simply hide what has already been transformed (Object > Hide)
  • Select a few more glyphs to transform (Object > Transform > Transform Each)
  • Unhide all (Object > Show All)

enter image description here

You can repeat the Transform Each steps as many times as you want. Including transforming a glyph more than once if you feel it’s necessary.

enter image description here

You could also scale the glyphs in the transform dialog if you also wanted a slight size variation.

enter image description here

This was all roughly a 1 minute procedure.

Source : Link , Question Author : bobthechemist , Answer Author : Scott

Leave a Comment