Final Project
SIMON KO JING LIANG
.png)
Fig 1
.png)
Fig 2
.png)
Fig 3
.png)
Fig 4
Also the timeframe and scenes:
https://docs.google.com/spreadsheets/d/18JC6GKoaJ5WfJTMVOtlC9jCHI2721pKqhM6HsHPc7TQ/edit?gid=1942087598#gid=1942087598
.png)
Fig 5
.png)
Fig 6
.png)
Fig 7
Fig 10
.png)
Fig 8
.png)
Fig 9
Fig 10
In Illustrator, we chose colors and designed visuals that matched the topic’s tone. For example, using bright colors for key points made them stand out. Creating an animatic (a rough video draft) showed us where scenes felt too rushed or slow. Adjusting the timing here made the final animation smoother.
Animating in After Effects was challenging but fun. Simple tools like keyframes and masks brought our designs to life, but complex scenes (like moving graphs) required patience. Adding background music, sound effects, and voiceover was a game-changer—it made the video feel polished and professional. Syncing audio with visuals took careful timing, but it was worth the effort.
Matching sound effects (SFX), background music (BGM), and voiceover to the animation timing was tricky. For example, making sure a "click" sound aligned perfectly with a button animation required frame-by-frame adjustments. If the voiceover narration didn’t fit the scene length, I had to re-edit either the audio or the animation. Mixing volumes was harder than expected. The BGM sometimes overpowered the voiceover, or SFX felt too loud. I used Audacity to adjust de cibel levels, but it took many tests to find the right balance. Searching for free, high-quality SFX that matched the video’s tone (e.g., futuristic "beeps" for tech scenes) took time.
0364359
Bachelor of Design in Creative Media
FINAL PROJECT: INFOGRAPHIC VIDEO ANIMATION
FINAL PROJECT: INFOGRAPHIC VIDEO ANIMATION
INSTRUCTION
Progression
In the first week, we formed a team of 10 people according to the requirements. After that we started to brainstorm our ideas. We decided to use water pollution as the subject for our final project.
Then our leader started to plan our work.
Then our leader started to plan our work.
.png)
Fig 1
Work assigned
.png)
Fig 2
Contextual Research
We assigned the work in our meeting. Some of us doing sketches, some of us doing coloring and some of us doing animation.
Art Direction & Mood board
Once we had assigned the work. We started to do the mood board and art direction.
.png)
Fig 3
Mood board
.png)
Fig 4
Art direction
https://docs.google.com/spreadsheets/d/18JC6GKoaJ5WfJTMVOtlC9jCHI2721pKqhM6HsHPc7TQ/edit?gid=1942087598#gid=1942087598
Sketches & Wireframe
.png)
Fig 5
Sketches & Wireframe - Part 1
.png)
Fig 6
Sketches & Wireframe - Part 2
.png)
Fig 7
Sketches & Wireframe - Part 3
Animatic
Fig 10
Animatic Video
Once the members who finished the wireframes, Me responsible for editing the rough video. I also searched lots of BGM and SFX then added into the video.
Coloring
.png)
Fig 8
Coloring
.png)
Fig 9
Recoloring
Due to some of the color are not suitable, we recolor the frames. After the members had done the coloring, the animation team started to do the animation in AE.
Final
After the animation team finished their work. I started to compile the video into one and added the bgm and sfx at the suitable place. I also made the voiceover into the video.Fig 10
Final FLIP Video
Reflection
We started by researching the topic and audience to ensure our video was both accurate and engaging. Sketching wireframes helped us map out the flow of information, which made it easier to spot gaps in logic or pacing early on. Planning saved us time later because we avoided major changes during animation.
In Illustrator, we chose colors and designed visuals that matched the topic’s tone. For example, using bright colors for key points made them stand out. Creating an animatic (a rough video draft) showed us where scenes felt too rushed or slow. Adjusting the timing here made the final animation smoother.
Animating in After Effects was challenging but fun. Simple tools like keyframes and masks brought our designs to life, but complex scenes (like moving graphs) required patience. Adding background music, sound effects, and voiceover was a game-changer—it made the video feel polished and professional. Syncing audio with visuals took careful timing, but it was worth the effort.
Matching sound effects (SFX), background music (BGM), and voiceover to the animation timing was tricky. For example, making sure a "click" sound aligned perfectly with a button animation required frame-by-frame adjustments. If the voiceover narration didn’t fit the scene length, I had to re-edit either the audio or the animation. Mixing volumes was harder than expected. The BGM sometimes overpowered the voiceover, or SFX felt too loud. I used Audacity to adjust de cibel levels, but it took many tests to find the right balance. Searching for free, high-quality SFX that matched the video’s tone (e.g., futuristic "beeps" for tech scenes) took time.
What I Learned About Teamwork
Clear Communication Prevents Errors
Regular updates with teammates ensured audio (SFX, BGM, voiceover) matched animation timing.
Trust Teammates’ Expertise
Relied on others to deliver animations on time, respecting their workflow and timelines.
Feedback Strengthens Quality
Teammates spotted mismatched SFX, while I advised on animation pacing for audio sync.
Stay Flexible
Adapted quickly when animations changed after I’d added audio (e.g., re-editing soundtracks).
Prioritize the Project Over Personal Preferences
Chose audio that fit the team’s vision, even if it meant dropping my favorite track.
Collaboration Creates Cohesion
Merging individual tasks (animation, audio, design) required constant alignment and compromise.