前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >探秘|复古动画的策动与制作

探秘|复古动画的策动与制作

作者头像
腾讯ISUX
发布2021-10-21 16:40:21
6150
发布2021-10-21 16:40:21
举报
文章被收录于专栏:腾讯社交用户体验设计

Part 1

项目背景

项目概述 | OVERVIEW

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

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

极地探险队起源

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

Part 2

前期设定

角色设计|Character Design

分镜设计|Storyboard

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

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

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

视觉概念|Visual Concept

初版场景颜色设定:

Part 3

3D制作

材质渲染|Rendering of materials

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

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

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

Part 4

3D制作

后期合成|After Effect

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

色彩管理|Color Manegement

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

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

我们可以在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:

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

音乐设计|Sound Design

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

Part 5

最终输出


PS: ISUX 开通微信粉丝群啦!

欢迎扫码加入一起聊设计

(入群暗号:ISUX)

以下ISUX文章,你可能也感兴趣

Lottie动画秘籍--QQ超清表情大揭秘

美的计算 | 生成艺术创新设计的边界

2021-2022 设计趋势ISUX报告·社交APP篇

设计方法丨国际主流人机交互设计模型

Lottie表情 | Q弹超清,萌趣翻倍


本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-10-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 腾讯ISUX 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 项目概述 | OVERVIEW
  • 前期设定
    • 角色设计|Character Design
      • 分镜设计|Storyboard
        • 视觉概念|Visual Concept
        • 3D制作
        • 材质渲染|Rendering of materials
        • 3D制作
          • 后期合成|After Effect
          • 在罗伯特挥舞铁锤的镜头,由于镜头中动画肢体变形比较大,在C4D无法实现自如的效果,用逐帧的方式绘制与整片画风不能很好的统一,于是在Ae里采用Longshadow这种低成本的方式制作立体效果,再使用Character Tool控制头部和手臂。这种方式在各种变形动画中会有一定程度的穿帮,所以要考虑场景使用。
            • 色彩管理|Color Manegement
              • 音乐设计|Sound Design
              • 最终输出
              • Lottie动画秘籍--QQ超清表情大揭秘
              • 美的计算 | 生成艺术创新设计的边界
              • 2021-2022 设计趋势ISUX报告·社交APP篇
              • 设计方法丨国际主流人机交互设计模型
                • Lottie表情 | Q弹超清,萌趣翻倍
                相关产品与服务
                图像处理
                图像处理基于腾讯云深度学习等人工智能技术,提供综合性的图像优化处理服务,包括图像质量评估、图像清晰度增强、图像智能裁剪等。
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档