# How to do this kind of animation?

**URL:** <https://forum.kirupa.com/t/how-to-do-this-kind-of-animation/260062>\
**Category:** flash\
**Created:** [May 12, 2008, 10:05am UTC](https://forum.kirupa.com/t/how-to-do-this-kind-of-animation/260062 "2008-05-12T10:05:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ecptavares](https://avatars.discourse-cdn.com/v4/letter/e/9d8465/32.png) [@ecptavares](https://forum.kirupa.com/u/ecptavares)\
**Post date:** [May 12, 2008, 10:05am UTC](https://forum.kirupa.com/t/how-to-do-this-kind-of-animation/260062/1 "2008-05-12T10:05:58Z")

</div>

Hi!  
I am struggling to make this effect ([http://www.votorantim.com.br/votorantim/novamarca/\_swf/index.html](http://www.votorantim.com.br/votorantim/novamarca/_swf/index.html)) with this image

[http://www.djchambinho.com/logo.jpg](http://www.djchambinho.com/logo.jpg)

How would I do that?

---

<div class="post-metadata">

**Author:** ![ecptavares](https://avatars.discourse-cdn.com/v4/letter/e/9d8465/32.png) [@ecptavares](https://forum.kirupa.com/u/ecptavares)\
**Post date:** [May 12, 2008, 11:42am UTC](https://forum.kirupa.com/t/how-to-do-this-kind-of-animation/260062/2 "2008-05-12T11:42:51Z")

</div>

> [@ptfury;2324964](#):
>
> its a simple timeline animation :S use vectors to reduce file size

Thank You…but how would I do this? is there any tutorial about something like this?Do I have to use mask?

---

<div class="post-metadata">

**Author:** ![snickelfritz](https://avatars.discourse-cdn.com/v4/letter/s/7ea924/32.png) [@snickelfritz](https://forum.kirupa.com/u/snickelfritz)\
**Post date:** [May 12, 2008, 2:45pm UTC](https://forum.kirupa.com/t/how-to-do-this-kind-of-animation/260062/3 "2008-05-12T14:45:46Z")

</div>

You simply erase the completed drawing progressively, working _backwards_ (every 5 frames, or so) along the timeline.  
ie: the drawing then progressively “unerases” when the animation is played forward.

You can do this most effectively by isolating various parts of the drawing on layers.  
Use the “custom easing tool” to generate a keyframe for every frame of the final animation.(smoother playback; tweens don’t work as well for stuff like this)