Open In App

Animating a Run Cycle using Flash

Improve
Improve
Like Article
Like
Save
Share
Report

Flash is an instrument for making graphics and animation projects, it has special features like motion presets, action script which is used in coding different actions to the components, tweening feature to avoid drawing each time, and much more. It provides tutorials also on how to use it. It uses vectors for making flawless animation scenes so that the quality of the animation should be the best. From its first version to the latest version it always amazes the users with its ever-growing features.

Animating Run Cycle

The run cycle is as important as the walk cycle so we need to understand the basics of the run cycle for that we will not draw each figures frame by frame because that is a very time-consuming method rather we will give certain poses at a gap of 5 frames to give a keyframe and then animating the run cycle, this is the easiest method of run cycle animation. Follow the below steps to animate the run cycle.

Step 1: Create a new project in Adobe Flash.

Create-a-new-project

Step 2: Create a basic character with all the parts at different layers and also with a base layer. 

Create-a-basic-character

Step 3: Let us make the first running pose by placing the different parts at the correct positions.

Create-a-running-pose

Step 4: Make a line at the top of the character so as to have an idea that the character will jump as much while running.

Make-a-line-at-the-top

Step 5: Now select frame 5 and add a keyframe by pressing F6.

Add-a-keyframe-at-frame-5

Step 6: Now make the second pose of the character.

Create-a-second-pose-of-the-character

Step 7: Now select frame 10 and add a keyframe by pressing F6.

Add-a-keyframe-at-frame-10

Step 8: Now make the third pose of the character.

Create-third-pose-of-the-character

Step 9: Now select frame 15 and add a keyframe by pressing F6.

Add-a-keyframe-at-frame-15

Step 10: Now make the fourth pose of the character and select it to touch the upper line.

Create-fourth-pose-of-the-character

Step 11: Now after these four poses we will make opposite of these frames so insert a keyframe at frame 20 by pressing F6.

Add-a-keyframe-at-frame-20

Step 12: Now copy the pose from frame 1 and paste it in frame 20.

Copy-the-pose-from-frame-1-and-paste-it-in-frame-20

Step 13: Now make it opposite by changing the position of hands and legs.

Changing-the-position-of-hands-and-legs

Step 14: Similarly copy poses from frame 5 and paste them in frame 25 and make it opposite.

Copy-poses-from-frame-5-and-paste-in-frame-25

Step 15: Now copy the pose from frame 10 and paste it in frame 30 and make it opposite.

Copy-the-pose-from-frame-10-and-paste-it-in-frame-30

Step 16: Now copy the pose from frame 15 and paste it in frame 35 and make it opposite.

Copy-the-pose-from-frame-15-and-paste-it-in-frame-35

Step 17: Now select extra frames and delete them.

Select-extra-frames

Step 18: Select all frames and right-click on it a list will appear, click on Create classic tween to give motion.

Create-Classic-Tween

Step 19: Now press Ctrl + Enter to see the animation.

Play-the-animation

Congratulations your run cycle is ready. Here is the output video Run Cycle.


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