Skip to content
Related Articles

Related Articles

How to Create Side Walk Animation using Flash?

View Discussion
Improve Article
Save Article
  • Last Updated : 07 Mar, 2022

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.

Animating Side Walk Cycle 

The Sidewalk cycle is used in almost all the animation projects because if there is a character then he will definitely walk so we need to know how to make this walk cycle. For animating a walk cycle first of all we need a character that has its different parts on different layers so that it will be easy to animate each component after that follow the below steps to animate the sidewalk.

Step 1: Create a new project in Flash.

Create-a-new-project

Step 2: Create a basic character with all the parts at different layers(follow the above URL to make the character).

Create-a-basic-character

Step 3: Create a new layer as the base, draw a straight line below the character and also two straight lines on the top of the character, and give the walking pose to the character.

Create-a-new-layer-as-the-base

Step 4: Now select frame 40 and right-click on it, a list will appear click on the Insert Keyframe option.

Insert-Keyframe-option

Step 5: Similarly insert a keyframe at frame 20.

Insert-a-keyframe-at-frame-20

Step 6: Now change the walking pose of the character, take the left hand behind and left leg forward and for the right hand take the right hand in front and right leg behind.

Change-the-walking-pose-of-the-character

Step 7: Now select the keyframes in the middle and right-click, a list will appear, click on the Create Classic tween option.

Create-Classic-tween

Step 8: Shape tween has been applied successfully.

Shape-tween-has-been-applied

Step 9: Insert a keyframe at frame 10 by pressing F6.

Insert-a-keyframe-at-frame-10

Step 10: Now select the character except the legs and move a little bit up to touch the top line.

Now-select-the-character

Step 11: Now similarly to frame 30 insert a keyframe by pressing F6.

Insert-a-keyframe-at-frame-30

Step 12: Again select the character except for the legs and move a little bit up to touch the top line.

Again-select-the-character

Congratulations your sidewalk animation is ready. Now press Ctrl + Enter to see the final output. Here is the output video of the animation.

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!