Designing waves and wavey lines in Illustrator

Designing waves and wavey lines in Illustrator

You can use this tutorial to make weeds or grasses swaying in the wind as above. Or colour them orange, yellow and red and you’ve got flames. They are also a useful decorative feature that seems to be quite common these days.

Start with a line…
Designing waves and wavey lines in Illustrator – how

Go Filter > Distort > Zig Zag, or Effect > Distort & Transform > Zig Zag, and check the preview box so you can see what you are doing. The one above has 10px size, Absolute, 4 Ridges per segment and Smooth Points, but it’s up to you.

So you have your wavey line. Copy it (Cmd/Ctrl -C), Paste in Front (Cmd/Ctrl -V), and select the Rotate Tool (R). Now click on one of the ends of the wavey line and drag the other end up or down a bit (see above).

Now you have to connect the two lines so you can apply a fill. With your Direct Selection Tool (A) select the two end points in the apex by dragging a select over them so they look like the last example above. Then a simple Object > Path > Join (Cmd/Ctrl -J) (select Corner, of course) and you have your shape. Finally, add gradients and transparencies.

You can subscribe to new posts via RSS or by email, or follow me on Twitter.

Related articles

Download free “How to Market Yourself Online” ebook
Discover the secrets behind building a better web presence

Everything you will need to know about self-marketing on the web, including:

  • Creating websites
  • Setting up WordPress
  • Writing blog posts
  • Getting links
  • Driving traffic to your site
  • Using social media
  • Offering RSS feeds and subscriptions
  • Getting found on Google
download icon
download button

5 Responses to “Designing waves and wavey lines in Illustrator”

  1. Great. Very helpful.

  2. Thank you, Ben, you’re very welcome!

  3. AHHH- Thank you!

  4. No problem, Carrie

  5. awesome, thank you!!

Leave a Reply

Copyright © 2010 Rob Cubbon. Designed by Rob Cubbon Ltd, London. Powered by WordPress. Hosted by Dreamhost. Made with Love.