Www.sherylcrow.com motion path?

1

Need to develop a similiar header to 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

2

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

3

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.

4

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?

5

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.

6

ok, that sounds good!

7

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

Hope you understand now :).

  • Sharif
8

WOW! That rocks! That is exactly what I want. Just want to make the pattern bigger.

Thanks!

You wanna lend a hand to make a nice mask for my project? I can send you the image! :slight_smile:

9

Uh - I’m sort of busy but as long as your project isn’t huge I’ll be glad to help you out :).

Do you have AIM? You can send me the image over there and tell me what effect you need :).

10

AIM: steadyscenemusic
YAHOO: ddcemail

Im online now. I can send you the image, its not a huge project.

11

Alright I’ll get to you as soon as I can.

12

please! :slight_smile: