Information Design - Final Assignment

Week 1 - 7 (5/2/25 - 23/3/25)
Jessica Tjoe / 0361482
Information Design/ BDCM/ Institute of Innovation and Technology
Final Assignment

Instructions

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

Flip presentation

Our task was to choose a topic and do a presentation on it. After we finished presenting it we were given the task of having to do our final assignment based on it which was to make an animated infographic video.

Chosen topic: Coffee Culture 

LATCH:
L - Location
T - How many times the coffee beans have been harvested
C - Origin of harvested coffee beans
H - Which area drinks the least to the most coffee

Research

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


Flip Presentation


- End of Flip Presentation- 


The Video

First things first we had to make the storyboard and the script. However I may have rigged a Live2D model before that for the sake of making our lives easier so that we wouldn't have to animate scene by scene. No, I'm not going to explain how to draw the model and separate the layers, its a coffee bean with a face for god's sake! Its already as simple as it is. 


Figure 0.0: Coffee bean_rigging in live2D

When it comes to making Live2D models the first thing you want to do is create meshes and parameters. Please actually do create meshes and parameters, your future-self will thank you. 
I started off with the eyes and made it so that they can blink, and smile. After that I did the body which I forgot to record. 

Once body movement was set, use the warp deformer to position the eyes. Double check that you have synthesized the corners you won't regret the extra step. 
Mouth open should be rather easy to rig its literally opening and closing the mouth. Now continuing on make the mouth forms with a frown to default to smile. After that combine the 2 parameters together and synthesize the corners and work on it from there. The main take away is to make sure that the whole model doesn't look awkward in moving. 


Figure 0.1: Coffee bean_Mouth rigging


Once you've finished the mouth rigs, rig the thing at several angles matched with the face. 
Figure 0.2: Coffee Bean_Mouth Position rigging

Test out model in physics settings. Use mouse to move it around or the animated patterns.

Figure 0.3: Physics settings_test



Storyboard and Script

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

Wing kie and Ilhan did their best to write the script. Simplifying the information at hand and working it into easily digestible facts for the viewer.  

I made a model showcase using canva and Vtube studio. All recorded using streamlabs obs and then put together in adobe premiere pro.


Figure 0.4: Coffee bean model showcase

You can download the vtuber model here!


Figure 0.5: Final scene

Sahibur did most of the video's assets. I mainly helped out with the structure of the first scene and the final scene. 

Voice-overs

CAST:
- Sahibur as Brewster
- Jessica (Me) as Phin
- Cheng Yue as Café
- Ilhan as Kahvi

We gathered at my apartment to record the lines. We took turns recording the lines on both stream labs OBS and adobe audition. Using the footage recorded on stream labs we had a green screen on the back in order to chroma key out the coffee beans so they could be placed on different backgrounds. We recorded all the lines separately and I sent that to my friends for editing. 

Figure 0.8: Recording the beans on green screen

Final stages Editing

Figure 0.6: Editing WIP_adding subtitles

Cheng Yue did an amazing job overlaying the audio with the animation and the sub-titling. We had a few hiccups here and there but Elysa managed to pull through with the audio work and editing til the last minute!  
 

The Final Video 


Figure 0.7: Information Design: Project 2 (Group 5, Team 4) - Coffee Culture

Reflection

Observation
Group work is exhausting. Its hard to get all of the members into 1 meeting. Some members being really busy considering the other subject was major project 1. 

Findings
I learned a lot about the thing I drink almost daily. The people in Finland turned out to be built different. I didn't know that they drank that much coffee. I definitely learnt more about a niche topic than I would in a normal semester. 

Experience
I kind of wish we had more time I guess. We were under a lot of pressure to get this done in time. 










Comments

Post a Comment

Popular posts from this blog

Information Design - Exercise 1

Image
Week 1 - 2/7/25 Jessica Tjoe / 0361482 Information Design/ BDCM/ Institute of Innovation and Technology Exercises  Instructions <iframe src="https://drive.google.com/file/d/18ZbFRYA_RldeKabEIgx7oSZinkB_JJ8q/preview" width="640" height="480" allow="autoplay"></iframe> - Quantify raw data and visualize information as a photograph - Visual representation of numerical data that allows for easy interpretation and analysis. Instruction: Gather a set of objects and separate it into category such as color, shape, pattern, and other quantifiable factor. Example: 1. Box of Lego 2. Jar of button 3. Jar of marble ball 4. Set of colourful rubber strap & more. In this exercise you're required to quantify our chosen objects and arrange them into a presentable layout or chart. The information must be presented as is, and you need to arrange the objects with relevant indicators written o...
Read more

Information design - Project 1 & 2

Image
Week 3 - 5 (17/2/25 - 10/3/25) Jessica Tjoe / 0361482 Information Design/ BDCM/ Institute of Innovation and Technology Project 1 & 2 Instructions <iframe src="https://drive.google.com/file/d/18ZbFRYA_RldeKabEIgx7oSZinkB_JJ8q/preview" width="640" height="480" allow="autoplay"></iframe> Lecture Week 4 - Directive's manifesto What is  Directive's manifesto:   provides a working list that can help provide clarity on what Information Visualization through 9 directives, why information visualization differs from information art or infographics. 1. Form follows function 2. Interactivity is key 3. Cite your source 4. Power of narratives 5. Do not glorify aesthetics 6. Look for relevancy 7. Embrace time 8. Aspire for knowledge 9. Avoid gratuitous visualizations How to have a constructive w...
Read more

Game Art - Art bible - Final Compilation

Image
Week 15-16 Jessica Tjoe / 0361482 Game art/ BDCM/ Institute of Innovation and Technology Final Compilation  Instructions <iframe src="https://drive.google.com/file/d/1cUEykU-7-sHzba2V9WJoe5rY1406R5Vj/preview" width="640" height="480" allow="autoplay"></iframe> Game studies Figure 4.0: Game studies 1_No Straight Roads Figure 4.1: Game studies 2_Guilty Gear Strive Game studies 3_Zenless Zone Zero Concept Refinement Figure 4.3: Character refinement front view Figure 4.4: Character Refinement_3/4 view Character Variations ...
Read more