Open In App

Create Fountain Animation with Flash

Improve
Improve
Like Article
Like
Save
Share
Report

Flash is a 2D animation software that can be used on different operating systems like MacOS, Windows, Linux, etc. It was first launched in 1996 and the latest version is released in 2021. It is capable of different functionalities like masking, character tracing, lip-sync, motion and shape tweening, frame by frame animations, etc. The animations created in Flash are vector-based rather than pixel animations which can only be zoomed to a certain level but this is not the case with vector-based animations so they provide high-quality animations.

Fountain Animation

Animating a fountain involves animating water coming out of the tap, there are different methods of doing this but we will use an easy method for making water coming out of the tap. For this we will need an image of the fountain, you can take the image from the internet or can make the fountain in flash itself.

Follow the below steps to animate a water fountain.

Step 1: Open a new project in Flash.

Open-New-project

Step 2: Import a fountain image on the stage, use copyright-free images. Here using an old image drawn in Flash itself.

Import-Fountain-Image

Step 3: Now add a new layer using Add new layer button on the timeline.

Add-a-new-layer

Step 4: On this layer draw a circle using the Oval tool from the toolbar.

draw-a-circle-using-oval-tool

Step 5: Convert the circle into a symbol by right-clicking on it and choosing convert to symbol from the appeared list.

Convert-circle-to-symbol

Step 6: Next screen will appear choose Graphic as type and click OK.

Choose-symbol-type

Step 7: Again create the symbol of the same figure because we will use this symbol to animate other symbols.

Create-another-symbol

Step 8: Now make a duplicate of the circle by pressing the Alt key and dragging the circle on the screen.

Create-duplicate-circle

Step 9: Use the free transform tool to squash the circle and place it over the fountain tap.

Change-shape-of-circle-using-transform-tool

Step 10: Now double click on the first circle to go inside it and go on the frame 50 and insert a keyframe.

Insert-a-new-keyframe

Step 11: Now right-click on any frame, a list will appear so click on Create motion tween option.

Create-motion-tween

Step 12: After applying motion tween, go in the properties panel and set rotation direction to counterclockwise (CCW).

Set-rotation-direction

Step 13: Select the eraser tool and start erasing the outer line of the circle. All the changes are also visible in the second circle because that is the symbol.

Use-Eraser-tool

Step 14: Now make adjustments to form a water ring shape.

Change-shape-to-water-ring

Step 15: Now double click to come out of the symbol and select frame 50 and insert a frame.

Insert-a-new-frame

Step 16: Add a new layer using Add new layer button on the timeline.

Add-a-new-layer

Step 17: Draw a rectangle on this layer and change its opacity using the Alpha property on the colour panel.

Change-opacity-using-alpha-property

Step 18: We will use this layer for masking so cover the complete part.

Perform-masking-using-layer

Step 19: Now select the layer and right-click on it a list will appear, click on the Mask option.

Right-click-to-choose-mask-option

Step 20: Now click on the run button, fountain animation is ready.

Click-Run-to-see-fountatin-animation

Step 21: Make another duplicate of the circle and put it on the other side.

Make-duplicate-for-other-side

Congratulations your Fountain animation is ready press Ctrl + Enter.

Here is the output video of Fountain Animation.



Last Updated : 24 Feb, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads