Information Design - Final Project: Animated Inforgraphics | Group5
|| 28.02.2024 - 29.03.2024 / week 6 - week 8
|| Chen Tian Yao / 0367550
|| Information Design / Bachelor of Design (Hons) in Creative Media
INSTRUCTIONS
FINAL PROJECT: ANIMATED INFORGRAPHICS
Topic: Minecraft - The Beginner's Guide.
Final YouTube Link: https://www.youtube.com/watch?v=SnVOCxJvuUI
Team Members:
[1] Cao Zi Yan (03601080)
[2] Chen Tian Yao (0367550)
Part 1. Script Breakdown and Story board
We wanted to design a script for travelling to the game Minecraft to allow the audience to better bring in perspective.
The script was designed in three parts:
1.the beginning (travelling to the game),
2.the tutorial (how to check your version/get food/build weapons),
3.the end.
Script
Storyboard
Part 2. Character Design
We need to design a character to show travelling into the game world and help us use the script better.
In order to make the footwear more vivid, I wanted to create facial bindings for her, so in ADOBE ILLUSTRATION I put each of her parts, such as the eyes, eyeballs, nose, and mouth in a separate layer and used the plugin JoySticks in Adobe Effects to bind the face.
Part 3. Charting and Animated
We want to make two tables that show the different versions of the game and the damage of the weapons in the game.
We took the option of first completing the table in Adobe Photoshop and animating it in After Effects.
![]() |
Fig 3.1 Game Version Table in Photoshop by @Cao ZiYan(03601080) |
![]() |
Fig 3.2 Weapon Table in Photoshop by @Cao ZiYan(03601080) |
Fig 3.3 Weapon Table in After Effetcs |
Fig 3.4 Weapon Table in After Effects |
To ensure that the voice and the picture could be synchronized, I used a voice generation website to generate a voice to go along with the voice to create the picture.
Animation of Version Table:
Animation of Weapon Table:
Part 4. Screenshot in Minecraft and Synthetics in After Effects.
Following the script, I needed to insert characters into the collected screenshots of the game to better the narrative. I needed to adjust the tone and brightness of each photo and character with various tools to make sure the characters blended in and add movement and shadows to each character to bring them to life.
![]() |
Fig 4.1 Screenshot in Video Game Minecraft |
For example, in the first scene I adjusted the overall saturation and exposure to make the image more harmonious and added shadows to the character to make it seem as if she was actually lying on a bed. Finally, I animated the camera and added visual shaking to the camera to add a dynamic aesthetic to the static image.
![]() |
Fig 4.2 Process in After Effects |
Act 1 Outcome:
Part 5: Demo in Adobe Premiere
YouTube Link: https://www.youtube.com/watch?v=6-4vUXaSwJk&t=2s
1920*1080/60F/2m11s
Part 6. Dubbing and Final Outcome
![]() |
Fig6.1 Dubbing by @Cao ZiYan |
Final Outcome:
Feedback
none
Self-Reflection
During this assignment, I realized the critical importance of team communication. Good communication ensures clear transmission of information, promotes co-operation and collaboration, and strengthens team cohesion. However, sometimes communication may be affected by factors such as time constraints, information asymmetry or personal differences, leading to misunderstandings and conflicts. Therefore, timely and clear communication, as well as respecting and understanding the views and needs of team members, are areas for continuous attention and improvement.
Further Reading
Comments
Post a Comment