Project 2 - Motion Graphics

21 Feb 2026 - 7 March 2026 ( Week 3  - Week 5 )

Hsu Myat Wati | 0381660 | Bachelor of Design (Hons) in Creative Media
Information Design | Taylor's University

Exercise 3 (Bar chart)

I changed the color and the way the information is displayed for a bit. I also tested out using different time frames for each of the bars and the lines of the chart. 

Exercise 4 (Kinetic Typography)

Our group had a first meeting to discuss the color font and layout we're gonna use for our group project. At first, we were not sure whether to go with the meaning of the song or the beat of the song. After discussing, we decided to go with the vibe and rhythm of the song.
After that, we moved on to separate the roles. Each of us is in charge of minimun four lines.



Then, I started working on my own part. I decided to apply the things I've learned through the YouTube video that our lecturer provided. 


This is the final version of my part. After our lecturer's feedback on the transition of my part and the previous one, we decided to add a transition in between. So, I exported the file without the first phrase of the line. 


Final Group submission


Exercise 5 (Vector Animation)

Process in Adobe Illustrator

Firstly, I downloaded the Photoshop file and imported it into Illustrator. I tried to separate the layers that I wanted to animate into individual layers in Illustrator. 

Process in After Effects

Then, I imported the layers into After Effects and started to animate using key frames for position, rotation, and puppet tool. 


Final vector animation

Comments

Post a Comment

Popular posts from this blog

Advanced Typography - Final Compilation & Reflection

Image
23 September  2025 - 29 December 2025 ( Week 1 - Week 14 ) Hsu Myat Wati |  0381660   | Bachelor of Design (Hons) in Creative Media Advanced Typography | Taylor's University Table of contents Instructions Task 1: Exercises Task 2: Key Artwork & Collateral Task 3: Type Exploration and Application 2. INSTRUCTIONS Submission Task 1: Exercises Task 1A: Exercise 1_Typographic Systems Fig 1.1.1 - Final Axial System (JPEG) ( Week 2 - 3 Oct 2025 ) Fig 1.1.2 - Final Radial System (JPEG) ( Week 2 - 3 Oct 2025 ) Fig 1.1.3 - Final Dilational System  (JPEG)  ( Week 2 - 3 Oct 2025 ) Fig 1.1.4 - Final Grid System  (JPEG)  ( Week 2 - 3 Oct 2025 ) Fig 1.1.5 - Final Random System  (JPEG)  ( Week 2 - 3 Oct 2025 ) Fig 1.1.6 - Final Modular System  (JPEG)  ( Week 2 - 3 Oct 2025 ) Fig 1.1.7 - Final Transitional System  (JPEG)  ( Week 2 - 3 Oct 2025 ) Fig 1.1.8 - Final Bilateral System  (JPEG)  ( Week 2 - 3 Oct 2025 ) Fig...
Read more

Advanced Typography - Task 3: Type Exploration and Application

Image
17 Nov  2025 - 15 Dec 2025 ( Week 9 - Week 13 ) Hsu Myat Wati |  0381660   | Bachelor of Design (Hons) in Creative Media Advanced Typography | Taylor's University Table of contents Lectures Instructions Task 3 Feedback Reflections Further Readings 1. LECTURES Week 9 Font construction 1 Font construction 2 Week 11 How to design punctuation 2. INSTRUCTIONS 3. TASK 3 Week 9 (Proposal) Fig 3.1 - Task 3 Presentation Ideas Proposal ( Week 10 - 19 Nov 2025 ) After our lecturer's feedback, I decided to proceed with idea 3 to expand my task 2 word mark. Concept  When I was designing this typeface, I decided to position it for an organic perfume brand because the visual language connects strongly with the idea of scent and nature. Perfume is something that cannot be seen but is experienced through feeling and emotion, so I wanted the font to suggest movement and softness rather than looking rigid or technical. Overall, my intention was to create a font that feels bold on the ...
Read more

Advanced Typography - Task 2: Key Artwork & Collateral

Image
14 Oct  2025 - 17 Nov 2025 ( Week 4 - Week 9 ) Hsu Myat Wati |  0381660   | Bachelor of Design (Hons) in Creative Media Advanced Typography | Taylor's University Table of contents Lectures Instructions Task 2 Feedback Reflections Further Readings 1. LECTURES Week 5: Perception & Organisation What is Perception in Typography Perception means how we see, understand, and interpret something. In design, what we see can be controlled or influenced by how it’s presented. In typography , perception is about how readers see and move through text using elements like contrast , form , and organization . The goal is to guide the viewer’s eye, create a clear understanding, and make the design interesting. Contrast Fig 1.1 - Contrast  https://pin.it/3iq593APZ Contrast means making things different so they stand out. It helps make text clear, organized, and visually appealing. Designer Carl Dair explained 7 main types of contrast in typography: ...
Read more