Game Development 7 min read

Bringing a 3D Chinese New Year Mascot to Life: Key Animation Techniques

This article outlines the complete workflow for creating a 3D Chinese New Year mascot, covering character concept, skeleton and facial rigging in Cinema 4D, script and storyboard planning, keyframe animation principles, secondary actions, anticipation, inertia, interactivity, and optimization for game deployment.

58UXD
58UXD
58UXD
Bringing a 3D Chinese New Year Mascot to Life: Key Animation Techniques

Character Concept

The mascot "Tiger Jiji" was designed as the IP image for the 58 Spring Festival travel campaign, appearing in operations, games, and promotional videos to enhance the festive atmosphere and maintain brand consistency.

Character Setting

Beyond a simple visual, the character’s background, personality, and habits are defined to guide motion design and storytelling, while the scene and accessory style align with the character’s world view for realism and appeal.

Technical Preparation

Skeleton Binding – Using Cinema 4D’s character tools, a custom skeleton matching the chibi proportions was created, with built‑in controllers to simplify later keyframe animation.

Facial Expression Binding – Simple, abstract facial features required a pose‑deformation workflow; key poses for eyebrows, eyes, and mouth were defined to build a rich expression system.

Script & Storyboard

For each usage scenario, specific actions and interactions were scripted, detailing how the character moves, interacts with the background, and transitions between actions to ensure a clear animation direction and desired user experience.

Keyframes

Keyframe animation allows breaking motion into essential poses; the software interpolates in‑between frames, letting creators focus on key poses, timing, and rhythm without drawing every frame.

Secondary Action

Secondary actions, such as ear, tail, and whisker movements, complement the primary motion, adding liveliness without distracting from the main action.

Anticipation

Anticipatory motions prepare the audience for upcoming actions, enhancing realism—for example, a pre‑jump boost before a flying animation.

Inertia Follow‑Through

Inertia influences follow‑through; during the mascot’s flight, foot rotation lags behind the body to create a more dynamic feel.

Interactivity

Interactive animations in operational activities respond to user actions, such as tapping the mascot to trigger random gestures, blending festive atmosphere with engaging user experience.

Implementation & Optimization

Exporting animation data as JSON reduces file size for developers; splitting static and repeated keyframe resources via After Effects compositing minimizes asset weight.

Reusability

A unified action set was created for five different tiger mascots, allowing the same skeleton animation to be reused across models, greatly improving production efficiency.

Conclusion

Continuous exploration of animation design in real scenarios is essential to deliver higher‑quality works.

3D animationanimation techniquesC4Dcharacter designgame UIkeyframe
58UXD
Written by

58UXD

58.com User Experience Design Center

0 followers
Reader feedback

How this landed with the community

Sign in to like

Rate this article

Was this worth your time?

Sign in to rate
Discussion

0 Comments

Thoughtful readers leave field notes, pushback, and hard-won operational detail here.