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

DIGITAL PHOTOGRAPHY & IMAGING | PROJECT 4 — SELF-TITLED

Week 10 –  Week 14 | 28/11/23 – 26/12/23 Emily Soh Ching-Ling | 0359478 Bachelor of Design (Honours) in Creative Media Digital Photography & Imaging | Section 05 | GCD61204 Project 4 — Self-Titled TABLE OF CONTENTS  1.0 LECTURES     1.1 WEEK 10 — INTRODUCTION TO AFTER EFFECTS 2.0 INSTRUCTIONS 3.0 WEEKLY EXERCISES     3.1 AFTER EFFECTS EXERCISE 4.0 PROJECT 4 — SELF-TITLED     4.1 IDEA DEVELOPMENT     4.2 DESIGN DIRECTION     4.3 DIGITAL POSTER     4.4 EXECUTION & POST-PRODUCTION 5.0 REFLECTION     5.1 EXPERIENCE     5.2 OBSERVATIONS     5.3 FINDINGS 1.0 LECTURES  1.1 WEEK 10 — INTRODUCTION TO AFTER EFFECTS WHAT IS AFTER EFFECTS: Adobe After Effects:  A 2.5D animation software for animation, visual effects, and motion picture compositing. Uses:   Film, TV, web video creation. Used in the post-production phase. Allows the user to combine layers of videos and images in ...
Post a Comment
Read more

ANIMATION FUNDAMENTALS | EXERCISES

Week 2 –  Week 4 | 01/10/25 – 15 /10/25 Emily Soh Ching-Ling | 0359478 Bachelor of Design (Honours) in Creative Media Animation Fundamentals | Section 01 | GCD61104 Exercises TABLE OF CONTENTS  1.0 LECTURES     1.1 WEEK 1 — INTRODUCTION     1.2 WEEK 2 — ANIMATION PRINCIPLES (PART 1)     1.3 WEEK 3 — ANIMATION PRINCIPLES (PART 2)     1.4 WEEK 4 — ANIMATION PRINCIPLES (PART 3) 2.0 INSTRUCTIONS 3.0 EXERCISE 1 — BOUNCING BALL     3.1 PROGRESS      3.2 FINAL SUBMISSION 4.0 EXERCISE 2 — BALL WITH TAIL     4.1 PROGRESS      4.2 FINAL SUBMISSION 5.0 FEEDBACK     5.1 WEEK 3     5.2 WEEK 4 6.0 REFLECTION 7.0 FURTHER READING     7.1 WEEK 3 — THE BOUNCING BALL WITH A TAIL 1.0 LECTURES  1.1 WEEK 1 — INTRODUCTION We were introduced to Animation Fundamentals along with the expectations and objectives of the module. We were also shown examples of our seniors' works and ...
Post a Comment
Read more

VIDEO & SOUND PRODUCTION | FINAL COMPILATION

Week 1 –  Week 15 | 26/04/24 – 04/08/24 Emily Soh Ching-Ling | 0359478 Bachelor of Design (Honours) in Creative Media Video & Sound Production | Section 03 | VSP60104 Final Compilation TABLE OF CONTENTS  1.0 PROJECT 1 — AUDIO EDITING EXERCISES     1.1 EXERCISE 1 — AUDIO DUBBING     1.2 EXERCISE 2  — SOUND SHAPING 2.0 PROJECT 2 — SHOOTING & EDITING     2.1 PROJECT 2A — PRODUCTION SHOOT     2.2 PROJECT 2B  — IG / TIKTOK VIDEO 3.0 FINAL PROJECT — STOP-MOTION 1.0 PROJECT 1 — AUDIO EDITING EXERCISES  1.1 EXERCISE 1 — AUDIO DUBBING Google Drive Link to Project 1 blog post Figure 1.1-1:  Exercise 1 — Video (Final Submission), Week 4 (19/05/24) Figure 1.1-2:  Exercise 1 — PPT (Final Submission), Week 4 (19/05/24) 1.2 EXERCISE 2 — SOUND SHAPING Google Drive Figure 1.2-1:  Exercise 2 — Phone Call Sound Effect (Final Submission), Week 10 (27/06/24) Figure 1.2-2:  Exercise 2 — Closet Sound Effect (Fina...
Post a Comment
Read more