Skip to main content

MOTION GRAPHICS & COMPOSITING | PROJECT 2 — CHANNEL BUMPER


Week 6 – Week 9 | 27/05/25 – 20/06/25
Emily Soh Ching-Ling | 0359478
Bachelor of Design (Honours) in Creative Media
Motion Graphics & Compositing | Section 01 | DST60704
Project 2 — Channel Bumper

TABLE OF CONTENTS 


1.0 INSTRUCTIONS 


2.0 PROJECT 2 — CHANNEL BUMPER 

Instructions: 
  1. Choose a brand you are interested in.
  2. Create a channel bumper for your chosen brand, which is a short trailer to introduce the brand.
  3. Requirements:
    1. Size Resolution: 1920 × 1080.
    2. Frame Rate: 25 fps.
    3. Format: .mp4, H.264, 48kHz.
    4. Duration: 10–15 seconds.
    5. ☑ Audio.
    6. ☑ Upload to YouTube.

2.1 RESEARCH

I began research on potential brands. While I'm not a particularly fashion-forward person, I do enjoy looking at fun patterns and bright colours, so I narrowed down my research to the following two fashion brands:

Brand #1: Mixed by Nasrin

Figure 2.1-1: Mixed by Nasrin, Week 7 (03/06/25)

Key Motifs & Characteristics:
  • Bold, floral prints, ranging from minimalistic to maximalistic.
  • Bright and contrasting colours.
  • Has themed seasonal collections.

Brand #2: OliveAnkara

Figure 2.1-2: OliveAnkara, Week 7 (03/06/25)


Key Motifs & Characteristics:
  • Mostly traditional African textile patterns with the occasional contemporary print.
  • Bright, saturated colours.
  • Has themed collections.

Proposal

Figure 2.1-3: Proposal — Mixed by Nasrin, Week 7 (07/06/25)

I decided to go with Mixed, as I am more interested in their style. Mixed primarily promotes their products on Instagram and Facebook, so most of my research material came from their IG posts. 

My plan was to feature the brand's products in the channel bumper. I chose their recently launched Summer '25 series, which consists of four distinct summer-themed prints on a variety of clothing types.

2.2 PRE-PRODUCTION

Thumbnails, Storyboard & Animatic

Figure 2.2-1: Thumbnails, Week 8 (10/06/25)

While researching channel bumpers of other fashion brands, I noticed there's an focus on showcasing their products' versatility and usability, i.e. by having the models wear the same article of clothing but in different colours (versatility) and move around to demonstrate the clothing's quality (usability). 

Mixed does not have many videos on their social media, as such, I am working entirely with still images. Since I won't be able to show the usability, I decided to emphasise versatility and show multiple clothing types for each print (Thumbnails #2 & #5). 

I thought of having their slogan "Get in the Mix" transition into the brand name (Thumbnail #7), but I scrapped that idea because it would be too wordy when combined with the "Ready, Set, Summer" line (Thumbnail #6). 

Figure 2.2-2: Storyboard, Week 8 (13/06/25) 

Figure 2.2-3: Animatic, Week 8 (14/06/25)

Mock-Ups

Figure 2.2-4: Inspiration — Patterned on Patterned, Week 8 (13/06/25)

Figure 2.2-5: Mock-Ups — Panels #10–12, Week 8 (13/06/25)

My inspiration for Panels #10–12 came from one of the brand's previous collection photoshoots, where the model is both wearing the pattern and standing in front of it. Since I used solid colours as placeholders for the patterns in the storyboard, I made mock-ups of that scene to see if my idea was viable.

The original patterns were too busy to be used as a background and were eye-straining when displayed side by side. The solid colour background looked fine as a standalone image, but was a bit boring for animation, as this was a longer scene. The minimal pattern background had better contrast than the original pattern background and was subtle enough not to distract from the main focus (the clothes), so that was the one I decided to use.

Figure 2.2-6: Mock-Ups — Panels #7, Week 8 (13/06/25)

I also had the content in the "SUMMER" text changed to the minimal pattern backgrounds for the same reason as previously mentioned.

2.3 PRODUCTION

Photoshop

Figure 2.3-1: Cleaning Up Images in Photoshop, Week 9 (16/06/25)

Figure 2.3-2: Edited Images, Week 9 (16/06/25)

All of the clothing and model images were taken from the brand's website and IG page. I cleaned them up in Photoshop. Some were also colour-corrected to match the rest.

Animation & Transitions

With the art direction finally settled, I proceeded to the animation in After Effects. Most of the transitions and movements involved the Position and Opacity function. Below are some of the more noteworthy processes:

Figure 2.3-3: Transitions — Panels #9–13, Week 9 (17/06/25)

As mentioned previously, I will be featuring multiple clothing styles with the same pattern to show versatility. There will be three sets of clothing styles in this scene, each indicated with a camera shutter SFX. I wanted each set to flip and transition into the next set. To do this, I timed it so that the front half of the first set lines up with the back half of the second set, giving the illusion that the images are changing with each flip.

Figure 2.3-4: Logo Animation — Panels #15–16, Week 9 (18/06/25)

The logo animation is based on this promotional video of their previous series. To create this animation, I added two Linear Wipes from opposing directions with a transition completion rate of 50%.

Audio

Figure 2.3-5: Audio, Week 9 (19/06/25)

The audio files used were sourced from Pixabay and combined in After Effects.

2.4 FINAL SUBMISSION


Figure 2.4-1: Project 2 — Video (Final Submission), Week 9 (20/06/25)

Figure 2.4-2: Project 2 — Compilation (Final Submission), Week 9 (20/06/25)

3.0 FEEDBACK 

3.1 WEEK 7

General Feedback: 
  • Make a simple PPT explaining the brand and what product you want to showcase.
  • Logo must be animated. Search for existing motion graphics for that brand, particularly for the logo.
  • Don’t encourage using vectors, as vectors are not specific to that brand. Use existing images from that brand instead.

3.2 WEEK 9

Specific Feedback: 
  • You can keep the brand’s pre-existing video/images in the background while the logo is in the foreground. Remember: You are remixing content, not creating from scratch.
  • If the brand doesn’t have motion graphics/animations, refer to their competitors.
  • You must take into consideration the branding direction. E.g. If the brand is elegant, then the motion graphics must be elegant.

4.0 REFLECTION 

4.1 EXPERIENCE

Overall an alright experience. Could have been better if I weren't dealing with mental and physical illnesses at the time. I haven't used Photoshop in a couple of semesters; glad to see I still have the muscle memory. 

4.2 OBSERVATIONS

I was honestly having trouble differentiating between channel bumpers and channel idents; my classmates (and seniors) seem to be facing this issue as well. 

4.3 FINDINGS

I think a lot of time could have been saved if we were given a clear understanding of these two terms and were advised on brand identity early on, as we are unfamiliar with these topics. The branding advice in Week 9 felt a bit late at that point.

Labels:

Comments

Post a Comment

Popular posts from this blog

ADVANCED ANIMATION | FINAL PROJECT — ACTION ANIMATION

Week 8 –  Week 14 | 10/06/25 – 22/07/25 Emily Soh Ching-Ling | 0359478 Bachelor of Design (Honours) in Creative Media Advanced Animation  | Section 01 | GCD61604 Final Project — Action Animation TABLE OF CONTENTS  1.0 LECTURES 2.0 INSTRUCTIONS 3.0 FINAL PROJECT — ACTION ANIMATION     3.1 PROGRESS      3.2 FINAL SUBMISSION 4.0 REFLECTION 5.0 FURTHER READING     5.1 WEEK 8 — ANIMATING WITH IK & FK 1.0 LECTURES  *Sidenote:  All lectures have been completed in  Exercises   and Project 2 . 2.0 INSTRUCTIONS  3.0 FINAL PROJECT — ACTION ANIMATION  Instructions:   3.1 PROGRESS Research & Storyboard Figure 3.1-1:  Reference — Spear Attack , Week 8 (10/06/26) Figure 3.1-2: Reference Study, Week 11 (01/07/26) Figure 3.1-3: Storyboard, Week 11 (05/07/26) I found this spear attack reference from the YouTube channel Motion Actor Inc. I like the aggressiveness, the pacing, and the mid-air attack. In my r...
Post a Comment
Read more

ADVANCED ANIMATION | PROJECT 2 — JUMP ANIMATION

Week 7 – Week 8 | 03/06/25 – 10/06/25 Emily Soh Ching-Ling | 0359478 Bachelor of Design (Honours) in Creative Media Advanced Animation | Section 01 | GCD61604 Project 2 — Jump Animation TABLE OF CONTENTS  1.0 LECTURES     1.1 WEEK 8 — 3D ANIMATION WORKFLOW 2.0 INSTRUCTIONS 3.0 PROJECT 2 — JUMP ANIMATION     3.1 PROGRESS      3.2 FINAL SUBMISSION 4.0 REFLECTION 1.0 LECTURES  1.1 WEEK 8 — 3D ANIMATION WORKFLOW 3D Animation Workflow 1. Animation Planning: 1. Pre-Planning: Know the character and story: Things that affect character acting choices (e.g. age, background). Character wants. Character goals. Obstacles preventing the goal. 2. Thumbnail (Part 1): A quick way to work out many ideas for poses, actions, and composition. Thumbnails do not have to look good, they just have to convey ideas. Thumbnails are used to figure out which ideas are interesting/read well VS which ideas are boring/confusing. 3. Video Reference: Video references are used...
Post a Comment
Read more

ADVANCED ANIMATION | PROJECT 1 — WALK CYCLE

Week 5 – Week 6 | 20/05/25 – 27/05/25 Emily Soh Ching-Ling | 0359478 Bachelor of Design (Honours) in Creative Media Advanced Animation | Section 01 | GCD61604 Project 1 — Walk Cycle TABLE OF CONTENTS  1.0 LECTURES 2.0 INSTRUCTIONS 3.0 PROJECT 1 — WALK CYCLE     3.1 VANILLA WALK     3.2 ATTITUDE WALK      3.3 FINAL SUBMISSION 4.0 FEEDBACK     4.1 WEEK 5     4.2 WEEK 6     4.3 WEEK 12 5.0 REFLECTION 1.0 LECTURES  *Sidenote: All lectures have been completed in Exercises and Project 2 . 2.0 INSTRUCTIONS  3.0 PROJECT 1 — WALK CYCLE  Instructions:   3.1 VANILLA WALK Research Figure 3.1-1:   Vanilla Walk Reference , Week 5 (23/05/26) Animating Figure 3.1-2:  Attempt #1, Week 5 (23/05/26) *Ignore the floating arms. I know it looks weird.😭 My first pass at animating a human in Blender, based on the walk cycle reference from the Animator's Survival Kit. There are some issues that I immediately n...
Post a Comment
Read more