# Www.sherylcrow.com motion path?

**URL:** <https://forum.kirupa.com/t/www-sherylcrow-com-motion-path/115330>\
**Category:** Uncategorized\
**Created:** [July 7, 2004, 7:17pm UTC](https://forum.kirupa.com/t/www-sherylcrow-com-motion-path/115330 "2004-07-07T19:17:34Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![SteadyScene](https://avatars.discourse-cdn.com/v4/letter/s/9de053/32.png) [@SteadyScene](https://forum.kirupa.com/u/SteadyScene)\
**Post date:** [July 7, 2004, 7:17pm UTC](https://forum.kirupa.com/t/www-sherylcrow-com-motion-path/115330/1 "2004-07-07T19:17:34Z")

</div>

Need to develop a similiar header to [http://www.sherylcrow.com](http://www.sherylcrow.com). When the first page loads, it appears to draw shapes, the winding effect that reveals a picture beneath it, is that a motion path? It looks like a combination of masking and motion.

Can someone share with me how to accomplish this effect?

Thanks in advance!

Regards,  
Daniel

---

<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:** [July 7, 2004, 7:20pm UTC](https://forum.kirupa.com/t/www-sherylcrow-com-motion-path/115330/2 "2004-07-07T19:20:31Z")

</div>

ah, sheryl crow, I love **some** of her music…

anyways, all you need is an animated mask that moves to show more of the picture

---

<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:** [July 7, 2004, 7:22pm UTC](https://forum.kirupa.com/t/www-sherylcrow-com-motion-path/115330/3 "2004-07-07T19:22:53Z")

</div>

Yes, search “tweened mask” and you’ll come up with some clues. I’ve seen people asking about this before with some sample flas provided.

---

<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:** [July 7, 2004, 7:23pm UTC](https://forum.kirupa.com/t/www-sherylcrow-com-motion-path/115330/4 "2004-07-07T19:23:04Z")

</div>

well, its one image, then the effect reveals another image. I dont necessarily need the reveal portion. Just the way that animates is what I am looking for. How?

---

<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:** [July 7, 2004, 7:34pm UTC](https://forum.kirupa.com/t/www-sherylcrow-com-motion-path/115330/5 "2004-07-07T19:34:07Z")

</div>

Multiple mask layers, reveal the complex shape. Simple tweening :/. I don’t know how else to explain it, but if you know how to mask, it should be really simple.

---

<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:** [July 7, 2004, 7:35pm UTC](https://forum.kirupa.com/t/www-sherylcrow-com-motion-path/115330/6 "2004-07-07T19:35:49Z")

</div>

ok, that sounds good!

---

<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:** [July 7, 2004, 7:38pm UTC](https://forum.kirupa.com/t/www-sherylcrow-com-motion-path/115330/7 "2004-07-07T19:38:03Z")

</div>

Well I’m assuming you know how to use masks.

By the look of it, those stripey shapes that reveal whats under can’t be used by motion tweens - but more like shape tweens.

I’d use frame-by-frame. Just make the shape at frame 1, then add a FRAME (not key) at 20. Then select 1 - 20 and press F6 to convert all to frames. Then from frame 20, go backwards and erase a little by little from 19 til you hit 0 and then there’s nothing left. Then mask over image :).

Heres an example I made really quickly - mind the bugs (if there is any).

[http://21dynamics.com/RoosterMask.fla](http://21dynamics.com/RoosterMask.fla)

Hope you understand now :).

- Sharif
