| CreativeCOW Adobe After Effects Tutorial |
![]() |
![]() |
Marek Doszla La F@KTORY, Paris, France marek@lafaktory.com ~ http://www.lafaktory.com ©2003 Marek Doszla and CreativeCOW.net. All rights reserved. |
| Article Focus: In this tutorial, Marek Doszla shows how to animate a butterfly in After Effects 5.5 starting from a digital picture. Marek puts it in the category of "After Effects experiment", however he uses some sophisticated features of After Effects as 3D space, expressions and time remapping that could be useful to beginners or even advanced users in motion graphics. |
| Movie link | Project sit | Project zip |
![]()
![]()
As we are going to rotate wings in space to make them fly, we need to shift their anchor points toward the axis of symmetry. In After Effects we can use "rulers guides" (thanks Adobe). Select left wing layer in time line. Using "Pan behind Y" tool (see screen shot), move it with mouse towards "center of gravity". Redo the same for right wing. Now we are ready to animate the butterfly
We are going to rotate butterfly wings in 3D space along Y (green arrow) axis so the better view to work with is Top view. Enable Y-axis key-frames in timeline for wings. We need only 3 key frames during 1 second. See screen shots below.
As wings overlap the body, we need to shift body position in Z direction about 10 pixels (see blue highlights on screen shot below). Enable motion blur and make preview in custom view. Butterfly flies already, sure in place, we are going to let it fly using trajectories and the camera in the next step. We could also animate the body by rotating it in X or Z axis.
Pre-comp the comp you want to loop into a new comp that is long enough to hold all the loops you want. Enable time remapping for the new comp. Type "rr" to reveal the keyframes. Set a keyframe at the last frame of the loop. Delete the keyframe at the end of the comp. You should now have keyframes at the start of the loop and the end of the loop. Enter this expression in the time-remapping property: If you use the method I described, you'll lose the first frame of your loop after it plays through once. If that's important, you need to add one more keyframe after the one at the end of the loop and set its value to zero. loop_out("cycle",0) behaves better if the last keyframe is identical to the first one. I've found a work around to this solution: (see the screen shot below), I don't have 100% of speed but I'm close to it and I manage with 2 key frames. From now, I've created a new composition with duration of 15 seconds and thanks to expressions I could layout the 1 second butterfly animation to any length, simply by dragging its right handle in timeline.
Conclusion I didn't pretend to achieve a simulation of real butterfly, it was just a great fun to experiment with wonderful After Effects, I hope you've enjoyed my tutorial... Marek Doszla
Feel free to discuss this tutorial in the After Effects forum at CreativeCOW.net. |
If you found this page from a direct link, please visit our forums or read other articles at CreativeCOW.net