大厂案例|探索腾讯设计师关于复古动画的策动与制作之路

三分设

共 2521字,需浏览 6分钟

 ·

2021-11-14 06:44


点击"三分"关注,回复"社群"加入我们
欢迎来到专业设计师学习交流社区
三分设|连接知识,帮助全球 1 亿设计师成长
转自腾讯ISUX
编辑:章欣怡
共 2057 字 30 图  预计阅读 6 分钟



01.项目背景


项目概述

TIN TOWN 铁皮镇成立于 2008 年,是一个充满奇趣创意的小宇宙,致力于创造各种新奇好玩的产品。将怀旧复古与现在流行元素相结合,创造了一系列造型独特的机器人角色,并赋予各个角色迥异的性格和故事线,逐渐形成了 TIN TOWN 的世界观。


QQ 和 TIN TOWN 的此次品牌联名以极地探险为主题,打造了极地探险队的概念,宣传片的动画也由此展开...


极地探险队起源

近年来,随着全球气温升高,北极熊的生存越来越艰难。来自 QQfamily 的通讯鹅 QQ 和 TIN TOWN 铁皮镇的冒险家罗伯特都十分关心环境问题,于是它们决定共同组建起这支极地探险队,去北极进行救援与探险任务。


              

02.前期设定


角色设计


分镜设计

安静的铁皮镇突然被急迫的警报声打破,(气泡画面里是可怜的 PUPU)。


通讯鹅 QQ 收到警报:是 PUPU 的呼救!罗伯特拿起铁锤;BBQ 在画面外的身体收回;铲冰 dov 伸出锋利的爪子;探路机伸出钳子把 babyQ 放回座位;在滑雪的 Bob 反应过来加速前进,望远鸡的墨镜一闪 bob 跳进座位,保姆泡的手钳极速转动起来开始滑行。


风雪转场后大集合向 PUPU 奔去,短片结束。



视觉概念

初版场景颜色设定:



                  

03.3D 制作


材质渲染

在材质方面运用了渲染中的卡通材质来表达,我们有尝试更多细节修饰和氛围感的卡通材质,最终还是选择的简单通透的方式来表达,高对比度和饱和度较高的色彩表达出鲜明的风格化;灯光在场景中基本是运用的日光灯配合硬阴影来达到效果。3D 直出的画面略显单薄,加上后期的润色及动态氛围表达,使画面更加饱满生动。



3D 直出的画面略显单薄,加上后期的润色及动态氛围表达,使画面更加饱满生动。



在角色动画方面,我们对每个角色进行了性格分析,例如罗伯特是一位快乐勇敢的探险家,那么他的性格表达从奔跑出发,跳跃感和韵律感可以表达出他的热情向上,充分展现角色性格。




04.3D 制作


后期合成


在罗伯特挥舞铁锤的镜头,由于镜头中动画肢体变形比较大,在 C4D 无法实现自如的效果,用逐帧的方式绘制与整片画风不能很好的统一,于是在 Ae 里采用 Longshadow 这种低成本的方式制作立体效果,再使用 Character Tool 控制头部和手臂。这种方式在各种变形动画中会有一定程度的穿帮,所以要考虑场景使用。



色彩管理

长期以来我们为安全起见一直统一使用着 sRGB 色彩配置文件,确保在各个显示器中能得到标准的色彩显示。


随着可以呈现更鲜艳色彩的广色域显示器的推出,这种情况发生了变化。这种显示允许更多的可表达颜色,于是引入了一种称为 Display P3 的新颜色配置文件。


我们可以在 Sketch 和 Ae 里统一这个色彩配置。



以下面这个镜头为例,由于 Robert 的玩具配色非常鲜艳,在这个画面中 sRGB 的色彩远不如 Display P3 丰富,在一些渐变色和高饱和画面中更为明显:



然而 Ae 多年前就取消掉了 H.264 的输出选项,在 Ae 中做好的动画要如何才能导出我们在时间线当中看到的颜色呢?使用 Premiere 和 Media Encoder 都无法调出正确的颜色输出,我们将要用到 DaVinci 来负责剪辑到导出的工作。


在达芬奇同样不支持 Display P3 导出的情况下,我们可以选择最接近的选项,其中 image P3 和 P3 D65 Gamma 2.4 最为接近 Display P3 的画面色彩:



如果想在 AE 和达芬奇预览到完全一致的颜色,我们需要勾选使用独立的色彩空间和 Gamma,把时间线和输出由默认的色彩科学 YRGB Rec.709 改为 P3-D65 Gamma 2.4:



最后,修改自己的显示器颜色配置文件,我们就可以得到非常靠近的色彩呈现。


音乐设计

短片的音乐选择了偏向西部公路电影的风格,冰冷的太空感像是在外太空展开的混乱激战;开始的平静和悠闲随着警报声的响起,气氛越来越紧张和刺激。音效使用了大量风雪和金属撞击的声音,使用合成器和电子鼓烘托氛围,使极地探险队更有英雄气概。



05.最终输出



—  The end  —


📚 原创文章精选📚

告别加班!使用设计系统方法更快地构建产品

如何评估设计质量,提升设计技能

你常常忽略的 7 个具有破坏性的体验鸿沟

一篇文章告诉你服务设计到底能做什么?

看 Apple CarPlay 如何提升驾驶安全和驾驶体验

游戏新手指导怎么做?一起看看《对马岛之魂》如何打造初次对抗体验

制定 “小目标”,了解产品管理中的结构化思维

35+ 的 Windows 系统到底有什么了不起?细数系统界面设计的演变

导师与学员的高效交流 APP 设计 —— Lightship

🙋 我们一起聊设计 🙋‍♂️

高质量,学设计行交流微信群

期待与更多优秀用户体验设计师一起成长

PS:欢迎大家关注三分设,每天早上9点,准时充电。分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。 添加小小虫微信号【 Lil_Bug 】,备注【 三分设 】加入!(只面向星标了公众号三分设的粉丝) 

浏览 16
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报