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 »
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,-45that 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 picI 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

- Dragging an Object Between Documents
- TV Scanline Effect
- Trick to the Glossy Effect
- 3D Text
- Changing Type on a Path





Photoshop
Illustrator
Indesign
Dreamweaver
Fireworks
Premiere
Flash
After Effects
Lightroom
Acrobat














