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:
- Choose a brand you are interested in.
- Create a channel bumper for your chosen brand, which is a short trailer to introduce the brand.
- Requirements:
- Size Resolution: 1920 × 1080.
- Frame Rate: 25 fps.
- Format: .mp4, H.264, 48kHz.
- Duration: 10–15 seconds.
- ☑ Audio.
- ☑ 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
.png) |
| 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)
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:
.png){kind=spacer} |
| 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.
QUICK LINKS
PROJECT 3 — CHANNEL IDENT/IDENTITY
Comments
Post a Comment