How to create Vector Wings

March 4th, 2008 by The_Chemist Leave a reply »

After the succesful tutorial on the snowman, I’m here again for another Illustrator Tutorial and I hope this may help you discover new things and techniques.

In this tutorial I will explain you simple steps in creating those fine-looking wings as included in one of my freebies and those on other designs that you may stumble on all around the web. We will create something similar to the image below:

Different Version

If you’re interested on how this is done then keep reading this simple tutorial.

•Software used: Adobe Illustrator CS3 – you may use other similar vector-based editing software but the instructions written are made to work well on Adobe Illustrator CS3

• Difficulty – Beginner

Let’s launch Illustrator, create a new document and start with our pen tool. Let’s create our first and also our last feather that we will use through the whole tutorial, yes one single feather. Everything else will just be a matter of duplicating, rotating and resizing, and a little creativity to suit your flavor.

Not convince? Follow through.

With the pen tool, create a straight horizontal line, then click and drag before you close our feather, to form a curve.

Horizontal Line

That wasn’t so hard wasn’t it? Now here comes the fun part, this is one of Illustrator’s features that I love, the Transform Each. I’ll introduce to you how powerful this tool is. With our feather selected Copy or Ctrl + C then Paste in Front or Ctrl + F.

Now we have 1 feather on top of our first, with it selected, Go to Object > Transform > Transform Each or simply press Ctrl + Alt + Shift + D.

A window will show up with some options for transforming, first let’s the preview check box, and we’re ready for some duplicating frenzy. For the scale let’s reduce both by 80%, the angle by -15 and most importantly change the registration point to top left.

Transform Each

Now that we have our second feather, just press Ctrl + D or Duplicate Object. And we have our third feather.

Third Feather

From this point, let’s stop duplicating because if we continue to duplicate using the same method then our output would look unnatural, we now proceed to combining these 3 feathers using PathFinder or Shift + F9. With the 3 feathers selected choose add shape simply click the icon while holding the Alt key to expand.

Add Shape

We now have our BASE set of feathers, let’s start some experimenting and begin duplicating our Base set of feathers to form our second set of feathers, Copy-Paste in Front our selected object, then open up Transform Each (Ctrl+Alt+Shift+D) then use this setting: both 110% for horizontal and vertical scale then 65 for our angle.

2nd Duplicate

Second Set of Feathers

We now have our second set of feathers, let’s continue, Using our BASE group of feathers again, let’s Copy-Paste in Front our selected object, then open up Transform Each (Ctrl+Alt+Shift+D) then use this setting both 75% for horizontal and vertical scale then 20 for our angle.

Third Duplicate

Third Set of Feathers

Giving us this result.

That’s our third set, now for our fourth and final set, select our Base set of feathers again, then Copy-Paste in Front our selected object, then open up Transform Each (Ctrl+Alt+Shift+D) then use this setting: both 100% for horizontal and vertical scale then -45 for our angle.

Fourth Dup

Fourth Set

Our wing is finished, that was fast wasn’t it? Told ya!

All we have to do now is select our wing, do an Add Shape using our PathFinder. Rotate our object a little so that it goes something like a wing at rest, see image below.

Wing at Rest

Copy-Paste our Wing then go to Object > Transform > Reflect choose Vertical and press enter.

Reflect

Drag it to the left then hold the shift key before releasing the right mouse button.

Wings Finished

You now have a gothic looking vector wings.

For a different version, Swap Fill and Stroke or Simply Press Shift + X. Stroke width to 2 , choose a round cap and round join, set align stroke to outside.

Different Setting

Different Version

Designing isn’t really that hard, it only takes a little experimenting + time + imagination.

+ a little visit to chemist2dio labs of course . hehe

This tutorial was made possible in order to get that fender guitar and of course lots and lots of goodies and exposure from JustCreativeDesign’s Graphic Design Group Writing Project check it out, you might find something interesting, glad I made it before the deadline!

Download the Free Vector Wings from one of my Vector Freebies Pack. ^_^

Popularity: 100% [?]

Enjoyed this post? Why not Share It to Everyone! ^_^

  • Digg
  • del.icio.us
  • RSS
  • StumbleUpon
  • DZone
  • Fark
  • Faves
  • Identi.ca
  • MisterWong
  • Reddit
  • Simpy
  • BlinkList
  • blogmarks
  • Facebook
  • Fleck
  • FriendFeed
  • HackerNews
  • Mixx
  • Netvibes
  • Propeller
  • Slashdot
  • Sphinn
  • Tumblr
  • Twitter
  • Yahoo! Buzz
Advertisement

34 comments

  1. Warren says:

    NICE, It’s so clear and elementary. Good work.

  2. Wishmaster says:

    As a person who loves to draw but sucks at it, I salute you ^^

  3. The_Chemist says:

    @warren

    Thanks, glad you find it easy to follow. :)

  4. The_Chemist says:

    @wishmaster
    thanks, stay put for more tutorials coming in.

  5. Shan says:

    Cool article… I’ll have to try it myself. Thanks for the great tutorial.

  6. The_Chemist says:

    thanks for droppin by shan, I’ll soon post another easy-to-follow tutorial so watch out. :)

  7. atanes says:

    liked, and creative!

  8. hexo says:

    i’m stuck at the part with the pathfinder.
    I press alt and click then it say : filter created no results. please create 2 overlapping paths!
    help please T_T

  9. The_Chemist says:

    hi hexo, you need to have two paths/ objects selected to do that, maybe you missed one ;)

  10. Lucass says:

    That was excellent!!!!!!!!!
    It´s the first time i´m using Illustrator and you just made it and incredible experience.

  11. The_Chemist says:

    @Lucass
    Thanks a lot for the compliment, glad to help ;)

  12. Muurtegel says:

    Thanks for the tut, it was really helpfull!

  13. medinah says:

    That was really great and very easy!!:)

  14. The_Chemist says:

    thanks medinah, i’ll post another tut this week ;)

  15. Goodness says:

    i added some color and did like a bad angel against a good angel with the wings in photoshop. If u want to see it, email me.

  16. Jawsome this tut wrked out great! although i created it in PS
    i was able 2 use it 2 create a cooly effect 4 a tag i recently made :D
    http://i12.photobucket.com/albums/a219/manslayerklu/red-girl.png

  17. The_Chemist says:

    @zangetsuBankai

    you’ve got some kickass design there.

  18. ashwini says:

    hiiiiiiiii

    very good tutor….. thank u very much…

  19. Todd says:

    I learned a lot from you here.

    I don’t have any of the Adobe tools, but I think I can work out the steps using Inkscape. For me it isn’t so much a matter of learning how to use the different software functions as much as learning a different way to see and combine shapes.

    Thank you SO MUCH for this!

  20. I like the tutorial. At first I was like what is this mumble jumble,then I learned how to make more art. to look at it go to twitter and follow my tweets.

Leave a Reply

  • Categories
  • WooThemes - Quality Themes, Great Support
  • Social Networking for Bloggers, Free Blog Submissions, Blog Traffic
  • Web Development & Design - Top Blogs Philippines
  • About
  • Tags
    abstract brushes abstract photoshop brushes Beautiful Wood Texture Websites Designs brushes bubblegum pepper christmas snowman clipart snowman cogs Creative Websites with Wood Background Freebies free icons Free Vector Free Vector Hearts free vector icons free vectors free vector wings gothic wings holiday snowman how to How to create a snowman how to make a snowman icons illustrator tutorial Illustrator Tutorials Layout with Wood Background pepper project photoshop brushes psd brushes snowman the Snowman Tutorial space cowgirl tutorial Valentines Day Gifts vector angel wings vector cogs Vector Freebies vector gears vector icons Vector Tutorial vector wings wings winter snowman wood in modern web design Wood in Web Design young jeezy snowman