Animation Fundamentals / Exercises

September 23, 2024 - October 14, 2024

23.09.2024 –  / Week1 – Week3

Ryoma Kato / 0365874

Animation Fundamentals / Bachelor of design (Honours) in Creative Media

MIB

LECTURES

Week1: 

I cant take this week class because of flight issue.

Week2:

The Lecture teach us about the process for making bounding ball animation by using Adobe Animate.

Week3:

EXERCISE

Exercise1 : Make a bounding ball animation by using Adobe Animate.

(Editing Screen of Adobe Animate in the class)

The up one picture is the editing screen of Adobe Animate during the class. The class speed is a little bit fast for me so I ask lecture to check my work many times and finally I understand it.

(Editing Screen of Adobe Animate in the class 2)

First, make a Grand layer and make the line that ball follow.

(Editing Screen of Adobe Animate in the class 3)

(Editing Screen of Adobe Animate in the class 4)

(Editing Screen of Adobe Animate in the class 5)

Second, make the ball and I created the ball's movement frame by frame. I made the frames more detailed as the ball gets closer to the peak of its movement. Finally, in the first bound I used 7 frames, second bound 8 frames, third 6 frames and the last bound I used 4 frames, totally I used 25 frames for the ball movement.

Finally, I understand how to use adobe animate, but I needed to create the reference line for the ball's trajectory as a proper curve, and for my own review, I made the bouncing ball animation again after class.

The editing screen for my reviewing image is below.

(Editing Screen of Adobe Animate for review)

Total frames are same us during class one but this time I remake carefully thought through the ball's movement and other aspects to create a smoother animation.

(Completed animation of Exercise1)

At the end, my animation be like this.

In this Exercise, I didn't know how to change the FPS in Adobe Animate, and while creating the frames, I sometimes lost track of how much I had done, and I Adjusting the ball's position in very fine detail, those are not very difficult but its too thought for me. But Finally, I 100% understand about week2 lecture.

Exercise2 : Squash and Stretch Ball With Tail Animation

In this exercise, we need to make animation about the bounding ball with tail by using Adobe Animate.

(Editing Screen of Adobe Animate for Exercise2)

(Editing Screen of Adobe Animate for Exercise2 2)

(Editing Screen of Adobe Animate for Exercise2 3)

First, create the floor and the ball's trajectory line, just like in Exercise 1. And, I created a total of 34 frames for the bouncing ball animation. In this animation I select 12 FPS because I thought it would result in the smoothest bounce for the ball.

(Editing Screen of Adobe Animate for Exercise2 4)

The difference from Exercise 1 so far is that in this bouncing ball animation, the shape of the ball deforms, creating a better sense of impact as it bounces off the ground.

(Editing Screen of Adobe Animate for Exercise2 5)

For the next step of bounding ball animation, attach a tail to the ball and draw it in each frame.

(Editing Screen of Adobe Animate for Exercise2 6)

When attaching the tail, I made sure that, as shown in the image above, the tip of the tail always touches the tip of the tail from the previous frame as the ball bounces.

(The completed animation for Exercise 2)

The completed animation for Exercise2.

In this exercise, it was challenging to consider both the shape of the ball during the bounce and the movement of the tail. As for the shape of the ball, I had to ensure that no matter what shape it took, it remained the same size as the original ball. To achieve this, I kept the initial ball constantly visible as a reference and created the animation, making sure the size didn’t change.

Through Exercises 1 and 2, I was able to learn the fundamental aspects of animation.