Motion Graphics & Composition - Project 2: Channel Bumper

17/01/2024 - 21/05/2024 / Week 03 - Week 07 

Hayato Saito / 0350466

Motion Graphics & Composition / Bachelor of Design (Honours) in Creative Media 

Project 2: Channel Bumper

---

INSTRUCTION

---

Project 2 - Channel Bumper

For this project, we were to create a short channel bumper for any channel or brand of our choice.

So first, I decided to come up with 3 brands and do research. These are the brands that I chose below.

#1 Uniqlo - clothing brand

Fig.1.1 Uniqlo Logo

Uniqlo is a Japanese clothing retailer known for its high-quality, affordable casual wear. It offers a wide range of basics and trendy pieces for men, women, and children, emphasizing comfort and functionality. Uniqlo is renowned for its innovative fabrics, such as HeatTech and AIRism, which provide enhanced comfort in various weather conditions. With a minimalist aesthetic and versatile designs, Uniqlo aims to provide everyday essentials that fit seamlessly into any wardrobe. The brand has a global presence, with numerous stores worldwide and a strong commitment to sustainability and social responsibility.


- Keywords

Japanese clothing retailer
Affordable casual wear
High-quality basics
Innovative fabrics (HeatTech, AIRism)
Comfort and functionality
Minimalist aesthetic
Versatility
Sustainability
Global presence

#2 Netflix - streaming service

Netflix is a leading global streaming service that offers a vast library of TV shows, movies, documentaries, and original content. Founded in 1997 as a DVD rental service, Netflix has evolved into a powerhouse in the entertainment industry, providing on-demand streaming to millions of subscribers worldwide. Known for its original productions like "Stranger Things," "The Crown," and "Bridgerton," Netflix continually expands its diverse content to cater to various tastes and preferences. The platform allows for ad-free viewing on multiple devices, with options for offline downloads and personalized recommendations, making it a convenient and popular choice for entertainment.

- Keywords

Global streaming service
TV shows, movies, documentaries
Original content
On-demand streamin
Ad-free viewing
Personalized recommendations
Offline downloads
Popular series (Stranger Things, The Crown)
Entertainment

#3 IKEA - furniture and home accessories brand

IKEA is a Swedish multinational company known for its affordable, ready-to-assemble furniture and home accessories. Founded in 1943, IKEA has become a global leader in home furnishings, offering a wide range of stylish and functional products for living spaces, kitchens, bedrooms, and more. The brand is celebrated for its modern Scandinavian design, emphasizing simplicity, sustainability, and efficiency. IKEA stores feature a unique layout with showrooms and a marketplace, along with a restaurant serving Swedish cuisine. Committed to environmental and social responsibility, IKEA focuses on sustainable sourcing, renewable energy, and innovative solutions to improve everyday living.

- Keywords

Swedish multinational company

Affordable furniture
Ready-to-assemble
Home accessories
Modern Scandinavian design
Stylish and functional
Showrooms and marketplace
Swedish cuisine
Sustainability
Innovative solutions

I marked the keywords that I thought I can use for art direction. And I decided to continue with uniqlo.

Art direction

I started to think of the art direction. Since uniqlo is representing simple but functional yet affordable, I wanted to keep my animation simple and neat.

Fig.2.1 Art Direction

Since Uniqlo symbolise the square shape, I decided to use square shapes as a elements in the animation. For the color, obviously I chose the colors that they used for the logo which are red and white. 

Moodboard

Fig.2.2 Moodboard

This is the moodboard I made, Basically they all something to do with square shapes and red and white.

I used this to make my path clear.

Fig.2.3 Pixabay

After finalising my art direction, I decided to go choose background music first because I thought its easier to match the timing if i choose bg music first. So I went to the website called pixabay to find a suitable bg music. I wanted something fast and exciting and pop since its channel bumper and suppose to excite the viewer. 

and this is the bg music I chose.

Fig.2.4 Back Ground Music - stomps and claps

The original audio was 17 secs so I had to edit to make it fit in 15 secs. 

Storyboard

Fig.3.1 Storyboard 1

Fig.3.2 Storyboard 2

References

https://youtu.be/C4Ro-2I96iQ?si=AFQcLtJuZkOplRJB


https://pin.it/2Vgcdj1CI


https://pin.it/qFyV5Q7b7


https://pin.it/3RVWELDGa


https://pin.it/3YG2d9rc3


https://pin.it/1CuBRhavb

https://pin.it/3dwISZ6ql

There are the references I found in pinterest. 

Progress

Fig.4.1 Progress "Scene 1,2,3"

I observed the reference and recreated the animation. I had to use SO MUCH layer and time because I had to duplicate the first 4 blocks and change the size and align them manually every time it gets divided. The proccess was so hard and long but it was worth the result.

Fig.4.2 Progress "Scene 4"

I made this scene using the 3d function and by moving the anchor point which I learned how it works in last project.

Fig.4.3 Progress "Scene 5"

This scene was also what I recreated from the reference I found in pinterest. The reference was in square screen so i had to make it fit in the rectangle screen I was scared it wasn't gonna look nice since its not in square screen but it turned out really well and I was happy with the result.

Fig.4.4 Progress "Scene 7"

I made this scene by using the repeater function which also I learned in last project. The repeater made the proccess way easier and made the result look neat so I'm glad I learned it before this project.

Fig.4.5 Progress "Scene 8,9"

I made the 2nd logo come out rotating behind the 1st logo and also made the logo tilt a bit to make it look more realistic and smooth.

Final Outcome

Fig.4.6 Final Outcome Channel Bumper