MOTION GRAPHICS AND COMPOSITING/ PROJECT 2

     

30.10.2024 - 6.12.2024 (Week 6 - Week 11)
TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA
MOTION GRAPHICS AND COMPOSITING
PROJECT 2 / CHANNEL BUMPER

INSTRUCTIONS


Project 2: Channel Bumper This project required us to design an abstract channel bumper with creative visuals and rhythmic audio. We used mood boards, style guides, storyboards, sketches, and digitized ideas to present a polished final design.

Moodboard and references
I chose Fanta as my brand for the project because I was intrigued by the effects I saw on Pinterest.


Storyboard Based on my storyboard, the outcome will be a looping animation. First, the logo pops out to help the audience remember the name. Next, the Fanta can push out to emphasize that Fanta is a soda. Finally, a transition brings it back to the logo.

Figure 1.1 Storyboard

Color Palette As orange is the classic flavor of Fanta, I will focus on using orange and white as the primary colors in my design.



Figure 1.2 Color Palette

Progress Fanta is a soda, and its key symbols are the bubbles and the flow of liquid, representing soda being poured out.

To get an overall visual, I created a draft in Procreate.

Figure 1.3 Draft Progress

Figure 1.4 Draft Progress


My idea was to create the effect in Procreate, but the outcome didn’t reflect the timing well, and the effect didn’t look as good as expected. And it really wasted a lot of time to do frame by frame.

Firstly, I created the liquid transition using a YouTube tutorial and applied the Turbulent Displace effect. This effect made it easier to create a flowing liquid form without manually adjusting each part with the Pen tool.

Figure 1.5 Liquid Transition

Next, I did the bubble effect based on the YouTube tutorial. Using scale and graph to make it smooth.

Figure 1.6 Bubble Effect

After the effects and transition were done, I started the logo opening scene.

Figure 1.7 Progress


Next is the Fanta can scene, where I aim to show the Fanta shaking and exploding. This will make the orange elements (representing the flavor) and circles (stains/bubbles) burst out.

Figure 1.8 Progress

There's a shaking part in the middle where I aimed to show the Fanta shaking and exploding. I used the position tool to create an up-and-down movement, but it didn’t achieve the desired effect.

To achieve the shaking effect, I searched extensively on YouTube and discovered a tool called Wiggle Position. By adjusting the speed, I created the desired shaking effect.

Figure 1.9 Progress


Lastly, the ending scene mirrors the opening scene, but this time, the liquid transition comes first.

Figure 1.10 Progress


Final Outcome



FEEDBACK

General Feedback: Do not use Canva.
Specific Feedback: Drawing frame by frame can be time-consuming, so using tools in After Effects is more efficient. Procreate makes it harder to estimate the frame rate accurately.

REFLECTIONS

This project challenged my After Effects skills. Since we worked on different aspects, YouTube tutorials were our primary resource for learning the desired effects. However, finding the right tutorial took considerable time. Another challenge was estimating the video duration, as it had to be 10–15 seconds.  

Overall, the results matched what I envisioned. Unfortunately, due to time constraints, I couldn’t create the wave effect shown in storyboard picture 4. Instead, I replaced it with the liquid transition (symbolizing Fanta pouring down) to complete the loop, ensuring consistency with the first transition.







Comments

Post a Comment

Popular posts from this blog

DIGITAL PHOTOGRAPHY AND IMAGING - PROJECT 2

Image
Week 4 - Week 9 TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA DIGITAL PHOTOGRAPHY AND IMAGING PROJECT 2 Project 2A: Double Exposure Part 1 (Follow Tutorial) Figure 1.1 Part 1 Final Outcome Part 2 ( Own Portrait Double Exposure ) Figure 1.1 Part 2 Final Outcome Project 02B - Poster Design Final Poster: Figure 3.1 Maybank Final Poster Title: "Before The Storm" Summary: The concept of this poster draws inspiration from the yin-yang philosophy. Two tigers are positioned on opposite sides, locked in a captivating gaze, poised for battle at a moment's notice. The letter 'M' represents the sun. It was also the judge of this war. M= Maybank. The poster's composition, setting, and colors draw inspiration from the rich tapestry of Greek mythology. Reflection I have explored more layers, colors, and filters in this project to create a d ouble exposure. I 'm a changeable person. I consciously selected elements like clouds, rain, waves, and a grey backg...
Read more

INFORMATION DESIGN/ FINAL PROJECT

Image
    03.02.2025 - 23.03.2025 (Week 1 - Week 7) TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA INFORMATION DESIGN FINAL PROJECT INSTRUCTIONS Final Project: Infographic Video Animation In this group project, we have to create a basic video animation based on our FLIP research topic. Using a structured design framework, we aimed to present information engagingly to a target audience, focusing on one of three objectives : Creating awareness Explaining a process Defining a concept. Progress Week 1 - 3 We have grouped a team of 8 people.  Rachel Yeo Rong Qing (Group Leader) Jia Wen Bing Ruthlene Chua Zhen Si Liu Zi Yu Tan Jie Ying (Me) Isabel Tan Xen Wern Nadhrah Binti Abdul Razak Myra Elida Binti Abd Azis We came up with several topics, such as recycling, cybersecurity, women's safety, traffic safety, dengue fever, and more. After voting and receiving feedback from our lecturer, we finalized our FLIP topic as "Cybersecurity" . After confirming the topic, each of...
Read more

INFORMATION DESIGN/ PROJECT 1 & 2

Image
  18.02.2025 - 25.02.2025 (Week 3 - Week 4) TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA INFORMATION DESIGN PROJECT 1 INSTRUCTIONS Lecture Note Week 3 Miller’s Law states that the average person can hold 7 ± 2 items in their short-term memory at a time. I often apply Miller’s Law when I encounter words I don't know how to spell or complex words by breaking them into chunks to read and remember. For example: Unbelievable ( un - believe - able ) Week 4 Week 5 Tips for constructive workflow : 1. Understand the Question Clearly define what you are designing and its purpose. 2. Construct a Strategic Plan Gather data, analyze pros and cons, study case studies, and understand the workflow before proceeding. 3. Fill in the Blank Keep track of your progress by organizing, grouping, and labeling your work. 4. Get Some Inspiration and Ideas Explore references and insights to improve your design. 5. Set a Perimeter While ideas are limitless, focus on identifying strengths...
Read more