Advanced Interactive Design - Exercise 2: The Motion

Name: Liong Xenyi (0383125)

Module: Advanced Interactive Design (DST60804)
Date: 11/05/2026 - 25/5/2026 (Week 4 - Week 6)
Degree: Bachelor of Design (Honors) in Creative Media
University: Taylor's University

Instructions
Objective: Give your character "life" through a continuous looping idle animation.

The Task: Create an "Idle State" for your character/avatar so it doesn't look like a static image.

Requirements:

Nested Animation: Double-click your main symbol to animate inside its own timeline.
The "Breathe" Effect: Use Classic Tweens to create a 40-frame loop.
Polishing: Apply Easing (Classic Ease In/Out) to the tweens so the movement feels organic and high-end, not mechanical.

Process

At first, I wanted to make a little drop of some items at the start. I made the eyes and mouth move by creating different keyframes and erasing the elements. I created a shape tween to make it seem like it's moving. Afterwards, I changed the scale of the ears and rotated the mic to make it move a little, and created a classic tween to make the transition smooth.

Fig 1.1 Process of making the idle animation

It was hard for me to make the animation smooth with 40 frames, so I extended the frames to 60 frames. However, I think I misunderstood and made the loop too short. So, to make it a smooth loop with only 60 frames, I removed the beginning animations so that it is a smoother loop. I also added ease in and out to some animations to make it smoother.