Clear, practical technology insights About · Contact

Flash - Water drop effect

Tutorial to make water droplets effect fall in Flash ...

Author: David Pac2 minutes read

1. Create a file with the parameters shown in Figure 1

images 1 of Flash - Water drop effect
Figure 1

2. Using the Oval Tool, remove the border color, select the gray fill color, draw an oval near the top edge of the canvas, then use the Selection Tool to adjust it to look like a drop:

images 1 of Flash - Water drop effect
Figure 2

3. Right-click Frame 15 and select Insert KeyFrame

images 1 of Flash - Water drop effect
Figure 3

4. Use the down arrow on the keyboard to drop the water:

images 1 of Flash - Water drop effect
Figure 4

5. At the new location of the water drop, right-click it and select Free Transform

images 1 of Flash - Water drop effect
Figure 5

6. Use the mouse to adjust the drop of water:

images 1 of Flash - Water drop effect
Figure 6

7. Lock the existing layer and create a new layer:

images 1 of Flash - Water drop effect
Figure 7

8. Right-click Frame 15 of the new layer and select Insert KeyFrame:

images 1 of Flash - Water drop effect
Figure 8

9. Also at Frame 15, select the Oval Tool, remove the fill color, set the fill color to gray and draw an oval:

images 1 of Flash - Water drop effect
Figure 9

10. Right-click Frame 25 and select Insert KeyFrame:

images 1 of Flash - Water drop effect
Figure 10

11. Select Edit> Copy, then Edit> Paste in Place to create a new oval right at the old oval position:

images 1 of Flash - Water drop effect
Figure 11

12. Right-click on the new oval and select Free Transform:

images 1 of Flash - Water drop effect
Figure 12

13. Press the Alt, Shift keys and use the mouse to adjust the big old oval a little bit:

images 1 of Flash - Water drop effect
Figure 13

14. Do the same Step 10 13 to get new ovals at Frame 35, 45:

images 1 of Flash - Water drop effect
Figure 14

15. Lock this layer, unlock the layer below, left-click and any place between Frame 1 and Frame 15, in the Tween section of the Properties panel, select Shape:

images 1 of Flash - Water drop effect
Figure 15

16. Do the same Step 15 for the upper layer:

images 1 of Flash - Water drop effect
Figure 16

17. Press Ctrl + Enter to check the results, download the original file here.

Was this article helpful?

Your feedback helps us improve.

Discussion

Reader Comments 0

Sign in with email or Google to join the discussion.