Flash tutorials
Home 3D (2) Actionscripting (66) Animation (108) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (61) Text Effects (38)

Water effect

15.11.2006, 23:20    Total views: 237450
In this tutorial, you have a chance to learn how to create a realistic water effect in flash using the mask and some special flash tips and tricks. To create this lesson, you don't have to use A.S.code. You will also learn how to create water shape,  how to animate it, convert it into a Movie Clip Symbol and more!




Example:




Step 1

Create a new flash document and set frame rate to 13 fps (Frames per Second).

Step 2

Import any picture in flash (Ctrl+R), on which you want to apply the water effect.



Step 3

While your picture is still selected, press F8 key (Convert to Symbol) to convert it into a Movie Clip.



Step 4

Double click on a new made Movie Clip (picture) or choose right click and Edit in Place.

Step 5

While your picture is still selected, press F8 key to Convert it into a Graphic symbol.



After that, double click on layer1 to rename its name in mianPicture. Then, click on frame 1, choose right click and Copy Frames.

Step 6

Insert a new layer and name it picture. Click on frame 1 and choose right click and Paste Frames.

Step 7

Insert a new layer again, and name it waterEffect.



Step 8

Take the Rectangle Tool (R), Stroke color must be switched off, under Fill color choose any color and draw a "rectangle" over the picture. Then, take the Selection Tool (V), and do like it is shown on the picture below.



Finally, you'll need to get this:



Step 9

Click on frame 10, 20 and 30 of layer waterEffect and press F6 (Keyframe).



Step 10

Go back on frame 10, and using the arrows key on the keyboard, move the "effect" a little down. After that click on frame 30, and move the "effect" a little up.

Step 11

Select the waterEffect layer, and in Properties Panel under Tween choose Shape.



Step 12

Select waterEffect layer and convert it to a mask by right-clicking on the waterEffect layer and selecting Mask.





Step 13

Click on frame 30 of layer picture and main_picture and press F5 on the keyboard.



Test your Movie (Ctrl+Enter).

We're done!

Download source file (.fla)
Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 310976

2. High-tech city animation
Total views: 274203

3. Water effect
Total views: 237451

4. Photo slide show
Total views: 221126

5. Special Picture Effect
Total views: 190885



Related links

dans le cadre de leur collection automne / hiver 2008 de la ngc, marque japonaise a ainsi une fois de plus a porter.ADIDAS TUBULAR WOMENils ont travaillé sur l'ensemble des trois pieces et # 8211; un sac fourre - tout, une valise et un porte - clés / carte de voyage.ils présentent une gamme de produits classiques.le fait qu'elles offrent a la plupart d'entre eux en orange est un bon contraste.  via honeyee.ADIDAS ORIGINALS NMDon peut s'attendre a une libération de ce produit dans les semaines a venir.ADIDAS TUBULAR SCHUHEla broderie artiste kimberly scola est parmi ceux qui participent a ce los angeles & # 8216; & # 8220; cette fete et # 8221; exposition,ADIDAS YEEZY BOOST 550 inaugurée vendredi dernier.ADIDAS EQUIPMENT 10a l'occasion de l'ouverture, en cas de scola a collaboré avec une tapisserie de 100 faux sacs fourre - tout.Adidas Adizero F50 FGces agréables rappels d'un événement,ADIDAS X PLR malheureusement, seulement deux jours de liaison.ADIDAS MESSI 16.3 ICles points saillants de & # 8220;StartAdidas Ultra Boost Uncaged cette fete et # 8221; et une liste de cas suivent l'artiste.ADIDAS ACE 16.3 TF