Motion Graphics & Computing / Project 2 : Channel Bumper

04/06/25 - 20/06/2025 / Week 7 - Week 9

Eng Yan Ling

Bachelor's Degree in Creative Media (Hons) - (Taylor's University)

Motion Graphics & Computing / Project 2 : Channel Bumper


TABLE CONTENT

<span id="LIST"></span>

1. Instructions

2. Progression

3. Feedback

4. Reflection

5. Quick Links


INSTRUCTION

Task 2 / Individual Task – Channel Bumper (20% - Individual or Group of 2)

TIMEFRAME: Week 06 – Week 09


DEADLINE: WEEK 09

DESCRIPTION:

Students will synthesis the knowledge gained in Task 1 for application in Task 2. Students are to demonstrate ability to explore and generate an abstract channel bumper in any creative approach with consideration of good audio tempo and visually compelling video.

REQUIREMENTS:
Students are to use information for any proposed channel (*existing or fictional) create mood-board that reflects their concept/idea style-guide that conveys final look and feel storyboard animatics explore appropriate audio to uplift the motion tempo.

Students will start with sketches and test a wide range of conceptual ideas through digitization using the appropriate software.  Students conclude by selecting and presenting their personal design interpretation in the instructed format/s.

SUBMISSION:
Compiled and present your progress in Slide (*mood-board, style guide, sketches, storyboard, technical processes as posted in e- portfolio). Final output will include a 10 – 15 sec video (*.mp4, h2.64, 16:9 - 1920 X 1080, 25 fps, ACC, 48kHz, uploaded to YouTube channel).
 


PROGRESSION
Group Project completed in pairs.
Groupmate : Isabel Tan Xen Wern.
 
1. Ideation
Reference
 
Figure 2.1 Ideation       
 
Choice of Brand : ZUS Coffee
 
Moodboard 
Our concept is pretty straightforward, we will use the Zus original colour palette as well as the typography. For our project, the 3-channel identity, we plan to use the 'Buy 1 Free 1' poster as our main promotional material.
 
 
Figure 2.2 Moodboard
 
Following ZUS Coffee style of promotional materials that mostly involves real life photography incorporated into posters/materials in clean and minimalist styles.
  
Figure 2.3 Style Guide

Storyboard
Our idea was to create a simple pouring coffee vector with a slight reveal of the logo when the drink is filled, following the original Zus cup design and colour. after that will be a video we will make with real life zus coffees.
 
Figure 2.4 Storyboard
Artwork by Isabel 

Task Distribution
Pre-Planning Stage : All
 
Isabel 
Part 1 : Vector Art 
 
Yan Ling
Part 2 : Text/Transition & Final Output
 
2. Progress
Progression #1 
a. Part 1 : Vector Art (by Isabel)
E-Portfolio Link : Click Here
  
b. Part 2 : Video/Editing
Part 2 : Ending Text/Logo Image
Font : Helvetica Bold; Centered Align 

Figure 2.5 Text

Linear Wrap applied as figure passes by and text gradually swipes/comes in before it transitions to the ending.
 
Figure 2.6 Linear Wrap - Text

Ending Clip - ZUS Coffee Logo
  
Figure 2.7 Ending Clip
 
Linear Wrap (Fade-in Effect) applied as it transitions to the ending.
 
Figure 2.8 Ending Transition
 
Combining Part 1 & 2
Fade out effects applied using the opacity transformation and keyframed at the end of the clips.
  
 Figure 2.9 Part 1 - Transition

For Part 2 of the clip, and scale down effect is applied to the clip from 100% to 50% for the "pop in" transition.
 
Figure 2.10 Part 2 - Transition
Audio Tracks
Audio Breakdown & References
 
Figure 2.11 Audio Breakdown/Reference 
 
For the audio tracks, fade in and fade out effects are applied by keyframing a decreasing value to the adjusted volume and the opposite for the fade out effects. All the audio tracks are adjusted to an appropriate volume that fits the sfx of the entire video.
 
Pouring
Keyframe : -30db - -10db to -10db - -40db 
 
Figure 2.12 Pouring Sfx

Swipe
Keyframe : +5db
 
Figure 2.13 Pan Out Sfx - Swipe

Pop
Keyframe : -15db
 
Figure 2.14 Lid Closing Sfx - Pop
Lofi Bg
Keyframe : -70db - -20db - -70db 

Figure 2.15 Lofi Bgm

Overall Timeline 
Overall composition & audio timeline in AE.
 
Figure 2.16 Overall Composition Timeline 
 
Progression #2
a. Part 1 : Vector Art (by Isabel)
E-Portfolio Link : Click Here


b. Part 2 : Video/Editing
Refer to Slides
 
3. Progression #1
Slides
 
 Figure 2.17 Progression #1 COMPILATION SLIDES
 
Video
 
Figure 2.18 Progression #1 - PROJECT 2 : CHANNEL BUMPER
4. Final 
 
Video
 

FEEDBACK
Week 9 - 20/06/205 
- ensure when it transitions, the cups are in the same place not just going from here to down there all of a sudden
- wordings are not really visible at the end. in this case, usually will just reshoot but you can add a strip and let it expand so it actually serves a purpose as a transition and not just there
- make sure to research and understand that you're putting the correct things in your video, people who know about coffee knows the equipment is wrong and may spread misinformation 
 

REFLECTION
 
Reflecting on my progress for this project, it was really fun to be able to construct our own ideas on the brands of our choice and apply the skills and knowledge we've learned for the past few weeks to complete this project. There were not much challenges that my teammate and I faced but I really enjoyed the process from filming to editing the outcome of this project. I strongly believe the skills and knowledge I obtained from this module would greatly benefit me in future projects individually and professionally. I was able to smoothly complete all my projects with the guidance of Mr Fauzi throughout this module.  
 

QUICK LINKS
Google Drive : Click Here

Blogs
Exercises : Click Here
Project 1 : Click Here
Project 3 : Click Here
Project 4 : Click Here

Comments

Popular posts from this blog

Information Design / Final Project

Information Design / Exercises

Sonic Design / Exercises (Audio Fundamentals)