Water ripple beer glass in Flash

I made this simple water ripple effect, water ripples can be made a couple of different ways, but the most easy on of them all is this, its not that flexible, but can be made in less then a minute.

First off we will need to import the image we want to apply this effect to on to the stage, so go to file -> import -> import to stage and locat your image file, I choose a glass of beer.

Flash Water ripple effect tutorial

In the layers panel make a copy of our layer containing the beer glasse, select the top one, and with the free transform tool make the top beer a bit smaller then the one beneath, (and remember to keep it centered).

Flash Water ripple effect tutorial

Now we will need to make our last layer, above the other two, on this layer we will make an layer mask. Start with the rectangle tool and make a shape above the stage, just above the beer. Now delete part of the rectangle shape as shown below.

Flash Water ripple effect tutorial

Select your shape and convert it to a movie clip. Now for all layers make a new key frame in the time line at frame 20, drag our layer mask down below our beer layer, right click in the time line and make a motion tween.

Flash Water ripple effect tutorial

In the layers panel right click the top layer and choose mask. Then your shape should disapear from the stage, and you can test your movie.

Flash Water ripple effect tutorial

Rahul says: 2008-06-07

It is very nice but it can be more better

HEY! says: 2008-05-21

ItChr(34)s nice.. but a bit complicated.. :O

sukhveer says: 2008-05-07

dude i donChr(34)t want this kind of animation wat i need is that i have an bottle and water is falling from it on the ground and i want the falling water animation...and that should be realistic

sohya says: 2008-04-15

Nice!Thanks

Admin Bob says: 2008-03-13

hi Henry, well im using CS3, but this tutorial should work just as well with other older versions.

Henry says: 2008-03-09

what version of macromedia flash is that

karthigai balan says: 2008-03-07

thanks for giving this easiest method..............,

moloyart says: 2008-03-05

Thanks for the effect...

Rami Reddy -webroster_tech@yahoo.co.in says: 2008-02-05

it is very nice

Raymond Aguja says: 2008-02-01

Its nice tutorials, it helps a lot for me, more tutorials you post for free.

EagleVision says: 2008-01-27

Nice! Really cool...:D!

msty says: 2008-01-17

:)looks like a computer havnChr(34)t a display driver!!