The Squiggly, Wavy, Curvy Vector Line

Saturday, March 7, 2009

Wavy Line Hell

There have been only two or three occasions in my career when I've needed to create a curvy vector line for a design in Photoshop. Each time it took me much longer than I anticipated. I'm not sure why, but what seemed like obvious approaches before always turned out to simply not work as hour upon hour went by.

Vector Curvy Line Solution

I finally found a way! The best method I've found so far is to use the Line Segment Tool in Illustrator to create a straight line. Then use Filter > Distort > Zig Zag. Be sure to select "smooth" for the line. Be careful not to use the ZigZag inside of the Effects dropdown but instead confirm you are in the Filter dropdown before applying the distortion.

You should be able to copy/paste into Photoshop as a smart object now. I'm glad this has turned out to help so many other folks!

Blog terms:

Comments

August 19, 2010 - 2:25pm — Guest

Thanks

I owe you a huge thank you!! I'm a huge fan of the blend tool in Illustrator – use it all the time. I also dig zig zag. I stumbled on to your tut and it inspired me to combine the two and holy cr*p! For months I've been looking for an app or filter that generate's guilloche patterns like the one's found on currency. Don't need it anymore. I can create my own. Mine eyes have seen the glory. I can't believe I never thought of combining those tools before. I just had to say thanks.

July 23, 2010 - 1:12pm — Guest

Thanks

Great tip! Thanks for the CSS update too!

March 8, 2010 - 1:52am — Guest

Awesome!

Life saver. Thank you!!!

March 2, 2010 - 12:51pm — Guest

Cant find filter menu

is there no filter in AI CS4?

March 2, 2010 - 12:59pm — John

Dunno

Not using CS4 yet myself. I don't know the answer, sorry.

March 30, 2010 - 1:23pm — Guest

CS4

In CS4

It's in Effect->Distort & Transform->Zig Zag..

Thanks for the tip, saved me a heap of time!

December 4, 2009 - 5:05pm — Guest

wonderful! thankyou very

wonderful! thankyou very much

October 30, 2009 - 7:44am — Guest

Help!

Hi! This really helped me create a wavy line in my logo, thanks.

But now I have created my wavy line, if I group it with my logo and then resize the whole lot the waves retain the formatting from before and don't resize proportionally - is there a way to stop this from happening?

October 30, 2009 - 8:47am — John

I'm assuming you mean you

I'm assuming you mean you grouped it with your logo while still in Illustrator...? Not sure how to avoid your issue. If you resize it in Illustrator the curvy line does get a bit funky.

But if you copy to clipboard from Illustrator at normal size and paste it into Photoshop as a Smart Object, then resize in Photoshop, it resizes with the ratios intact. Maybe you can save it back out from there as a Photoshop EPS or somehow get it back into Illustrator if you need to.

October 10, 2010 - 12:38pm — Guest