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.



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.
Fig2.1 Character Use Adobe Illustration

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.

Fig2.2 Process in After Effects

Face binding Effects in After Effects:


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)

We wanted to create a seamless and natural dynamic effect, so I let the x-axis and y-axis two lines through the radial erase effect out of the two sides of the objects and figures and then through the mask mask way from the x, y two lines extrusion, and finally a variety of weapons from the sky will be, through the arrangement of the way to make it look natural.

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

Fig5.1 Process in Adobe Premiere

1920*1080/60F/2m11s

Part 6. Dubbing and Final Outcome

Fig6.1 Dubbing by @Cao ZiYan

Final Outcome:


1920*1080/60F/2m11s 

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
我的世界 - 维基百科,自由的百科全书 (wikipedia.org)

Comments

Popular posts from this blog

Game Art - April 2025