Home > Design - Imagery, Banners & Landers >

Easy way to created Dash Borders in PS? (To look like a coupon) (12)


12-24-2011 05:55 PM #1 mrgodlike (Member)
Easy way to created Dash Borders in PS? (To look like a coupon)

K, complete PS noob, but is there an easy way to make borders on ppv lps to give it a couponesque look?

On top of that, is there an easy way to make it animated so that the dashed border's top and bottom look like the dashes are moving horizontally and the dashed border's sides look like they are moving up and down to catch the users eye more? Hope that makes sense.

My designers/coders are taking the next few days off so I'm stuck doing this shit for myself again


12-24-2011 06:29 PM #2 richardx (Member)

http://www.ianhoar.com/2011/05/28/3-...-in-photoshop/
or search by google you can got lots easy methods.


12-24-2011 07:18 PM #3 Hannah (Member)

You can also Google "coupon outline" in images and take one of those.


12-24-2011 08:10 PM #4 mrgodlike (Member)

Ya I was searching for plugins and shit, but finally decided to just do what this guy said to do:

http://www.youtube.com/watch?v=Avf6Y-4wK28

With this i'm able to create multiple colored border patterns so I can animate them. I love me some higher CTRs and animations = higher CTRs for me so far.

Anyways if someone is looking for info on how to setup coupon type borders, check out the vid.

Thanks anyways guys.


12-24-2011 09:09 PM #5 Mr Green (Administrator)

That video is awesome. Never tried doing it that way.


12-24-2011 09:46 PM #6 virgin (Member)

Really Really helpful.

I've been looking for this for some time.


12-24-2011 09:54 PM #7 zeno (Administrator)

I'd probably just do it in Adobe Illustrator or make a dashed box in Illustrator and import it in to PS. Easy to just make a rectangle, set the stroke to dashed and set the dash-gap sizes.


12-24-2011 10:17 PM #8 virgin (Member)

I never touched illustrator before that's why i think this is a really awesome solution.

i just created 2 patterns red and blue, animated with gimp and its done in 5 minutes.

so that's a great solution at least for me at least for now.


12-24-2011 11:22 PM #9 zeno (Administrator)

For web-related stuff you are probably only ever going to use PS. I do other things as well so use Illustrator and InDesign a bit, stick with whatever is easiest. If you ever go to do things that require more vector work, shapes/arrows/lines all over the bloody place then consider using Illustrator, easy to place files straight inside photoshop ftw.


12-25-2011 12:41 AM #10 polarbacon (Moderator)

Quote Originally Posted by mrgodlike View Post
Ya I was searching for plugins and shit, but finally decided to just do what this guy said to do:

http://www.youtube.com/watch?v=Avf6Y-4wK28

With this i'm able to create multiple colored border patterns so I can animate them. I love me some higher CTRs and animations = higher CTRs for me so far.

Anyways if someone is looking for info on how to setup coupon type borders, check out the vid.

Thanks anyways guys.
thats a great find....thx again


01-05-2012 02:49 AM #11 stackman (Administrator)

@richardx ahaha you got me good, i though there was a bug no my screen because of your AV, i was trying to blow it off!


01-05-2012 05:37 AM #12 Kapies (Member)

Best Way would be to do a pattern overlay on the stroke and scale the white space to the perfect size of your desire


Home > Design - Imagery, Banners & Landers >