童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

相册的逆袭:Qzone5。5动画诞生记腾讯ISUX

7月7日 六壬会投稿
  推荐:还记得当年Qzone5。0的宣传动画吗?没错,就是去年年底发布的很酷炫的动画短片,也正是通过它,让大家对5。0有了一个全新的认识。
  友情附赠5。0动画的地址:http:v。qq。compagejv6j0159ozmzv6。html
  这一次,我们重新启程,空间团队倾情打造了新版5。5的宣传动画。
  一、动画故事构思
  我们不断探索新的动画表现形式,以致于为用户提供一个全新的视角,来认识我们新版产品的特征。这次选择了适宜动画表现的“旅行相册”和“亲子相册”。旅行相册:将用户的照片自动整理成游记;亲子相册:帮用户随时记录宝宝的成长。那么,基于这两种相册“智能化情感化”的特征,动画形式也想通过更加趣味、魔幻的StopMotion(定格动画)形式来尝试。
  二、分镜头脚本设计
  分镜头脚本的设计经历了从三维到二维的转变过程。在初版画面形式的设计上,希望以更加酷炫的方式来呈现,如:3d人物折纸,手翻书等(左图),但这种动画方式在拍摄和后期的阶段会耗费大量的时间成本,因此,我们在此基础上做了简化,将其“扁平化”处理(右图),通过实拍后期的方法,来打造更富表现力的动画效果。
  三、道具筹备影棚实拍
  1。道具筹备
  由于动画需要打包到App客户端之中,而且还需预留时间做动画后期、与开发联调等,所以真正留给实拍的时间是非常短暂的,这里还要根据实际的拍摄难度随时修改剧本。因此,一部分道具在开拍之前进行收集、打印、裁剪;其余大部分道具是需要在现场根据实际需要边做边拍。
  2。DIY拍摄架
  为了丰富动画的镜头语言,以及增加画面的设计美感,我们尝试通过双机位来进行拍摄。在顶部侧面安置两台相机,顶机位用来交代全景,侧机位用来捕捉画面的细节。但是受制于拍摄条件有限,必须利用现有的设备,来手工来搭建适合在顶部悬挂相机的拍摄架。
  3。开机拍摄
  一切准备就绪,接下来就要投入紧张地拍摄了。StopMotion(定格动画)的最大特点就是“纯手工”制造,因此,需要极具耐心的模型动画师来完成重任。为了保证画面中的元素可以均匀地移动,我们通过坐标纸来对构图、以及小元素进行定位,在元素移动时,需要参考之前定好的坐标点,与此同时,还使用直尺来测量道具移动的距离,因此,每移动一张都是一个不小的挑战。(可以透露一下,我们此次一共拍了1000余张图片素材,素材累计超过20G)。
  这里的原则是“不拍满”,在拍摄时,一些不确定的画面,或是需要后期做动画的小元素不拍入主画面,小元素后期重新补拍。
  四、基于实拍画面,继续丰富动态元素。
  为了使画面达到可控的效果,我们在拍摄时通过以下两种方式来为后期制作做好铺垫。
  1。横幅拍摄。原始画面是以56003700的分辨率拍摄的,这样可以便于在后期重新裁切与构图,以及在横向上制造画面运动,丰富动画的镜头语言。
  2。预留“空白位置”。以便于在后期随时增加或替换动态元素,画面做到随时可控,也减少补拍甚至重拍的成本。
  将这些拍摄素材进行初剪辑,然后将关键画面打印出来,对脚本进行二次梳理,并在新的脚本上标注好需要增添的动态元素,为下一步的素材准备做好铺垫。
  五、动画后期设计
  视频的分辨率按照iPhone6plus的尺寸(19201080)来制作,这样便于向下做降级处理,以适应不同分辨率的手机屏幕。动画后期主要是通过AfterEffects和Premiere来完成的。AfterEffects的工作包含:原始素材的剪辑、调速、动态元素合成、调色、渲染输出;Premiere的工作包含:配乐、音效、音画节奏同步、编码渲染。由于制作量相当庞大,因此,这里选了几个有代表性的流程进行介绍,其余内容不做赘述。
  由于动画是以逐帧的方式来制作的,而且在现场是分为多个场景来分别拍摄,最终的素材难免出现细微的差别,所以在后期,我们通过既定的色调,统一对分场景进行调色,以达到画面影调统一的效果。
  在本片中,制作的难点是多层画面的合成,以下面的场景为例,我们通过在AE中搭建一个虚拟的3D场景,通过设置摄像机、灯光、3D素材图层,然后逐一对子图层制作动画,以达到真实的动画效果。
  为了实现更加细腻的场景过渡,在“旅行相册”与“亲子相册”的衔接点上,对上层内容做动态Mask,下层内容做MotionBlur的形式来完成场景间的转接,最终达到更加趣味和流畅的视觉效果。
  六、动画编码与压缩
  最终的动画需要打包到app客户端里面,最大的挑战在于如何保证文件既小又清晰,这里的处理方法是:
  1。做分辨率降级。由原始的19201080,降级到1280720。
  2。降低帧率。由原始的30fps,降级到15fps,由于视频是StopMotion的形式,所以这里在一定范围内降低帧率,并不会对画面造成太大的影响。
  3。降低视频码率。这也是减少文件K数的重要指标,原始视频的数据码率高达10770kbps,在平衡文件大小与图像品质的前提下,经过多次反复压缩编码,最终将码率降级到1365kbps,文件大小由最初的18。2M降到2。49M。
  七、小结
投诉 评论 转载

如何用编程思维快速完成产品设计?舒舟(阿里巴巴1688事业部):人们普遍认为,流程和工具不重要,重要的是想法和思路。话虽如此,不过我认为流程和工具也能反映一个设计师的设计态度以及个人思维方式。那些愿意折腾愿意……骨相、肉相、皮相,APP设计之道现在我们手机里的APP已然成为了我们的生活,玩的多了,我们也越加发现一个APP也是有骨、有肉、有皮的生命。很多都在谈体验,谈手感,那么一个APP的好坏体验到底是什么?这种感觉上……相册的逆袭:Qzone5。5动画诞生记腾讯ISUX推荐:还记得当年Qzone5。0的宣传动画吗?没错,就是去年年底发布的很酷炫的动画短片,也正是通过它,让大家对5。0有了一个全新的认识。友情附赠5。0动画的地址:http……大学生兼职APP的竞品分析一、入选产品:二、入选条件分析:分析总结:大学生兼职市场还没有霸主出现,是一块有待开发的领域。这些APP能够获得风投,除了兼职特色服务之外,团队成员背景也占一部分原……移动端Cell栏表单设计问题汇总表单是用户用来获取服务的重要输入工具,也是收集UGC的重要入口,更是用户与服务商交互的重要途径,主要交互过程:用户输入、编辑数据,提交给系统,系统给予相关的反馈和提示,设计过程……实习期间做交互设计的一些总结最近在实习过程中接触到了一些设计方面的工作,在这期间自己也读了一些设计相关的书,这篇文章我把这段时间学到的关于交互设计的一些东西总结一下和大家分享。在现实工作中,其实也很……QQ空间App产品体验报告目录:1。0体验环境2。0产品介绍3。0用户分析3。1用户特征3。2用户数量4。0产品设计4。1功能结构4。2界面设计5。……强悍的纽约设计师妹子教你App设计四大原则设计最有趣的地方在于它的通用性,不论是音乐、建筑还是工业,设计的规则大同小异。今天这篇文章来自纽约的产品设计师妹子Melissa,她从建筑系毕业之后并未从事她的本职工作,201……ZAKER产品体验报告相关信息体验版本:ZAKER6。1。1设备型号:小米3操作系统:MIUI5。1。16开发版目录产品定位和方向需求分析信息架构功能……后台设计(二):联运后台项目小结东东推荐:上次后台设计第一篇文章阅读量非常高,证明关于后台设计的文章比较稀缺。干货继续来,这是作者的关于后台设计的第二篇文章,各位看官请笑纳。两个月下来,第一期的联运后台……猫眼电影、格瓦拉、时光网APP竞品分析概览竞品选择14年国内在线电影票务市场份额前四名中,除微信电影外,选择了猫眼、格瓦拉、时光网作竞品分析。市场份额猫眼16。87、格瓦拉6。75、时光网3……互联网积分体系设计互联网积分随处可见,比如天猫的积分体系,京东的京豆体系、各大论坛的签到、回帖、评论的积分体系以及现在移动互联网的APP也出现了积分体系积分商城。目前接触的好几个APP都出……
用OKR拆解法,做产品规划产品经理都应规避的四大傲慢与偏见产品的灵魂是什么?产品经理入门及进阶修炼指南:七维能力模型从文案到产品经理,三个月成功转岗的心路历程产品经理需要哪些基本素质?产品经理如何减少需求变更?SaaS产品怎么做需求分析?从0到1,外包公司如何完成项目孵化?从用户方、建设方、运营方谈谈:B端和C端产品大厂面试题解析(3):请列举一支笔的20种用途产品经理如何打造自己的产品方法论?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界