Monday, March 17, 2025

How create 2D Walk Cycle Animation (Front View)


 Steps to Create a 2D Walk Cycle Animation (Front View)


Preparation:
  1. Gather reference materials of walk cycles.
  2. Set up your animation software and create a new project.

Step 2: Draw the first Key Pose. Contact Pose: Draw the character with one foot forward and the other back, both touching the ground.
Step 3: Draw the second Key Pose. Animate the arms swinging opposite to the legs.

Step 4: Draw the last Key Pose.
Step 5: Draw the first in-between. The pass pose
Step 6: Draw the second in-between. The high point
Step 7: Draw the third in-between.
Step 8: Draw the fourth in-between.
Step 9: Draw the fifth in-between.
Step 10: Draw the last in-between.


Step 11: Press CTRL + ENTER to preview the animation

Add a new layer and name it as clean-up. 


Using the paint brush tool (Y), Clean up each frame. 



Here is the breakdown of the walk cycle front view.
Press CTRL + ENTER to preview the animation
Using the paint bucket tool, Color palette, and Eyedropper tool, color the parts of the character.




Press CTRL + ENTER to preview the animation




Saturday, August 24, 2024

HOW TO DRAW A FACE

 

STEP 1: Draw a circle
STEP 2: Divide the circle into 4 horizontally na divide it into 2 vertically.

STEP 3: From here connect the upper line to lower line making the head shape.

STEP 4: Draw the ear. using the second and third horizontal line as a guide.

STEP 5: Draw the nose and the guide for the eyes and eyebrow

STEP  6: Draw the eyebrow, eyes, nose and lips using the guide below.

STEP 7: Draw the entire face (clean-up) using the guide.


Wednesday, March 27, 2024

Walk Cycle Animation


 Sample Walk Cycle 2D Animation without background

Steps: 

Part 1: Pre-Production

1. Create the Character Side View. Refer to your character design model sheet turn around. 

2. Convert all needed body parts into a movie symbol. 


3. Distribute each body parts (symbols) into layer.


4. Connect all the body parts. Make sure that layers will not overlap. 

5. Using Parenting features, connect the following

head to body

shoulders to body

hips to body

hand1 to arm1 and arm1 to shoulder1

hand2 to arm2 and arm2 to shoulder2

foot1 to leg1 and leg1 to hips1

foot2 to leg2 and leg2 to hips2



6. Test the connection and the arcs for each body parts




Part 2: Production

1. Create the key poses

First Contact



First Recoil



First Passing 



First High Point



Second Contact



Second Recoil



Second Passing 



Second High Point



Third Contact

2. High Light all the keyposes and layers. 

Press Shift key, while clicking the first frame in the first layer and last frame in the last layer. 

Right Click and click Create Classic Tween.


3. Test the timing by clicking CTRL key and ENTER Key simultenously. 

4.  Adjust the timing by adding frames or removing frames.

5. Save the file as .fla so you can still edit the file in the future. 

6. Click file, click export, and Export as Animated GIF. The animation will be save as moving picture or .gif. 







Wednesday, March 31, 2021

What is Animation?





 If you want to understand animation, you must understand the processes involves in it and the principles of animation. 

How create 2D Walk Cycle Animation (Front View)

  Steps to Create a 2D Walk Cycle Animation (Front View) Preparation: Gather reference materials of walk cycles. Set up your animation softw...