UIHome
 前言 
本期分享技术,用C4D+AE实现出小米手机的“小爱同学”和苹果手机的Siri动画效果。
不熟悉软件先别退缩,用到的都是软件上最基础的功能,所以跟着我的操作就能学会。
 小爱同学-动画 
如果你用的是小米手机,不妨现在对着手机叫一声“小爱同学”,这会就出现一个制作精良,非常有科技感动画。
小米手机中的小爱同学动画
设计前先研究一下动画的结构很展现形式,动画是一个3D的效果,一个玻璃球内有若干圆形色块做空间旋转运动。
既然是3D效果,所以首先想到用C4D来做,大概的设计构思是使用几个圆盘加上渐变材质,然后做关键帧空间旋转动画。

C4D部分
打开C4D新建两个圆盘,两个圆盘与中心坐标对称,然后编组,对组打关键帧动画。
下一步添加透明渐变材质,材质编辑器中勾选颜色和透明选项,透明选项中勾选“附加”(与颜色叠加的意思)。
颜色选项中,选择渐变,类型选择圆形渐变,边缘使用黑色,叠加就是透明状(正片叠底功能)。
到这一步就完成一组圆形的动画,复制多组使用不同方位,用同样的方法围绕中心旋转,下图所示。
到此基本形状已经出来,但是每个圆盘都是一个平面,动起来非常生硬,所以每个圆盘加一个扭曲变形器,下图所示。

接下来,选择所以圆盘组,打开窗口中的“时间线窗口”,点击线性去掉默认的缓入缓出,因为此类动画不需要有缓动效果,下图所示。
动画完成,现在加灯光,此动画需要全局光,所以我的办法是上下左右中间全部加上区域灯光,然后在灯光参数“细节”中改为球形灯光。
灯光加好了,打开渲染设置,选择物理渲染,点击输出,选择保存位置,选择PNG格式,勾选透明通道。
在保存项设置渲染图大小,帧范围选择全部,我这里使用了120F,全部设置好,点击渲染。

AE部分
在AE中主要就是做出彩色的透明球体,打开AE新建合成,把在C4D渲染的序列帧导入,此时中心的动画已经完成。
球体制作,新建纯色选中纯色图层,双击圆形图形,给纯色加圆形模版,选中蒙板Command+T缩小圆形蒙板到合适的位置。

复制蒙板,模式改为交集,向左移动蒙板2,出现交集部分,给个高斯模糊数值大概给200左右,呈现下图样式。
然后,复制带有两个蒙板的纯色图层,把蒙板2移动锚点做成下图状态,然后两个图层做轨道遮罩,选择“Alpha遮罩”。
最后复制四组球体高光,依次递增旋转90度成球状,
改变颜色,
然后打关键帧选装一圈,到此效果就出来了。

小爱同学最终效果图
 Siri-动画 
Siri是苹果手机著名的语音助手,动画效果也是及其炫酷,下面我们来搞定他。

苹果手机Siri动画
设计Siri动画效果,同样使用C4D+AE软件,下面只介绍C4D部分,AE部分与小爱同学的操作基本一致。

Siri动画其实就是几个扭转的曲面做空间的旋转动画,这在C4D中使用变形器非常容易实现。

打开C4D新建圆盘,给圆盘加控制器“旋转”和“扭曲”做出下图样式。

依照这样的方式做出3-4个不同样式的曲面,并打
关键帧
做空间上不同角度旋转方式。

加灯光依旧是按设计小爱同学动画的方式,上下左右中间,中间的灯光要亮一点。
加材质同样使用渐变色,只是要多种样式,有暗面和高光,下图所示。

渲染设置同上,依旧使用物理渲染,如果想要更理想的效果,可以分别把每个曲面单独渲染出来,然后在AE中把三组序列帧使用“相加”模式,这样中心部分就会更亮。
Siri最终效果图
继续阅读
阅读原文