Advance Interactive Design: Exercises

30.4.2026 - 17.5.2026 / Week 1 - Week 4
Aw Wen Chia / 0368828
Advance Interactive Design / Bachelor of Design (Honours) in Creative Media / Graphic Design

---

TABLE OF CONTENTS

1. Instruction

2. Lecture 

3. Exercise

• Exercise 1
• Exercise 2
• Exercise 3

4. Feedback

5. Reflection

---

INSTRUCTION

---

LECTURE

Week 1:

We were briefed on the module and the assignments in it. He also gave us examples of the final assignment from our seniors and inspirational websites at https://thefwa.com/.

Week 2:

We learnt how to use Adobe Animate for the first time. Our first exercise was to make a beach ball in Adobe Animate and colour it.

Fig 1, Beach Ball I made in Animate

The next exercise is to recreate an image of a boat he provided.

Fig 2. Left (Reference), Right (My recreation)

Week 3:

no class (cancelled)

Week 4:

This week, we learn how to animate in Adobe Animate. Our task was to make a circle morph.

Fig 3, Circle Exercise

The next exercise was to make a spider crawl, I changed the spider's colour to pink because I like pink.

Fig 4, Spider Exercise

Fig 5, Spider Animation

back to the top

---

EXERCISE 1

In this exercise, we are tasked with making a character of our choice in Adobe Animate. I started off with the sketch, I decided to draw a robot.

Fig 6, Sketch

After finishing the sketch I started making the robot I named Gi-wi for fun in Adobe Animate. I also section the layers and turn it into symbols.

Fig 7, Progress

Fig 8, Final Character Exercise 1

Link for the Adobe Animate file in Google Drive:

https://drive.google.com/drive/folders/1z0PsTMaTlwYGtMPHd5zSV7s3t1xx3UHR?usp=drive_link

back to the top

---

EXERCISE 2

For the second exercise, we need to do an idle animation for our character we created in exercise 1. Since I made a robot, I wanted my robot to have robotic movements that were simple, as it was an idle animation. I continued using Adobe Animate.

Fig 9, Progress

Fig 10, Idle Animation

Link for the Adobe Animate file in Google Drive:

https://drive.google.com/file/d/10bBF1ZRdniqk0K7Lv0RAeLZfjh2nuMwP/view?usp=sharing

back to the top

---

EXERCISE 3

For the third exercise, we are suppose to make a button that triggers a different animation on the avatar we made earlier. I continued working on Adobe Animate.

Fig 11, Progress

Link for the Adobe Animate file in Google Drive:

https://drive.google.com/file/d/18paSmtJVMD-f65q-mYbTiVzn3ncNd0Y8/view?usp=sharing

back to the top

---

FEEDBACK

My tutor told me that I need to have the habit of grouping and naming my elements and layers so I do not lose track of them while doing my assignments.

back to the top

---

REFLECTION

Adobe Animate is hard, but I had some fun. I do think I have a much easier time navigating and doing my assignments on Animate, rather than Dreamweaver. This may be because I prefer working with elements and do not like working with text as I have a problem with spelling and typos. While it was hard to navigate the software, with time, I hope to improve my skills.

back to the top