# Mask Animation

**URL:** <https://forum.kirupa.com/t/mask-animation/42685>\
**Category:** Uncategorized\
**Created:** [February 11, 2004, 9:34pm UTC](https://forum.kirupa.com/t/mask-animation/42685 "2004-02-11T21:34:29Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nick\_Toye](https://avatars.discourse-cdn.com/v4/letter/n/82dd89/32.png) [@Nick\_Toye](https://forum.kirupa.com/u/Nick_Toye)\
**Post date:** [February 11, 2004, 9:34pm UTC](https://forum.kirupa.com/t/mask-animation/42685/1 "2004-02-11T21:34:29Z")

</div>

I have attached a file that I am trying to mask to get an effect like

[http://www.leviton.com/dhc/DHCweb/#](http://www.leviton.com/dhc/DHCweb/#)

There is a strip mask transition animation, I can’t work it out. Can someone put me out of my misery because I am tearing my hair out.

Many thanks in advance

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 1:31am UTC](https://forum.kirupa.com/t/mask-animation/42685/2 "2004-02-12T01:31:16Z")

</div>

the problem is that your mask does not cover the area on the last keyframe, rather it just animates the lines across showing only portions of the image.

So your last keyframe must cover the whole area you want to be visable.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 1:35am UTC](https://forum.kirupa.com/t/mask-animation/42685/3 "2004-02-12T01:35:07Z")

</div>

… ok on a second look, u did do that…

hmmm give me a sec see if i can work this out

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 1:48am UTC](https://forum.kirupa.com/t/mask-animation/42685/4 "2004-02-12T01:48:29Z")

</div>

not sure why it was not working the normal way, but here is another way you can do it using AS.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 9:11am UTC](https://forum.kirupa.com/t/mask-animation/42685/5 "2004-02-12T09:11:52Z")

</div>

Thanks I sorted it out in the end, took a while though. Thanks anyway

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 9:23am UTC](https://forum.kirupa.com/t/mask-animation/42685/6 "2004-02-12T09:23:28Z")

</div>

No worries dude,

what did you do in the end?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 9:31am UTC](https://forum.kirupa.com/t/mask-animation/42685/7 "2004-02-12T09:31:03Z")

</div>

Someone on [actionscript.org](http://actionscript.org) helped me out and we came up with this, which I think is spot on.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 2:22pm UTC](https://forum.kirupa.com/t/mask-animation/42685/8 "2004-02-12T14:22:32Z")

</div>

ok, fair enough thats looks alright. 😉 hope you dont leave it on 12fps like it is on that file, If you increase the fps the animation will be much smoother and alot nicer.

:: also is there any reason why there is a code on frame 1 of the mask animation mc that says

```auto

play();

```

wouldnt that obviously play since there is no stop action on the first frame of that mc?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 3:30pm UTC](https://forum.kirupa.com/t/mask-animation/42685/9 "2004-02-12T15:30:37Z")

</div>

Well the guy who tweeked it for me put that there, I was wondering that myself

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [February 12, 2004, 3:51pm UTC](https://forum.kirupa.com/t/mask-animation/42685/10 "2004-02-12T15:51:43Z")

</div>

lol…:crazy:

i still think this animation can be done in about two layers, just seems like that guy did a bit too much for a simple animation like that. Just use shape tweens and shape hints. but It works i guess. ahh just call me picky. lol