Home Tutorials Forums Articles Blogs Movies Library Employment Press
Old 02-26-2002, 09:21 PM   #1
mac
Registered User
 
Join Date: Feb 2002
Posts: 2
Smile how is this done?

I'm interested in "water effects".I found a great one at
http://www.kazsh.com . It's # 19 Fake Ripple.
He doesn't provide tutorials for his effects though.
Can anyone tell me how this effect is done?
I would very much appreciate it.
mac is offline   Reply With Quote
Old 02-27-2002, 09:48 AM   #2
pixelwit
village halfwit
 
pixelwit's Avatar
 
Join Date: Jul 2001
Location: USA, PA
Posts: 3,330
Default

Crerate a FLA with 3 layers. Place your image on the bottom layer. Place a copy of that image on the next layer up. Scale it 105% or so. Create an animation of an expanding ring on the next layer up. Make the layer with the ring a Mask. Make sure all the content on all the layers is centered on the stage. Play.

That's the water ripple effect. Making it work with the mouse is a bit trickier.

Hope it helps,

-PiXELWiT
http://www.pixelwit.com
pixelwit is offline   Reply With Quote
Old 02-27-2002, 10:14 AM   #3
jimburton
no sleep til bedtime
 
jimburton's Avatar
 
Join Date: May 2001
Location: Brighton
Posts: 1,322
Default

Hi Pixelwit, how exactly is it done with the mouse? I have tried this by controlling a mask layer that's an mc but this doesn't seem to work and I got nowhere...
jimburton is offline   Reply With Quote
Old 02-27-2002, 10:59 AM   #4
pixelwit
village halfwit
 
pixelwit's Avatar
 
Join Date: Jul 2001
Location: USA, PA
Posts: 3,330
Default

Well. you can't control anything that is on a mask layer. That's just the way it is. You can however control a Clip that has a mask layer in it or a clip that is masked by a mask layer.

In the example above, turn your top 2 layers into a MovieClip and name it something like RippleClip. Then inside RippleClip turn the layer being masked (big image) into another MC and name it something like BigImage. When you click on the small image (bottom layer in example above) you need to set RippleClip's _x and _y to where you clicked. If you stop here it will look odd because although the ripple clip is in the right position, the image revealed by the mask is all wrong. To compensate for this you need to adjust BigImage's _x and _y properties in the direction "opposite" the direction you moved RippleClip.

Hope this helps,

-PiXELWiT
http://www.pixelwit.com
pixelwit is offline   Reply With Quote
Old 02-27-2002, 12:24 PM   #5
Tink
Addict
 
Tink's Avatar
 
Join Date: Nov 2001
Location: London
Posts: 2,128
Default

wicked
Tink is offline   Reply With Quote
Old 02-27-2002, 01:20 PM   #6
jimburton
no sleep til bedtime
 
jimburton's Avatar
 
Join Date: May 2001
Location: Brighton
Posts: 1,322
Thumbs up Thx pixelwit

Thanks pw, that makes sense and is a powerful technique - it took a little while for the penny to drop re using globalToLocal to reposition the masked clip.......

jimburton is offline   Reply With Quote
Old 03-25-2002, 02:08 PM   #7
kuang1
Registered User
 
Join Date: Mar 2002
Posts: 7
Smile how about the mouse script on the main page

Hi,

Within the main page there is an action script for the mouse movement, especially after the mouse lft the focus of each link.

I just want to find out, how is it done?
similar page that uses this sort of script can also be found at www.mjau-mjau.com.
When a link is focused on this site, it seems that the link folow the mouse movement and bouce off after certain coordinate.
The bouncing is so natural it seems that it has been thrown away.

Please enlighten me.

Regards,

Suria
kuang1 is offline   Reply With Quote
Old 03-25-2002, 02:55 PM   #8
jimburton
no sleep til bedtime
 
jimburton's Avatar
 
Join Date: May 2001
Location: Brighton
Posts: 1,322
Default

I agree, that's very nice. It's a mouse-trail (the square bracket movie clips change position depending on the position of the mouse) that jumps from one menu item to another if the mouse is over menu items and follows the mouse freely if it isn't, but the important thing is that it also has elasticity/bounce. Have a read of the elasticity tutorial on www.bit-101.com to start doing this.

Last edited by jimburton; 03-25-2002 at 03:01 PM.
jimburton is offline   Reply With Quote
Old 03-27-2002, 05:34 AM   #9
kuang1
Registered User
 
Join Date: Mar 2002
Posts: 7
Thumbs up Thanks Jim

Thanks for yje reference Jim.

I ll have a go first.


Kind regards,

Suria
kuang1 is offline   Reply With Quote
Old 04-05-2002, 08:40 PM   #10
ProAnimate
Registered User
 
Join Date: Apr 2002
Location: Cambridge UK
Posts: 1
Default

Quote:
Originally posted by pixelwit
Well. you can't control anything that is on a mask layer. That's just the way it is.
MX now supports dynamic masks.

This little demo uses them:
http://www.proanimate.com/rendertest.html

Expect to see plenty more wicked effects using this feature, there's loads you can do with it, esp with lighting and shadow.


Oh this is my first post on as.org, btw
ProAnimate is offline   Reply With Quote
Reply


Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:23 PM.

///
Follow actionscriptorg on Twitter

 


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Ad Management plugin by RedTyger
Copyright 2000-2013 ActionScript.org. All Rights Reserved.
Your use of this site is subject to our Privacy Policy and Terms of Use.