ADVANCED INTERACTIVE DESIGN - EXERCISES
20/4/26 - 14/6/26 (Week 1 - Week 8)
Lim Jia Xuan 0371026
Bachelor of Design (Hons) in Creative Media
DST60804 Advanced Interactive Design
Exercises
1.0 EXERCISES
1.1 EXERCISE 1 - Asset Creation
Objective: Design a functional "Smart Assistant" avatar or UI widget using vector tools.
The Task: Using the drawing tools in Adobe Animate (Pen, Oval, Rectangle), create a charactor or a central UI hub.
Requirements:
- Use Object Drawing Mode to keep shapes clean.
- The "Layer Rule": Every part that needs to move (eyes, arms, glowing core) must be on its own named layer.
Class Exercise - Animating a Spider
After Mr. Shamsul gave a tutorial on how to create a simple animation in class, he assigned us to animate a spider. The spider was animated using classic tween and motion tween, with easing effect adjustments to make the animation more lively. The first version of my spider did not have obvious movement in the spider’s legs, so Mr. Shamsul helped me improve it by shortening the FPS from 20 to 5.
Character Sketch
My Character was inspired by one of the characters from my IVN project. I skipped the resketching process and proceeded directly in Adobe Animate.
Final Character Design
After tracing the character, I organised and labelled each part of the character into seperate layers. Next, I converted each layer into a movie clip symbol.
Submission Link:
1.2 EXERCISE 2 - The Motion
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: Using 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.
Class Exercise - Transition
Motion - Idle State
.gif)
Submission Link:
1.3 EXERCISE 3 - Button Trigger
Update on(14/6/25)
The button and avatar work well individually, but when I link the button trigger to the avatar, it does not work. I have already checked the instance names and actions, and nothing appears to be wrong, but the interaction still does not function as expected.
Still waiting for the checking part from Mr Shamsul.
(I also tried another time with a different file, by changing its instance name and the name in the actions too. Unfortunately, it still doesn't work for me)
Netlify: Will be updated ASAP after finding out the problem..
Comments
Post a Comment