Mobile app version of vmapp.org
Login or Join
Lengel450

: How to make striped/dashed border for a "cut out" coupon style? 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

@Lengel450

Posted in: #AdobeIllustrator #AdobePhotoshop

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.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Lengel450

2 Comments

Sorted by latest first Latest Oldest Best

 

@Murray976

For Adobe Illustrator.



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.

10% popularity Vote Up Vote Down


 

@Nimeshi706

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:


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


Result:



EDIT

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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme