top of page

jabba the hut_new character release promotion

Game Title: Star Wars - Galaxy of Heroes
Skills: Art Direction, Motion Graphics design, Cinematic Capture, 3D Game Model Polishing, 3D Texturing & Shading, Lighting, Video Editing
Software: Unity, Cinema 4D, Adobe Photoshop, Adobe After Effects

//final ads

//project overview

I conceptualized and worked on this project from start to finish. The goal was to promote the new character "Jabba the Hutt", as well as the new game environment "Jabba's Palace". In this project, my idea was to do a double reveal. It started with the new character reveal, and then moved him into the new environment to finally reunion with his hut squad.

//Colors

Based on the brand guideline, below is the color palette which was used in this project. Red represents the dark side, blue usually represents the light side, sometimes could also be used as neutral color. Black and white are neutral for both sides. Since the character Jabba is a dark side character, color red was used as the primary color in this video.

red.png

#E80001

blue.png

#1FB5DE

black.png

#142B51

black.png

#000000

white.png

#FFFFFF

//Shot breakdown

Some of the highlights in this video: *Present the new character in a fun but familiar way which is similar to the Strategy Card Games. *Use a kinetic typography instead of the classic light burst effect when the new character is being revealed. *Do a match 360 turn when revealing the new game environment.

Shot 1: I wanted to present the new character in a fun but familiar way which was inspired by the Strategy Card Games. This started with the dark silhouette of the new character + some highlights of him in a 3D card. When the viewers are looking at the highlights and wondering who this character is. A light shine through, the dark fades out and we see Jabba appears in the card.

//Reference

screen-shot-2020-12-03-at-2-59-46-pm.jpg

//Create the 3D card in After Effects

3D Card (0-00-02-17) copy.png
ezgif.com-gif-maker (1).gif
4. Card Front + Back (RENDER) (0-00-04-26) copy.png
3D Card (0-00-01-01) copy.png
Adobe After Effects 2022 - C__Users_eric_Desktop_ ... ewness_Reveal_V03 folder_SWGOH-1137_

//Capture the BG footage in Unity with the matching camera angle

ezgif.com-gif-maker (2).gif

//Composite all the assets in After Effects for shot 1

ezgif.com-gif-maker.gif

Shot 2: I wanted to use a kinetic typography instead of the classic anime light burst effect when the new character is being revealed.

//Reference

whosthatpokemon-1000-reveal-blogroll-1668728999808.jpg
qjgahc1gd6j21.png

//Create the kinetic typography in After Effects

vlcsnap-2023-01-24-16h26m17s559.png
ezgif.com-gif-maker (3).gif
1 (1).png
1 (3).png
1 (4).png

//Bring the Jabba 3D model into Cinema 4D, refine the model & textures and then it back to Unity. Set up the animation, match the lighting and then Capture the sequences with alpha.

ezgif.com-gif-maker (4).gif

//Composite all the assets in After Effects for shot 2

ezgif.com-gif-maker (5).gif

Shot 3: I wanted to do a 360 match turn when revealing the new game environment. It will be transitioning from the Cantina (the standard environment) to Jabba's Palace (the new game environment) and re-unioning with his hutt squad.

//Place all the characters, set up the animations, add lighting and capture the sequences in Unity

ezgif.com-gif-maker (6).gif
ezgif.com-gif-maker (12).gif
ezgif.com-gif-maker (7).gif
ezgif.com-gif-maker (8).gif
ezgif.com-gif-maker (9).gif

//Create the Procedural Hexagon Transitions in After Effects for the new environment reveal

ezgif.com-gif-maker (11).gif
ezgif.com-gif-maker (18).gif
Adobe After Effects 2022 - E__Project_Files_SWGOH ... ewness_Reveal_V03 folder_SWGOH-1137_
Adobe After Effects 2022 - C__Users_eric_Desktop_SWGOH-1137_UA_Video_Jabba_Newness_Reveal_

//Composite all the assets in After Effects for shot 3

ezgif.com-gif-maker (15).gif
ezgif.com-gif-maker (16).gif
bottom of page