Flash - Water drop effect

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

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

Picture 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:

Picture 2 of Flash - Water drop effect

Figure 2

3. Right-click Frame 15 and select Insert KeyFrame

Picture 3 of Flash - Water drop effect

Figure 3

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

Picture 4 of Flash - Water drop effect

Figure 4

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

Picture 5 of Flash - Water drop effect

Figure 5

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

Picture 6 of Flash - Water drop effect

Figure 6

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

Picture 7 of Flash - Water drop effect

Figure 7

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

Picture 8 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:

Picture 9 of Flash - Water drop effect

Figure 9

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

Picture 10 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:

Picture 11 of Flash - Water drop effect

Figure 11

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

Picture 12 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:

Picture 13 of Flash - Water drop effect

Figure 13

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

Picture 14 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:

Picture 15 of Flash - Water drop effect

Figure 15

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

Picture 16 of Flash - Water drop effect

Figure 16

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

Update 25 May 2019
Category

System

Mac OS X

Hardware

Game

Tech info

Technology

Science

Life

Application

Electric

Program

Mobile