Advanced Interactive Design exercise 3

        Exercise 3

Student Id:0379395

Student Name:HE KEHUA

Project Overview

I created an animated robotic dog using Adobe Animate. The character follows a blue and white color scheme to create a futuristic and friendly appearance. The goal of this project was to practice character construction, symbol management, layer organization, and animation techniques in Adobe Animate.

Design Concept

The robotic dog was designed as a smart companion robot. I chose blue and white as the primary colors because they are commonly associated with technology, intelligence, and cleanliness. The overall design combines mechanical elements with a cute and approachable appearance.

Steps

I first created the basic body structure using Adobe Animate's drawing tools such as the Oval Tool, Rectangle Tool, and Pen Tool. Different body parts including the head, ears, legs, tail, and body were separated into individual layers to prepare for animation.
Each movable body part was converted into a Movie Clip Symbol. This allowed the character to be animated efficiently while keeping the project organized.Examples of symbols created:Head,Ears.The project followed proper layer management practices. Every movable component was placed on its own named layer to make the animation process easier and more manageable.The robotic dog was animated using motion tweening techniques. A breathing animation was added by slightly scaling and moving the body repeatedly to simulate natural breathing. Additional subtle movements were added to make the character feel more alive.

Challenges Faced

One challenge was ensuring that all body parts moved smoothly without affecting other components. Proper symbol conversion and layer organization were important to achieve a clean animation workflow.

Another challenge was creating a breathing motion that looked natural rather than robotic. This was solved by adjusting the timing and easing of the animation.

Reflection

This exercise helped me improve my understanding of Adobe Animate's animation workflow, particularly in using Movie Clip Symbols and Motion Tweens. I also gained experience in organizing complex projects using layers and exporting interactive web-ready animations. Overall, the project strengthened both my technical skills and creative design abilities.

                                             





Comments

Post a Comment

Popular posts from this blog

Interactive Design Exercise 1

Image
Exercise 1 Week 1 Website Analysis For this exercise, I have selected five websites to review and analyze. The focus is on examining their design, layout, content, and functionality, while identifying strengths and weaknesses that influence the overall user experience (UX). Each analysis highlights the site’s purpose, main color palette, visual presentation, and interactive features, followed by an evaluation of how effectively the website communicates with its intended audience. Finally, recommendations are provided to suggest potential improvements for usability, performance, and brand impact. 1. https://www.juice.agency 2. https://culinaryodissey.uprock.pro 3. https://joseph-san.com 4. https://atom.uprock.pro 5. https://xlncdigital.com 1.   Website: juice.agency  （https://www.csswinner.com/winners） Purpose and Goals Juice is a creative branding and digital agency. Its main goal is to showcase its capabilities in branding, web design, and marketing, while also attracting po...
Read more

Spatial 2 assignment 1

Image
Here are the project what we shuld do. 🧠 Assignment Overview: You are required to conduct a precedent study and analysis of two retail stores: One international (overseas) store – researched online. One physical store – that you can visit in person. This assignment is individual and counts for 20% of your final grade. 🎯 Objective: To apply design processes critically and creatively by analyzing real-world retail environments. You will propose innovative, context-specific solutions that improve spatial quality, customer experience, and brand identity. 📌 Analysis Areas to Cover: Store Overview Name, location, and type (e.g., fashion, electronics, lifestyle) Brief brand history or background Design Features Layout: Floor plan sketch; how the layout guides flow and interaction Materials: What materials are used and their functional/aesthetic effect Lighting: How lighting contributes to mood and experience Color Scheme: How color supports brand identity and ambiance Brand Identity How...
Read more

Spatial design 2 FINAL

Image
Starbacks Name:HE KEHUA Student ID:0379395 This is my spatial design. This is my sketch at the beginning. This is my initial modeling. The teacher asked me to modify it. Put the order area at the door. Add a little designed locker to the empty area. After the teacher gave feedback, I revised and improved the content. Light In the last class, the teacher continued to give me some feedback, asking me to continue to make changes on my existing basis, slightly increase the children's area, the bad material of the floor of the service area, and install a window at the gate, and put two small mats under my two apple core cabinets. Here are the final project i made
Read more