设计匠人 | 一个人完成的3D动画片

QQ和PUPU的第二集动画《Begin the Adventure》已发布,这一集讲的是Space QQ 和PUPU去太空寻找最美声音之前的故事。
The second episode of QQ & PUPU animation “Begin the Adventure” has been released. This episode contains the fun story of SpaceQQ and PUPU before they go on the space trip to find a beautiful sound.


Generally, 3D animation work process can be divided into planning and production parts. In the planning part, the process can be classified into two stages: synopsis and storyboard. For the production part, it is divided into five stages: pre-visual, modeling, rigging (set up), animation, lighting & rendering, compositing & sound in order. In this article, I will introduce the whole production process of short animation in detail.


Pre-production 前期制作


Storyboards are very important in the pre-production process because it determine the theme and the mood of the story which is the most core part of the animation. Since this video was planned as 15 to 24 seconds animation, the storyboard was set up to use only two or three scenes from the production stage. In the case of a short animation produced within 15 seconds, the viewer could have less understanding about the video or the video may be difficult to convey the message of the characters when there are more than 3 scenes. With these issues in mind, we tried to fix the camera movements as much as possible so that viewers can concentrate more on the character’s movements. 
STEP 2                     Post production 后期制作


In this video, we proceeded in a way which is more efficient and faster than the conventional work process. The compressive work process which we used in this video is to develop the video rapidly and repetitively circulating one production cycle from the start to the end: modeling, camera editing, animating, lighting, shading, texturing, rendering and compositing based on the prepared character setup and pre-visual work.

举个例子,如果上一阶段没有发现的各种问题出现在下一阶段,比如依照角色动画的可读性,建模位置和相机组成发生变化等,将需要额外的时间去调整。在压缩工作流程中,我们多次有效地调整和优化从建模到最后的合成过程,在最大程度减少额外修改时间的同时进行工作。但这种方法要在设计过程中根据设计师的客观判断来进行。For example, if various problems that were not found in the previous stage occurs in the next stage such as change of the location of modeling or the shift of the camera composition according to the readability of character animation, extra time will be needed for the correction work. In the case of the compressive work process, we can efficiently modify and develop the process from modeling to last compositing several times so that the work can be carried out while minimizing the additional correction works. However, this method should be carried out with the designer’s own objective judgment during the progress.
a. 建模-服装:为呈现PUPU博士与一般PUPU 的差异,我们设计了博士衣服和实验室护目镜。白色的实验服和护目镜与学习先进技术的PUPU博士非常相配。

– Costume: Dr. PUPU’s clothes and laboratory goggles were designed to make viewers recognize how Dr.PUPU differ from the general PUPUs. The white experiment costume and goggles are well matched with Dr.PUPU who studies the advanced technology.


– Environment object: In this video, various modelings were need to to be used in spaces such as experimental devices of Dr.PUPU’s laboratory or machines inside the spacecraft. The modeling was designed to go well with the overall atmosphere so that the machines match the scale of PUPU’s low height and have cute and high-tech style.
b. 可视化预览&动画可视化预览是在分镜的基础上产生的,它可以让你检查分镜编辑点和角色动画的时长,是很重要的一个步骤,在可视化预览中,编辑点和摄影机的位置会发生变化。一般来讲,动画中有“hold”和“bridge”两部分。hold 是指角色不移动但可以传递信息和情感。bridge则是通过角色的移动来连接hold的部分。在这个视频里,我们用少量的信息传递来尽可能地减少bridge部分, hold部分则增加信息传递,这样即使这是一个短动画,观众也能理解其中的含义。The pre-visualization was done based on the storyboard. Pre-visualization is an important step that allows you to check the edit point of the storyboard and the overall timing of the character animation. In this pre-visualization step, changes in editing points or camera composition are made. In general, there are ‘hold’ and ‘bridge’ sections in animation. Hold is a section in which there is no movement of the character but can convey messages and emotions. Bridge is a section that connects the hold sections through the movement of the character. In this video, we have minimized the bridge section with low meaning transmission and increased the hold section that enhances the message and meaning transmission so that viewers can improve their understanding about the video even though it is a short animation.

c. 灯光&渲染


Since basic environment in the video was a large laboratory for PUPU’s spacecraft, it was planned to be a white tone just like a laboratory. However, since it was difficult to give a large spatial impression in a small camera view in the white tone laboratories, I’ve added an extra lighting effect outside the entrance of the spacecraft to give a sense of space. This lighting effect worked like a spotlight on the stage, allowing the people to naturally focus on the giant spacecraft.

视频是用Maya做的,渲染用的是Vray(Chaos group) 。因为实验室的底部是用反光性良好的材料做成,所以在3D渲染过程中,我们集中解决减少裂缝的问题。此外将每个对象的RGB通道提取到一起,以修改接下来合成阶段的输出。This video was produced with Maya (3D program), using Vray(Chaos group) for the render program. Since the bottom of the laboratory is made of a well-reflective material, I have focused on solving the problem of reducing the fracker made in the 3D rendering process. In addition, the RGB passes of each object are extracted together to modify the output in the compositing process which is the next step.
d. 合成


The compositing progress was done to complement the imperfect parts in the initial lighting and rendering work and to correct the overall tone by setting several RGB passes and lighting effect together during the rendering process. Each RGB passes was divided from 15 to 24 in the rendering stage to composite in each scene.
e. 音乐

背景音乐涵盖了发生在神秘实验室里的故事,旨在表达一种神秘而令人愉悦的声音。根据图像的流向,我们划分了背景音乐和声效的侧重点。前半部分的声音集中在背景音乐上以强调实验室的神秘氛围,后半部分则更多地用声效来让观众专注于了解动画。The BGM tone of this video, which contains stories that take place in a secret laboratory space, is directed to express a mysterious but pleasant sound. In the case of BGM and sound effect, the importance was divided according to the flow of the image. In the introduction part, the sound focused on BGM to highlight the secret laboratory atmosphere. In the latter part of the video, the effect sound supporting the animation was more emphasized than BGM, which was designed to be more focused on understanding the animation.
FINAL                     Final Video 最终输出

在QQ和PUPU的第二集动画《Begin the Adventure》里,我们试着把QQ和PUPU每个角色的特征、行为以及整体概念更加直观地传达给观众。希望它能被观众所熟悉和更加地贴近观众,同时被认为是一个很有趣的形象。希望在将来制作的短动画中,QQ 和 PUPU会成长为被更多人喜欢的角色。

In this QQ & PUPU Animation Episode2 “Begin the Adventure” video, we tried to convey the character, behavior and overall concept of each character of SpaceQ and PUPU more directly to people. I hope that the characters will be more familiar and closer to the public and be recognized as fun and fun characters while watching the video. I hope that QQ and PUPU short animations to be made in the future will grow into characters that are loved by more people.

PS:ISUX 开通粉丝QQ群啦!


  过去的未来:成为用户体验设计师ISUX Showreel 2019设计驱动商业 | PUPU读书改版如何用游戏化思维构建 “好玩” 平台
破局升级 | QQ VIP官网再设计




 ( https://isux.tencent.com/articles/Begin-the-Adventure)


您的电子邮箱地址不会被公开。 必填项已用*标注

QR code