Labels

Information Design | Final Project: Infographic Video Animation

03.02.2025 - 23.03.2025 / Week 1 - Week 7
Khu Ying Ying / 0357306
Information Design / GCD60504 / Bachelor of Design (Honours) in Creative Media
Final Project: Infographic Video Animation

TABLE OF CONTENTS







LECTURES

All lectures 1 to 4 are completed.

INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1qcvWirpSKBZb3TJZ9au3HDMinhAGDMQ3/preview" width="640" height="480" allow="autoplay"></iframe>

FINAL PROJECT: INFOGRAPHIC VIDEO ANIMATION

Week 1 (03/02/2025)

Requirements:
  1. Create a basic video animation and infographic report based on your FLIP group research, using a design framework to present key information effectively to your target audience.
  2. Design Considerations:
    • Organisation Principles: LATCH and content organisation.
    • Aesthetic Principles: Animation principles.
    • Cognitive Principles: Principles of visualisation.
  3. Output Expectation: 
    • Show causality.
    • Multivariate graphics and visuals.
    • Integrate word numbers and images.
    • Content count.
    • Within eyesight.
    • Use multiple charts.
    • Do not de-quantify.
  4. The video should be in 1920×1080 HD resolution and have a duration of 1.5-3 minutes.

Submissions:
  1. Upload the infographic video animation to your own YouTube channel.

Progress:

FLIP Group Research

FLIP Presentation:
After finalising our topic, Sea Pollution in Southeast Asia, we began distributing tasks for the FLIP presentation to ensure everything was prepared before the presentation day.
  • Introduction: Pricillia, Lizzie
  • Reasons Behind The Topic: Grabiela, Ying Ying (Me)
  • Objectives of the Video: Alya
  • Target Audience: Jordan
  • Key Information & Data: Rafa, Jovan
Figure FP.1: FLIP Presentation - Southeast Asia's Ocean Pollution, Week 3 (17/02/2025)


Miro Board: 
Lizzie and Pricill created a Miro board and added sections, including Introduction, Facts, Preventions, Moodboard, and Target Audience. Our task is to fill in the parts related to our FLIP topic. Below is the task distribution:
  • Introduction:
    • Definition: Pricillia
    • Facts and Figures of Sea Pollution: Grabiela
    • Sea Pollution in General: Pricillia
  • Sea Pollution in Southeast Asia:
    • General Information: Lizzie
    • Facts and Figures: Justin
    • Causes: Ying Ying (Me)
    • Actions Done: Rafa
  • Prevention of Sea Pollution: Lizzie
Figure FP.2: Miro Board, Week 4 (25/02/2025)

Week 4 (26/02/2025)

Pre-production

Storyboard:
Lizzie assigned roles to each group member to ensure everyone had a clear vision and target for completing the task. Rafa, Alya, and Grabiela were put in charge of creating the storyboard.
Figure FP.3: Storyboard (Initial), Week 5 (07/03/2025)

Before starting the animation, Lizzie, Pricillia, and I finalised the storyboard to ensure it fits within the 1.5 to 3 minutes duration.
Figure FP.4: Storyboard (Finalised), Week 6 (16/03/2025)


Script:
The script was initially assigned to Justin, Jovan, Jordan, Lizzie, and Pricillia. However, in the end, it was mainly handled by me, Lizzie, and Pricillia. 
Figure FP.5: Script, Week 6 (16/03/2025)

Week 6 (12/03/2025)

Production

Animation:
For the animation, Lizzie and I attempted to use Canva. However, we found it challenging due to Canva's limited animation tools. On the same day, we showed our Canva attempt to Mr. Shamsul, who advised us to create our own illustrations instead of using Canva's stickers and elements.
Figure FP.6: Attempt #1 - Canva Animation, Week 6 (12/03/2025)


We then switched to Adobe After Effects to create the animation. To manage the workload efficiently, we distributed tasks based on the script sections as follows:
  • Illustrate Elements: Pricillia
  • Animation: 
    • Intro: Lizzie
    • Causes & Impacts: Rafa, Lizzie
    • General Info, Prevention, Ending: Ying Ying (Me)
Before starting the animation, I used Adobe Illustrator to create the composition in separate layers, which I then imported into Adobe After Effects for the next steps.
Figure FP.7: Progress - Adobe Illustrator, Week 7 (21/03/2025)

The overall animation process was somewhat frustrating, but I learned how to use a new tool—the Puppet Tool. I was surprised by how it could make objects move with a jiggly effect (since I was animating the fish). Honestly, that part was fun. 
Figure FP.8: Progress - After Effects, Week 7 (21/03/2025)

For the audio part, I used Adobe Premiere Pro to sync the audio with the animation scenes.
Figure FP.9: Progress - Premiere Pro, Week 7 (21/03/2025)


Here are Rafa and Lizzie's progress on the animation.
Figure FP.10: Rafa's Progress, Week 7 (20/03/2025)

Figure FP.11: Lizzie's Progress, Week 7 (21/03/2025)


Voice-Over:
We had two characters for the voice-over: the narrator and Bob (the Nemo fish). Jovan was responsible for the narrator's voice, while Justin voiced Bob. Here’s the Google Drive link, which contains the voice-over files.

All the animation and voice-overs are available here: Google Drive.

Week 7 (21/03/2025)

Post Production

Video Compilation:
Jordan took charge of video compilation, including editing, sound effects (SFX), and assembling all the animation clips. Here is Jordan's progress on the SFX.
Figure FP.12: Jordan's Progress, Week 7 (23/03/2025)


Adding Subtitles:
Justin and Jovan were responsible for adding subtitles, with Lizzie providing suggestions on improving the subtitle font and effects. Here is progress on adding subtitles.
Figure FP.13: Adding Subtitles Progress, Week 7 (22/03/2025)

Week 7 (23/03/2025)

Final Submission of Final Project

All the documents are available here: Google Drive
Figure FP.14: Final Submission of Final Project - Infographic Video Animation (YouTube), Week 7 (23/03/2025)

FEEDBACKS

Week 3 (17/02/2025)

Specific Feedback: The overall presentation is good. You can use Canva for animations since it offers visually appealing themes and elements that align well with your target audience—children.

General Feedback: You can now proceed with the next steps, including storyboard development, video animation, and other preparations.

Week 6 (12/03/2025)

Specific Feedback: Mr. Shamsul asked us to create our own illustrations instead of using Canva's stickers and elements.

General Feedback: Complete the Final Project by Week 7.

REFLECTIONS

Experience
This group project has been exhausting—managing everything was no easy task. Not all group members contributed their parts, but despite the challenges, we still managed to complete the project before the deadline. I truly appreciate those who worked hard and put in real effort.

At the same time, I felt a bit confused during the feedback process, especially when we found out we couldn’t use Canva stickers or elements as we originally planned. In the end, we relied on Adobe software to complete the animation. Honestly, I would recommend using Adobe software over Canva, as Canva’s limited animation tools made it much harder to work with.

Observation
Using Canva for animation was challenging due to its limited tools, which slowed progress. Adobe software proved more flexible and effective for creating complex animations.

Findings
Working on this project allowed me to learn new tools, like Adobe After Effects' Puppet Tool, which enhanced my animation skills and made the process more enjoyable.

QUICK LINKS

Projects
Labels:

Comments

Post a Comment

Popular Posts