全网首发“小爱同学”动画教程分享！

▲

点击上方蓝字关注「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最终效果图