I want to make an effect like this:


How can I achieve this?

The thing I'm stuck is the striped border. I want to know how to make it in Photoshop and Illustrator.


2 Answers 2


For Adobe Illustrator.

text dash

Set your text.

In the Appearance Panel click the "New Fill" button on the bottom of the panel. This will add a new fill and stroke to the text object (1 & 2).

Click and drag the Characters item in the Appearance Panel so it is above this new fill and stroke.

Highlight the stroke item in the Appearance Panel. Add a black (or any color) stroke and then choose Effect > Path > Offset Path (3). Insert the value you want your dashed line to be offset from the text. Don't worry about the overlapping lines you'll see. Those will be corrected in a second.

Now, highlight the Fill item in the Appearance Panel. Ensure the Fill is listed above the stroke on the Appearance Panel (1 & 2). Add a white fill (or any other color you wish). And again choose Effect > Path > Offset Path and enter the same value you used for the stroke (3).

Now, highlight the Stroke item on the Appearance Panel again and adjust the stroke (4). Tick the Dashed Line option and enter an initial value fo the dash. The default is 12 points, but you may wish to reduce that. There's no need to fill in the other gap and dash items.

There you go.....

Remember to drag the final text to the Graphic Styles Panel so next time you need it, you can simply select the text with the Selection Tool and click the Style.


In photoshop:

I found a neat video tutorial that goes over how to do this in Photoshop CS6. As far as I'm aware this is not available in any prior version. In the past you had to follow some more work intensive methods.

In Illustrator:

  1. Create your shape
  2. Duplicate the shape, take out the fill, and open the stroke window
  3. Check "dashed line" adjust stroke as needed.


enter image description here


You can do this with text as well, though I only know how to do it if you turn the text into outlines (right-click >> create outlines)

Then go to Object >> Path >> Offset path

Ungroup the objects and adjust the stroke of the outermost shape to be dashed.

  • Johannes, but is it possible to do it with text, make text, add big stroke and want the stripped line to follow the stroke not the text. Commented Sep 14, 2012 at 21:15
  • I edited my answer to incorporate this. Hopefully it's clear enough!
    – Hanna
    Commented Sep 15, 2012 at 2:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.