您好,欢迎您来到UED用户体验网!
您当前位置:UED用户体验网首页 >> 视觉设计 >> 2015微博客户端让红包飞一回动画设计

2015微博客户端让红包飞一回动画设计

2015-12-24 10:07:50 来源:UED用户体验网 浏览:712
内容提要:所有的动画视频设计都都需要一个清晰而明确的思路和方法。才能更加快速和准确的达到最终的表现效果。其中含有运动体验的设计都离不开各种运动变速技巧。无论是运用到视频动画还是界面动效都需要努力的积累和实现应用。

又一年风花雪月人情冷暖,又一年岁岁年年欢庆祝福。2014甲午年属马,一马当先,马上有钱,龙马精神,万马奔腾……都充斥着人们对来年的期盼和心愿。新浪微博客户端依旧祝愿每一个用户眼前一亮天马行空的展现一下新年新气象。大家在春节版微博客户端能看到2014马上新年快乐~(看过的请轻喷)这是新版客户端更新后开机展示的一段8秒的视(niu)频(bi)动画。由相同的三角形分别组合形成的2014、马头以及新年彩球的图案。通过3D空间旋转、组合、运动连成一体。寓意着千千万万小小的正能量凝聚成此时此刻对新一年的欣喜与祝愿,焕然一体而瞬息万变。

(重点)很多喜欢它的小伙伴儿们都会对这个动画是如何制作出来的颇为感兴趣,以下就是一些简单的分享。首先大家在熟悉photoshop的基础上,还要知道After Effects动画设计软件(小白误入)。

重点:After Effects与Photoshop组合使用制作3D动画

0, 先要有明确的构思(此处省略一万字……)

1,Photoshop制作静态关键帧
这里的帧代表的是每一个组合画面的最终效果。

PS设计好最终的画面好坏是视频动画效果的关键,需要在平面设计的过程中将所有的画面素材提前标注好,标注好图层名,以备动画调整中可以随时确定好每一个元素的属性。最终做到平面的效果就是最终的动画效果(暂停视频的画面效果)。如果想要加入光效或者调整颜色,请把这个任务交给After Effects吧,相信它的能力比起PS有过之而无不及。

2,After Effects 3D图层来还原出平面的效果

psd在AE中载入后会读取到Photoshop的图层,包括图层名以及图层的位置等属性。通过3D设定将原本平面的动画素材至于3D空间中,并加入摄像机、灯光以及阴影,将摄像机和灯光至于合适的空间位置。

3,设定新的3D动画关键帧

在空间中通过重新设置和摆放,在运动过程中添加更多的关键帧。使之运动过程更为充满活力和空间效果。

4,节奏与变速运动的设定

在整体动画的运动关键帧都设定好之后,再根据需要做整体的动画,这里设置了整体的3D旋转,配合上摄像机景深的效果,设计出更具有空间感画面效果。

5,移动端高质量压缩输出
视频的压缩需要根据输出的要求而定,不同的输出方式决定视频压缩的不同格式。在移动设备上,MP4是较为通用的视频格式。在iOS设备上也可以用mov等其他格式。MP4可以保证视频的文件足够小的情况下画面帧数和画质损失较小。最后选择合适的压缩码率和压缩分辨率,输出后在不同的移动设备中测试。但是对颜色色域的压缩还是不能达到完美具体请参考。http://www.zhihu.com/question/20048209/answer/14275262

转载<< 2015微博客户端让红包飞一回动画设计 >>请注明来源于互联网最具影响力的UED发言平台!用户体验网 - Hbued.com

关注HBUED创始人微信号:只需用手机微信扫一扫!

我们提供最全的互联网招聘信息、高端人脉信息、用户体验分析研究、互联网产品定位、网站运营推广等信息,关注HBUED掌门人的微信,可以直接与其沟通交流!

互联网人脉库入驻

优先被名企高薪发现你信息

我是高端互联网人士要入驻

名企高薪招聘发布

帮企业第一时间免费找人脉

我是互联网企业要发布招聘

爆料本地互联网事

每天爆料最新的身边互联网

我有最新互联网新闻要爆料

最新企业项目宣传

帮你针对互联网精准宣传

我要宣传我的最新创业项目

你可能感兴趣的文章

中国机械加工网中国机械加工网




© 2008-2016 Hbued.com 版权所有 著作权与商标声明 | 关于我们 | 我要投稿 | 关于创始人 | 商务合作 | QQ群:66206675 | 谢绝IE6.0浏览器

UED用户体验网 | 互联网+ | 用户体验 | 互联网资讯 | 网站运营 | 移动互联网 | 电子商务 | 创业访谈 | 互联网大佬 | 互联网人脉库 | 产品经理 | 产品设计 | 交互设计 | 视觉设计 | 前端开发 | 互联网招聘 | 热门话题