Advanced Interactive Design / Exercise 01 - Asset Creation

-

Exercise 01/ DST60804 / Advanced Interactive Design

-


03.4.2026 -17.5.2026 (week 2 - week 4) 
Low Xin Er / 0374596 / Bachelor of Design in Creative Media

Advanced Interactive Design / Exercise 01 - Asset Creation

Module Information

Submission
Adobe Animate file：drive link

Instructions
  • Objective: Design a functional "Smart Assistant" avatar or UI widget using vector tools.
  • Task: Using the drawing tools in Adobe Animate (Pen, Oval, Rectangle), create a character 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.

Submission Requirement:
  • Upload the .fla file in your Google Drive
  • Attach the link in your e-portfolio
  • Submit your e-portfolio link.
Progress

I began by researching cute mouse character designs online, particularly inspired by Ratatouille's style. I collected reference images of standing mice, chef hats, and chibi/kawaii character proportions to understand how to create an appealing, animation-friendly design.
Disney Ratatouille Toys, Playroom Furniture and Children's Tableware - JeminiCheesy Mouse Fun An Adorable Cartoon Illustration PNG Images | PNG Free Download - Pikbest

Using Adobe Animate's drawing tools, I started sketching the basic shapes of my mouse chef character. I focused on creating simple geometric shapes - circles for the head and body, ovals for the ears, and basic limb structures.


I refined the proportions and added details such as facial features (large eyes, small nose, smile), the chef's hat, and defined the limbs more clearly. I experimented with different poses to find one that looked friendly and suitable for animation.




To prepare for animation, I organized different body parts into separate layers in Adobe Animate. I created individual layers for: head, chef hat, body, left arm, right arm, left leg, right leg, and tail. This layer separation is essential for creating smooth character animations later



Submission
Adobe Animate file：drive link


Reflection

Throughout this character design project, I gained valuable experience using Adobe Animate's drawing and layer management tools to create an animation-ready mouse chef character. The process taught me the importance of balancing simplicity with personality—using basic geometric shapes and chibi proportions made the character both appealing and practical for animation. One of the most significant lessons was understanding why proper layer separation is essential; organizing each body part (head, hat, body, limbs, and tail) into individual layers initially seemed tedious, but proved crucial for efficient animation workflow. Working with the Brush Tool and Paint Bucket Tool improved my digital illustration skills, and I learned how thoughtful color choices contribute to character appeal.


Comments

Post a Comment

Popular posts from this blog

Typography - Task 3: Type Design and Communication

-
Image
  Jun, 9 ,2025 TYPOGRAPHY｜Task 3:Type Design and Communication ||    0 9 /06/25 – 28/06/25 (Week 8-Week 10)  ||    Low Xin Er , 0374596 ||   Typography ||   Type Design & Communication TABLE OF CONTENTS 1.0 Instruction 2.0 Lecturers 3.0  Progress of Work 3.1 Research and ideation 3.2 Exploration & Sketch 3.3 Digitalize  & Final 3.4 Layout explore  3.5 Adjustment 3.6 Final Design 4.0 Feedback 5.0 Reflection 6.0 Futher Reading 1.0 Instruction 2.0 Lecturers The complete notes can be viewed at  Task1 Blog 3.0 Progress of Work Progress Sketches Fig3.1.sketches of a,b,g,t ( 09/06/2025 week 8) Fig.3.2.  4 types designs （11/6/2025 week 8） Fig.3.3. sketches of final design series (16/6/2025 week 9) Fig.3.4.detail dissection of the letters (16/6/2025 week 9) Observation: Since font designs have a certain balance and symmetry, the circles or lines used in the ins...
Read more

Illustration & Visual Narrative -Task4 Final Project

-
Image
30 June 10, 2025 Illustration & Visual Narrative ||      Low Xin Er (0374596)  ||      Week 11-Week 14  ( 30/6/25 - 21/7/25 ) ________________________________________________________________________________ Table of Contents 1.0 Lectures 1.1 3Acts structure 1.2 Transition 2.0 Tutorials 2 .1  Final Task  Briefing 3.0 Pratical 3.1 Quote 3.2 Moodboard/Storyboard 3.3 Process 3.4 Outcome 3.5 Documentation 4.0 Reflection ________________________________________________________________________________ 1.Lectures 1.1 3Acts Structure 1.2 Transition  Hieronymus BOSCH Continuity Participation of the reader Scott McLoud’s transitions 01 Moment to Moment 02 Action to Action 03 Subject to Subject 04 Scene to Scene 05 Aspect to Aspect Point of View ________________________________________________________________________________ 2.Tutorials 2.1 Briefing   1. For the  Final Project  of this course, you are required to create a poe...
Read more

DIGITAL PHOTOGRAPHY AND IMAGING -WEEK12

-
Image
07 July ,2025 DIGIT.PHOTO & IMAG. | WEEK 12:  FINAL PROJECT ||   07 /07/25 – 13/07/25 (Week 12)  ||   Low Xin Er , 0374596 ||   Digital Photography & Imaging ||    Week 12: Magic Lock Screen Animation Upload 1.Lectures - 2.Tutorials Project Consultation 3.Pratical Upload outcome lock screen animation on YouTube Youtube link:  https://youtube.com/shorts/fcsrgfFlwK0?feature=share 4.Reflection This work has finally come to an end. Looking back at how I completed the work step by step, I have gained a lot. Designing a thematic mobile phone dynamic wallpaper is a very fresh experience. It took a lot of time from conception to completion of the video, and I also learned a lot of skills in operating Adobe Photoshop.
Read more