How to Create a Loading Bar Animation in Flash?
Last Updated :
14 Mar, 2022
Flash is a multi-media creation platform that allows users to create interactive animations for various platforms like television, mobile screens, etc. It is built using different programming languages like Action Script, Javascript, Python, C++, etc. The development credit of flash goes to future waves, Macromedia, and adobe. It is available in many languages for different operating systems.
Loading Bar Animation
A loading bar can be animated in many styles like a simple circle loading or a horizontal bar loading but we will animate both simultaneously. Loading bar animation is used in projects in which we need to show the loading of certain processes, creating a loading bar is really easy so let’s animate it. Follow the below steps to animate a loading bar.
Step 1: Open a new project in Adobe Flash.
Step 2: Using the rectangle primitive tool draw a rectangle with round corners on the stage.
Step 3: Convert it into a symbol.
Step 4: Double click to enter inside the symbol and add three more layers and name them as Mask, percentage, and color gradient.
Step 5: On percentage layer make a circle using the oval tool.
Step 6: On color gradient layer make a copy of the loading bar and fill it with color.
Step 7: On the mask layer make a copy of the loading bar and place it on the left side.
Step 8: On the color gradient layer and gray layer add a frame at frame 105.
Step 9: Insert a keyframe at frame 100 on percentage and mask layer.
Step 10: On the mask layer at frame 100, place the loading bar exactly on the gray loading bar and place the circle on the end of the loading bar.
Step 11: Now select the middle frame and apply classic tween on mask and percentage layer.
Step 12: Right-click on the Mask layer and select the Mask Option.
Step 13: Now select the circle and convert it into a symbol.
Step 14: Double click to enter inside the symbol and add a new layer name it Layer_2.
Step 15: On Layer_2 use the text tool to write 0% on the circle.
Step 16: Now insert keyframes at frames 5, 10, 15… till 100, and at each keyframe write 5%, 10%, 15%, and so on till 100%.
Step 17: Insert frame at frame 105 at both the layers.
Step 18: Double click to come out of the symbol and again double click to come out to the main stage.
Step 19: Insert a frame at frame 105.
Step 20: Press the run button to see the animation.
Congratulations your loading bar animation is ready now we can press Ctrl + Enter to see the final output of the animation.
Similar Reads
How to Create Rain Animation in Flash?
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,
3 min read
How to Create a Skiing Animation using Flash?
Flash is an animation activity tool that utilizes different mechanisms to interpret the drawings to make them vectors and ease animation workflow. Launched in 1996 it allowed the users to experiment as much as possible so to give quality projects. It provides complete control over the animation to c
2 min read
How to Create a Walking Chicken Animation on Flash?
In flash we can animate walk cycles easily, there are two types of walk cycles one is the front walk cycle and the other is the sidewalk cycle so we will animate the front walk cycle. The front walk cycle is periodic in nature as any character will move to one side and then move to the other side an
3 min read
How to Create Side Walk Animation using Flash?
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,
3 min read
How to Create a Stick Figure Animation using Flash?
Flash is used in a wide number of things like creating logos, gifs, vector images, animations, etc. It is a lightweight software and does not need heavy graphics so it can be used on any system with minimum requirements like a dual-core processor and 4 GB ram. From 1996 to 2021 a number of versions
2 min read
How to Create Eye Blink Animation using Flash?
Animations are used for a number of purposes like entertainment, advertisement, business, etc so animators use different types of tools but the most effective and efficient software is Flash. It makes the process of animation effortless and also saves time using functionalities like symbols through
2 min read
Create Fountain Animation with Flash
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,
3 min read
Creating a Ghost Animation in Flash
Animating in Flash is helpful in situations when the same object is half animated like the bottom half needs animation but the top half does not need that in these situations we use the masking functionality to animate the certain part. For example in a ghost animation, we want the bottom part to mo
3 min read
Create a Sea Wave Animation using Flash
Cartoons are used since the 90s and it was very popular not in children but also in adults due to which advertising, entertainment and other industries also started adopting them and it turns out to be really useful for providing information in an easy way. With the adoption of animation, different
3 min read
Create Weight Lifting Animation using Flash
Animating characters doing some work is a difficult task and it needs time when talking about the traditional animation methods but with the help of flash this can be divided into a certain number of keyframes and the rest of the work is done by the flash to fill the in-between frames to give the ni
2 min read