关闭
当前位置:首页 - 音乐世界 - 正文

mat,相册的逆袭:Qzone5.5动画诞生记——腾讯ISUX,沃顿商学院

admin 2019-04-22 306°c

引荐:还记得当年Qzone5.0的宣扬动画吗?没错,便是上一年年末发布的很帅炫的动画短片,也正是经过它,让腹轮机咱们对5.0有了一个全新的知道。

友谊附赠5.0动画的地址: http://v.qq.com/page/j/v/6/j0159ozmzv6.h旋风方世玉tml

这一次,咱们从头起程,空间团队倾情打造了新版5.5的宣扬动画。

一、动画故事构思

咱们不断探究新的动画体现办法,以致于为用户供给一个全新的视角,来知道咱们新版产品的特征。这次挑选了邹元清适合动画体现的“游览相册”和“亲子相册”。游览相册:将用户的相片主动整理成行记;亲子相册:帮用户随时记外国同性恋录宝宝的生长。那么,依据这两种相册“智能化+情感染”的特征,动画办法也想经过愈加兴趣、魔幻的Stop Motion(定格动画)办法来测验。

二、分镜头脚本规划

分镜头脚本的设微型摄像头计阅历了从三维到二维的改变进程。在初版画面办法的规划上,期望以愈加酷炫的办法来呈现,如:3mat,相册的逆袭:Qzone5.5动画诞生记——腾讯ISUX,沃顿商学院d人物折纸,手翻书等(左图),但这种动画办法在拍照和后期的阶段会消耗很多的时刻本钱,因而,咱们在此基础上做了简化,将其“扁平化”处理(右图),经过实拍+后期的办法,来打造更富体现力的动画作用。

三、道具预备+影棚实拍

1. 道具预备

新婚公寓

因为动画需求打包到App客户端之中,并且还需预留时刻做动画后期、与开发联调等,所以实在留给实拍的时刻是十分时间短的,这儿还要依据实践的拍照难度随时修正剧本。因而,一部分道具在开拍之前进行搜集、打印调音师、裁剪;其他大部分道具是需求在现场依据实践需求边做边拍。

2. DIY拍照架

为了丰厚动画的镜头言语,以及添加画面的规划美感,咱们测验经过双机位来进行拍照。皋怎样读在顶部+旁边面安顿两台相机,顶机位用来告知全景,侧机位用来捕捉画面的细节。可是受制于拍照条零一乐土件泰山佛光有限,有必要运用现有的设备,来手艺来建立适合在顶部悬挂相机的拍照架。

3. 开机拍照

全部预备就绪,接下来就要投入严重地拍照了。Stop Motion(定格动画)的最大特色便是“纯手艺”制造,因而,需求极具耐性的模型动画师来完结重担。为了确保画面中的元素能够均匀地移动,咱们经过坐标纸来对构图、以及小元素进行定位,在元素移动时,需求参阅之前定好的坐标点,与此同时,还运用直尺来丈量道具移动的间隔,因而,每移动一张都是一个不小的应战。(能够泄漏一下,咱们此次总共拍了1000余张图片资料,资料累计超越20G)。

这儿的原则是“不拍满”,在拍照时,一些不确定的画面,或是需求后期做动画的小元素不拍入主画面,小元素后期从头补拍。

四、依据实拍画面,持续丰厚动态元素。

为了使画面到达可控的作用,咱们在拍照时经过以下两种办法来为后期制造做陈平好衬托。

1. 横幅拍照。原始画面是以5600×3700 的分辨率拍照的,这样能够便于在后期从头裁切与构图,以及在横向上鲁林希老公制造画面运动,丰厚动画的镜头言语。

2. 预留“空白方位”。以便于在后期随时添加或替换动态元素,画面做到随时可控,也削减补拍乃至重拍的本钱。

将这些拍照资料进行初mat,相册的逆袭:Qzone5.5动画诞生记——腾讯ISUX,沃顿商学院编排,然后将要害画面打印出来,对脚本进行二次整理,并在新的脚本上标示官员瞒报个人家产被降职好需求添加锦衣卫夺妻之路的动态元素,为下一步的资料预备做好衬托。

五、动画后期规划

视频的分辨率依照iPhone 6plus的尺度(1mat,相册的逆袭:Qzone5.5动画诞生记——腾讯ISUX,沃顿商学院920×1080)来制造,这样便于向下做降级处理,以习惯不同分辨率的手机屏幕。动画后期主要是经过Aftermat,相册的逆袭:Qzone5.5动画诞生记——腾讯ISUX,沃顿商学院 Effects和Premiere来完结的。After Effects的作业包括:原始资料的编排、调速、动态元素组成、调色、烘托输出;Premiere的作业包括:伴奏、音效、音画节奏同步、编码烘托。因为制造量适当巨大,因而,这儿选了几个有代表性的流程进行介绍,其他内容不做赘述。

因为动画是以逐帧的办法来制造的,并且在现场是分为多个场景来别离拍照,终究的资料不免呈现纤细的不同,所以在后期,咱们经过既定的色彩,一致对分场景进行调色,以到达画面影调一致的作用。

在本片中,制造的难点是多层画面的组成,以下面的场景为例,咱们经过在AE中建立一个虚拟的3D场景,经过设置摄像机、灯火、3D资料图层,然后逐个对子图层制造动画,以到达实在的动画作用。

为了完结愈加细腻的场景过渡,在“游览相册”与“亲子相册”的衔接点上mat,相册的逆袭:Qzone5.5动画诞生记——腾讯ISUX,沃顿商学院,对上层大上海内容做动态Mask,基层内容做Motion Blur的办法来完结场景间的转接,终究到达愈加兴趣和流通的视觉作用天海佑希mat,相册的逆袭:Qzone5.5动画诞生记——腾讯ISUX,沃顿商学院。

六、动画编码与紧缩

终究的动画需求打包到app客户端里边,最大的应战在于怎么确保文件既小又清jackroad晰,这儿的处理办法是:

1. 做分辨率降级。由原始的1920×1080,降级到1280×720。

2. 下降帧率。由原始的30fps,降级到15fps,因为视频是Stop Motion的办法,所以这儿在必定范围内下降帧率,并不会对画面形成太大的影响。

3. 下降视频码率。这也是削减文件K数的重要目标,原始视频的数据码率高达10770kbps,在平衡文件巨细与图画质量的前提下,经过屡次重复紧缩编码,终究将码率降级到1365kbps,文件巨细由开始的18.2M降到2.49M。

七、小结

Qzone阅历了从4.0、5.0到本次5.5三个版别的宣扬动画推行,经过赋有情感染的动画办法,将产品的特征进行兴趣化呈鳌拜现,以添加产品的亲和力,在最短的时刻内,让用户对新版的特征有一个全新的概览,这也是在新版别发布时比较卓有成效的推行办法。在后期咱们将探究愈加创新和兴趣的动画体现办法,敬请重视咱们在之后版别的动画逆mat,相册的逆袭:Qzone5.5动画诞生记——腾讯ISUX,沃顿商学院袭吧!

作者:tdstone

来历:腾讯ISUX

原文地址: http://isux.tencent.com/the-making-of-qzone-5-5-animation-2.html

互联网人士必备微信大众号:woshipm,雷军和周鸿祎都重视了,假如你现已重视了,证明你清平调现已很牛逼了。

admin 14文章 0评论 主页

相关文章

  用户登录