Skip to main content

INFORMATION DESIGN | FINAL PROJECT — INFOGRAPHIC VIDEO ANIMATION


Week 2 – Week 7 | 10/02/25 – 23/03/25
Emily Soh Ching-Ling | 0359478
Bachelor of Design (Honours) in Creative Media
Information Design | Section 01 | GCD60504
Final Project — Infographic Video Animation

TABLE OF CONTENTS 


1.0 INSTRUCTIONS 


2.0 LECTURES 

*Sidenote: All lectures have been completed in Exercises.

3.0 FINAL PROJECT — INFOGRAPHIC VIDEO ANIMATION 

Instructions:
  1. Based on the FLIP presentation topic agreed upon (any topic), produce an animated infographic video with the purpose of:
    1. Creating awareness (e.g. "Global Warming", "Recycling"). OR
    2. Explaining a process (e.g. "how to" video). OR
    3. Defining a concept (e.g. "What is Fast Fashion").
  2. Your video should:
    1. Show casualty.
    2. Multivariate graphics and visuals.
    3. Integrate words, numbers, images, and charts.
    4. Not de-quantify.
  3. Requirements:
    1. Software: Any time-based software.
    2. Resolution: 1920 × 1080 px.
    3. Time: 1.5–3 minutes.
  4. Submission: Post on YouTube (unlisted).

3.1 RESEARCH & FLIP PRESENTATION

Figure 3.1-1: FLIP Presentation — Stereotypes Against Gen Z, Week 2 (10/02/25)
*Unfortunately, no recording.

TASK DELEGATION:

  • Introduction: Edita (research, presentation).
  • Why This Topic: May Sheen (research), Yan Ling (research, presentation).
  • Objectives: Emily (research, presentation), Zi Qi (research).
  • Target Audience: Graciella (research, presentation).
  • Key Information & Data: Cindy (research), J Xin (research), Aisya (research, presentation).
  • Conclusion: Aisya (presentation).

Based on Mr Shamsul and Mr Fauzi's recommendation, we narrowed down our target audience to working people so that our video will be more specific. 

Figure 3.1-2: Miro, Week 4 (24/02/25)

Figure 3.1-3: Animation Style Reference, Week 4 (24/02/25)

We had a poll deciding what style of animation and title we would go with. The results:
  • Title: Workplace Survival 101: Gen Z Edition.
  • Animation Style Reference: It was a close decision between #1 and #3, but #3 won by a smidge. No line art, solid shapes, with sketchy background elements. The colour palette for #3 is a bit dull, so we went with brighter, more saturated colours like #1.

We also split our tasks while we were at it. Yan Ling and I will be editors. Yan Ling will gather the background music and sound effects, I will put everything together.

3.2 PRE-PRODUCTION

Figure 3.2-1: Script, Week 5 (05/03/25)
Written by: J Xin, Graciella, Aisya

Figure 3.2-2: Storyboard, Week 6 (10/03/25)
Storyboarded by: Cindy, May Sheen | Compiled by: Emily

3.3 PRODUCTION

Figure 3.3-1: Animation WIP, Week 7 (21/03/25)
Animated by: Edita, Zi Qi

Figure 3.3-2: Example of Audio & Video Not Synching, Week 7 (21/03/25)

I was sent part of the animation to edit as the other half would take some time. Unfortunately, the animation was done before the voiceover was edited, meaning some scenes were too long or too short when overlayed with the V/O. The animation will need to be adjusted so that the audio and video sync up.

3.4 POST-PRODUCTION

3.4.1 VOICEOVER

Figure 3.4.1-1: Voiceover, Week 7 (21/03/25)

First order of business is to stitch together the V/O (done by May Sheen). I fiddled around with the speed of the V/O until satisfactory. 175% seems to be the limit of how fast it can go before the words become illegible. I kept the speed at 165% and pitched down May's voice in Pitch Shifter to prevent her from sounding like a chipmunk.

Figure 3.4.1-3: Local Uni Student Has a Heart Attack, More at 10, Week 7 (22/03/25)

Midnight crisis in which none of my Premiere Pro files and backups can be opened. Adobe really must hate me because I'm already using the latest version of Premiere Pro. Thank goodness I exported the audio as a safety measure.🫠 The only way of opening my file risks corrupting the assets, so I cut my losses and continued working on a new file. Which also had the same exact problem once I closed it. 

I will throttle someone if this happens again. At least the V/O is completed. I sent Zi Qi the edited V/O so that she could adjust the animation.

Figure 3.4.1-4: Synced Animation & V/O, Week 7 (23/03/25)

Figure 3.4.1-5: CapCut, Week 7 (23/03/25)

I wasn't going to risk the same issue happening again, so at my group mates' suggestion, I transferred my progress to CapCut. I haven't used this software before, but the learning curve was moderate as the layout is quite user-friendly. 

3.4.2 BACKGROUND MUSIC & SOUND EFFECTS

Figure 3.4.2-1: BGM & SFX, Week 7 (23/03/25)
Audio Gathered by: Yan Ling | Spreadsheet
*Not all audio in the spreadsheet were used.

Originally, the plan was to use Calm Loop (by DragonTrance) during the summary of Gen Z's traits scene (storyboard panels #22–25). However, Calm Loop was too intense for a conclusion scene. The audio reminded me of old-school video game ambience, so I relocated it to the interview scene (storyboard panels #10–18), where the Old Man was grilling the Gen Z Worker. 

As for the SFX, 80% of it was swiping and zooming sounds for the transitions and when important text pop up. I try to keep only necessary SFX that convey information in the video, such as an old man grumbling and a baby babbling during the age comparison scene (storyboard panel #3).

3.4.3 END CREDITS & FINALISING

Figure 3.4.3-1: End Credits, Week 7 (23/03/25)
Animated by: Emily

Made an end credits sequence in Canva. The video is already quite long, so I kept it brief.

Figure 3.4.3-2: Transitions, Week 7 (23/03/25)

The animation team already added transitions between scenes, so the only ones I added were a fade-in-from-black at the start and a slide-down to connect the animation to the end credits.

3.5 FINAL SUBMISSION


Figure 3.5-1: Final Project — Video (Final Submission), Week 7 (23/03/25)

4.0 FEEDBACK 

4.1 WEEK 2

Specific Feedback (Mr Shamsul & Mr Fauzi): 
  • Very interesting topic. Good preparation.
  • Target audiences should be more niche so that your infographic can be more specific. The target audience is good because it puts down a POV for the lecturers.
  • The final infographic can be tweaked to be something like “Survival Guide for Gen Z in Workplaces”, with the target audience being Gen Z.

4.2 WEEK 6

Specific Feedback (Mr Shamsul): 
  • @ Characters: OK. Looks well constructed.
  • To-do: Start on the animation and voiceover.

5.0 REFLECTION 

The animation and V/O not syncing was a major time loss that could've been avoided had we a better project management timeline at the start. How I managed to cram all of the editing into less than two days beats me. Despite the time crunch, I enjoyed doing the sound design. It is a logical type of art. Perhaps I will do sound design one day.

9/10.😇

Labels:

Comments

Post a Comment

Popular posts from this blog

MAJOR PROJECT II | COMPILATION

Week 1 –  Week 7 | 03/02/25 – 22/03/25 Emily Soh Ching-Ling | 0359478 Bachelor of Design (Honours) in Creative Media Major Project II | Section 06 | PRJ64804 Compilation TABLE OF CONTENTS  1.0 INSTRUCTIONS 2.0 COMPILATION       2.1 PROJECT RECAP     2.2  PRE-MPII PROGRESS     2.3 MAJOR CHANGES SINCE MPI     2.4 ENVIRONMENTAL ASSETS     2.5 CHARACTER ASSETS (SCRAPPED)      2.6 FINAL SUBMISSION 3.0 FEEDBACK 4.0 REFLECTION 1.0 INSTRUCTIONS  2.0 COMPILATION  Instructions: 2.1 PROJECT RECAP This is a continuation of Major Project I . I will be working on the VR game, Quest of Twelve , with the same group members: Emily Soh Ching-Ling, me  (Digital Animation). Lim En Yu (Digital Animation). Low Li Vern  (Digital Animation). Ng Kar Yee (Immersive Design). Quest of Twelve  is an educational 3D VR game about the twelve Chinese animal zodiacs. The player is introduced to the Chinese zodia...
Post a Comment
Read more

MAJOR PROJECT I | TASK 3 — CONCEPT PRESENTATION

Week 6 –  Week 7 | 11/03/25 – 18/03/25 Emily Soh Ching-Ling | 0359478 Bachelor of Design (Honours) in Creative Media Major Project I | Section 01 | PRJ64904 Task 3 — Concept Presentation TABLE OF CONTENTS  1.0 INSTRUCTIONS 2.0 TASK 3 — CONCEPT PRESENTATION     2.1 ENVIRONMENT DESIGN PIPELINE      2.2 FINAL SUBMISSION 3.0 FEEDBACK      3.1 WEEK 7 4.0 REFLECTION 1.0 INSTRUCTIONS  2.0 TASK 3 — CONCEPT PRESENTATION  Instructions:   Project Integration & Feasibility: Clearly define the project concept. Highlight how it evolved from Task 1 to Task 2. Demonstrate how initial ideas were refined and expanded upon (iterative design and technical research). Design Execution & Development: Showcase the final design/concept art (character model sheets, character poses and expressions, environment design, storyboards, animatics, etc.). Provide visual evidence (e.g. mood boards, wireframes, breakdowns, animation previews). Explai...
Post a Comment
Read more

ANIMATION FUNDAMENTALS | PROJECT 1 — PRE-PRODUCTION FOR 2D ANIMATION

Week 4 –  Week 8 | 15 /10/25 – 12 /11/25 Emily Soh Ching-Ling | 0359478 Bachelor of Design (Honours) in Creative Media Animation Fundamentals | Section 01 | GCD61104 Project 1 — Pre-Production for 2D Animation TABLE OF CONTENTS  1.0 LECTURES     1.1 WEEK 4 — ANIMATION PRINCIPLES (PART 3) 2.0 INSTRUCTIONS 3.0 PROJECT 1A — CHARACTER DESIGN     3.1 CHARACTER INFORMATION     3.2 RESEARCH & CHARACTER DESIGN     3.3 CHARACTER TURNAROUND SHEET     3.4 CHARACTER POSES SHEET     3.5 CHARACTER FACIAL EXPRESSIONS SHEET      3.6 FINAL SUBMISSION 4.0 PROJECT 1B — BACKGROUND DESIGN     4.1 RESEARCH     4.2 SKETCHES & WIP     4.3 FINAL SUBMISSION 5.0 FEEDBACK     5.1 WEEK 5     5.2 WEEK 6 6.0 REFLECTION 1.0 LECTURES  1.1 WEEK 4 — ANIMATION PRINCIPLES (PART 3) Animation Principles (Part 3) 6. Appeal: Definition: Likable qualities; charisma for animated draw...
Post a Comment
Read more