In this two-part tutorial, J. Schuh demonstrates how to animate a layered image of a butterfly using After Effects CS4.

Click here to download a Illustrator document of the butterfly used in this tutorial.

Click here to watch the second part of this tutorial.

Share & Enjoy


Similar Articles

 

  1. Mike (Reply) on Wednesday February 18, 2009

    Why does Layers Magazine keep duplicating all their feeds? I got this post in my feed reader because I subscribed to the After Effects feed… and then I got the same exact post again from my PhotoShop feed. What’s the deal? You guys do this ALL the time and it’s so annoying to get duplicates of every thing, even when the tutorial has nothing to do with the application feed I subscribed to (like how this is on your PhotoShop feed even though it’s an After Effects tutorial). Seriously annoying.

    http://feeds.feedburner.com/layersmagazine/aftereffects

    http://feeds.feedburner.com/layersmagazine/photoshop

  2. Parkaboy (Reply) on Wednesday February 18, 2009

    Great stuff can’t wait for the next tutorial

  3. adam (Reply) on Wednesday February 18, 2009

    Hi.
    I teach after effects too.
    Oddly enough I actually taught how to make a butterfly
    tonight. So you put a smile on my face when
    I came acroos your tutorial.

    A easier way of doing the keyframing and having
    greater control over timing.
    You only really need three keyframes per wing.
    example.
    right wing.
    y-rotation 45,-45,45
    left wing
    y-rotation -45,45,-45

    that is all you need for a loop.
    now here is the key do an expression on the property
    alt/option click on the y rotation clock
    type this…
    loopOut(“cycle”)

    this will loop the three keyframes forever.
    to adjust timing.
    select all the keyframes then you can alt/option drag to adjust timing.

    all those keyframes will give you grief in the long run.
    I can send my butterfly file.

    creativecow has a tutorial on it.
    It was done in photoshop and after effects 5.5
    he uses a really butterfly pic

    I do all my work in after effects. I use a gif. so we can do
    masking and saving of presets.
    thanx adam

  4. John Wahl (Reply) on Wednesday February 18, 2009

    Where do I see the second part?

    John

  5. Karl Mad (Reply) on Wednesday February 18, 2009

    excelent tuto, but, hw i see the second part, and, it can`t meke it whith expresions?
    thank for your dedication…

  6. Mark Bowen (Reply) on Wednesday February 18, 2009

    This may be a silly comment but where do you find the second part of this tutorial?

    Many thanks.

    Mark

  7. Mark Skilbeck (Reply) on Wednesday February 18, 2009

    Interesting. Thanks.

  8. Big-T (Reply) on Wednesday February 18, 2009

    J.. ANOTHER homerun…. You make this soo easy looking that I just want to quit my day gig, and play with butter-freak-flies all day.

  9. Emindesign (Reply) on Wednesday February 18, 2009

    Guys, if you can’t find the second part, that’s because there is no visible link for it. You would have to put your cursor over the name J. Schuh and click it. It takes you directly to the second part and some other tuts. Hope this helps.

  10. [...] Click here to go to the first part of this two-part tutorial. [...]

  11. Gene Hamm (Reply) on Wednesday February 18, 2009

    I animated next to an After Effects artist for seven months and was always mystified how he performed his magic. Your one After Effects tutorial in Layers Magazine took the mystery out of it. You are one hell of a teacher.

  12. anuj (Reply) on Wednesday February 18, 2009

    thanx

  13. rev (Reply) on Wednesday February 18, 2009

    I would like to know what was done in Illustrator with the butterfly pic

  14. Matt S. (Reply) on Wednesday February 18, 2009

    The tutorial is great, but part of the window goes out of view when it’s zooming in and out, specifically around 6 minutes. But it happens at other parts of the video as well.

  15. Alex (Reply) on Wednesday February 18, 2009

    Hi thank you for the tutorial but it will be nices if we can wee what you are doing in the screen, because most of the time we are only seeing the butterfly



Planet Photoshop Photoshop World Kelby Training Lightroom Killer Tips NAPP Scott Kelby