Animated Butterfly in After Effects, Part 1

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.

This video requires Adobe Flash Player.

Visitor Comments »

 

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

 

Comment by Mike | February 18, 2009 @ 8:49 pm

 

Great stuff can’t wait for the next tutorial

 

Comment by Parkaboy | February 19, 2009 @ 1:01 am

 

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

 

Comment by adam | February 19, 2009 @ 1:07 am

 

Where do I see the second part?

John

 

Comment by John Wahl | February 20, 2009 @ 1:22 pm

 

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

 

Comment by Karl Mad | February 20, 2009 @ 8:57 pm

 

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

Many thanks.

Mark

 

Comment by Mark Bowen | February 22, 2009 @ 8:09 am

 

Interesting. Thanks.

 

Comment by Mark Skilbeck | February 23, 2009 @ 1:53 pm

 

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.

 

Comment by Big-T | February 24, 2009 @ 9:25 am

 

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.

 

Comment by Emindesign | March 4, 2009 @ 1:32 pm

 

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

 

Pingback by Free After Effects Tutorial | Animating a Flying Butterfly | Layers Magazine | March 10, 2009 @ 8:51 am

 

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.

 

Comment by Gene Hamm | April 3, 2009 @ 10:55 pm

 

thanx

 

Comment by anuj | April 6, 2009 @ 4:58 am

 

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

 

Comment by rev | October 2, 2009 @ 1:53 am

Leave us a comment

Comments RSS | TrackBack URI

Back to Top

 
 
Advertisement
Creative Suite Tutorials
  1. Photoshop Photoshop
  2. Illustrator Illustrator
  3. Indesign Indesign
  4. Dreamweaver Dreamweaver
  5. Fireworks Fireworks
  6. Premiere Premiere
  7. Flash Flash
  8. After Effects After Effects
  9. Lightroom Lightroom
  10. Acrobat Acrobat

Get the latest tips, tricks and news delivered straight to your inbox.

From our Partners
Subscribe to Layers Magazine
 
 
 
  • Back to the Layers Magazine Homepage
  • Creative Suite Tutorials
  • Layers Magazine
  • Reviews on top products
  • Layers Magazine Reader Forums
  • Subscribe to Layers Magazine