全网首发“小爱同学”动画教程分享!
![](http://static.careerengine.us/api/aov2/http%3A_%7C__%7C_mmbiz.qpic.cn_%7C_mmbiz_jpg_%7C_7MEJhcyBr6EuPlAX9XAX746OjIfU9vRYB69rjx3icxlYPicP5aDTG9OvXCsiaU2rhPibWV3jpncyKKRAIa2iah5LGlw_%7C_0%3Fwx_fmt%3Djpeg.jpg)
▲
点击上方蓝字关注「UIHome」
前言
本期分享技术,用C4D+AE实现出小米手机的“小爱同学”和苹果手机的Siri动画效果。
不熟悉软件先别退缩,用到的都是软件上最基础的功能,所以跟着我的操作就能学会。
小爱同学-动画
如果你用的是小米手机,不妨现在对着手机叫一声“小爱同学”,这会就出现一个制作精良,非常有科技感动画。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWXntUfZmiaWHOUw1pcaSCtEibFo0E6JdtAyeN7hibj6oLhPX77JiaaKBwt8YfQzPYpXUuOCKTnr7vb9icQ_%7C_640%3Fwx_fmt%3Dpng.jpg)
小米手机中的小爱同学动画
设计前先研究一下动画的结构很展现形式,动画是一个3D的效果,一个玻璃球内有若干圆形色块做空间旋转运动。
既然是3D效果,所以首先想到用C4D来做,大概的设计构思是使用几个圆盘加上渐变材质,然后做关键帧空间旋转动画。
C4D部分
打开C4D新建两个圆盘,两个圆盘与中心坐标对称,然后编组,对组打关键帧动画。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWXntUfZmiaWHOUw1pcaSCtEibeHQx0LGE2fhXVWU23Yy32rzcjpFKDOSn9DQxapuDiaa8EhKibJEtLUBA_%7C_640%3Fwx_fmt%3Dpng.jpg)
下一步添加透明渐变材质,材质编辑器中勾选颜色和透明选项,透明选项中勾选“附加”(与颜色叠加的意思)。
颜色选项中,选择渐变,类型选择圆形渐变,边缘使用黑色,叠加就是透明状(正片叠底功能)。
到这一步就完成一组圆形的动画,复制多组使用不同方位,用同样的方法围绕中心旋转,下图所示。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWXntUfZmiaWHOUw1pcaSCtEiboGmibGQwhHenwCSz6YAU6f7EN1jz8QWwn7kj5XWnIMzaYn4lyVWibDicQ_%7C_640%3Fwx_fmt%3Dpng.jpg)
到此基本形状已经出来,但是每个圆盘都是一个平面,动起来非常生硬,所以每个圆盘加一个扭曲变形器,下图所示。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWXntUfZmiaWHOUw1pcaSCtEibq7z16ibjosZGE1k86q1hqt993kM0FiaLjKaxqzIiaUk6UdGe4kYb8mkkw_%7C_640%3Fwx_fmt%3Dpng.jpg)
接下来,选择所以圆盘组,打开窗口中的“时间线窗口”,点击线性去掉默认的缓入缓出,因为此类动画不需要有缓动效果,下图所示。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWXntUfZmiaWHOUw1pcaSCtEibRL2IgGQ7vEbUAFEuLIwcAaIC8viaWFbsJDdLTuxbQ27zcuS7gwQlxWQ_%7C_640%3Fwx_fmt%3Dpng.jpg)
动画完成,现在加灯光,此动画需要全局光,所以我的办法是上下左右中间全部加上区域灯光,然后在灯光参数“细节”中改为球形灯光。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWXntUfZmiaWHOUw1pcaSCtEibooWDd1LsVAJK4P3jyWIicY94WbW2riaqy1ibJdCAlEvvILIBm05NKCh7A_%7C_640%3Fwx_fmt%3Dpng.jpg)
灯光加好了,打开渲染设置,选择物理渲染,点击输出,选择保存位置,选择PNG格式,勾选透明通道。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWXntUfZmiaWHOUw1pcaSCtEibGygMDUYBvejBCgpOoH54IAtKicibWibYZDlRYg9lYTnmbb5Hqpzjjib3YA_%7C_640%3Fwx_fmt%3Dpng.jpg)
在保存项设置渲染图大小,帧范围选择全部,我这里使用了120F,全部设置好,点击渲染。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWXntUfZmiaWHOUw1pcaSCtEibWkjQ0JTnamVaxCpC9RhunMpo3AQ6LCOqujBxGW0caEkTxy63IxOiafw_%7C_640%3Fwx_fmt%3Dpng.jpg)
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVe7vduJibJibq0bw1biauPiaYuMVbb6QoHewVict6So4qx9lriau5IAdOmqcg_%7C_640%3Fwx_fmt%3Dpng.jpg)
AE部分
在AE中主要就是做出彩色的透明球体,打开AE新建合成,把在C4D渲染的序列帧导入,此时中心的动画已经完成。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVhaypKFnbPkMAfHnzZzS30uB1ZTxvSwBD5WFjSPd2G6UibNlhughcicVg_%7C_640%3Fwx_fmt%3Dpng.jpg)
球体制作,新建纯色选中纯色图层,双击圆形图形,给纯色加圆形模版,选中蒙板Command+T缩小圆形蒙板到合适的位置。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVaOSnYzwApZHnz6BARM8Yvs6Tzxr5p5NcYhfYNGJVQFkIJybLGlHhicQ_%7C_640%3Fwx_fmt%3Dpng.jpg)
复制蒙板,模式改为交集,向左移动蒙板2,出现交集部分,给个高斯模糊数值大概给200左右,呈现下图样式。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVZmKDSVV0EnzKd0wVpIowKDpIdJ4ntSPZXx1nDpNM7naKkWhibOZkpFg_%7C_640%3Fwx_fmt%3Dpng.jpg)
然后,复制带有两个蒙板的纯色图层,把蒙板2移动锚点做成下图状态,然后两个图层做轨道遮罩,选择“Alpha遮罩”。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVDBFL2cia2YdeXkBUR9PeqKibDoa9k2OxDiavs4s307vMicibDSzk9aice3iaw_%7C_640%3Fwx_fmt%3Dpng.jpg)
最后复制四组球体高光,依次递增旋转90度成球状,
改变颜色,然后打关键帧选装一圈,到此效果就出来了。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVJMnEdkTgicjjFm0pwS9rbTeRW0GdgceXNLJhMXRKB2mLoDT9KSN0MQg_%7C_640%3Fwx_fmt%3Dpng.jpg)
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_gif_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVKmZ7F0JnYWZwRWY1Jv39fMOicwpEj5icE5ic4j8JcJppIMvK8f8upx01A_%7C_640%3Fwx_fmt%3Dgif.jpg)
小爱同学最终效果图
Siri-动画
Siri是苹果手机著名的语音助手,动画效果也是及其炫酷,下面我们来搞定他。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVib9LJ5oLDZmEVib2ZibhNId1UVXs2al5ld9J7yiaKJY0fkHSyx8BLXNMlQ_%7C_640%3Fwx_fmt%3Dpng.jpg)
苹果手机Siri动画
设计Siri动画效果,同样使用C4D+AE软件,下面只介绍C4D部分,AE部分与小爱同学的操作基本一致。
Siri动画其实就是几个扭转的曲面做空间的旋转动画,这在C4D中使用变形器非常容易实现。
打开C4D新建圆盘,给圆盘加控制器“旋转”和“扭曲”做出下图样式。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVficBFGBMicOmgFrc2I9scWHVtoFP4ibd2r3VZuicP4yUXFETNsEibic4dlFg_%7C_640%3Fwx_fmt%3Dpng.jpg)
依照这样的方式做出3-4个不同样式的曲面,并打
关键帧做空间上不同角度旋转方式。
加灯光依旧是按设计小爱同学动画的方式,上下左右中间,中间的灯光要亮一点。
加材质同样使用渐变色,只是要多种样式,有暗面和高光,下图所示。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVMXLWSRNuTBJd9A6pYJL6gWjPeHwh7l6lBHTpKMicB8eliaWBWwZ8SyPA_%7C_640%3Fwx_fmt%3Dpng.jpg)
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVQqqRhIBEwmzKf9unrQcvsOvqib8tec68OxDsg5C8kibTaMnadXUjicGdA_%7C_640%3Fwx_fmt%3Dpng.jpg)
渲染设置同上,依旧使用物理渲染,如果想要更理想的效果,可以分别把每个曲面单独渲染出来,然后在AE中把三组序列帧使用“相加”模式,这样中心部分就会更亮。
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_png_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVG4uLfprG7343o3uAkPGyQ7ng444f0icsgQF6ps2DiaLg3hDc8eMrvvicw_%7C_640%3Fwx_fmt%3Dpng.jpg)
![](http://static.careerengine.us/api/aov2/https%3A_%7C__%7C_mmbiz.qpic.cn_%7C_sz_mmbiz_gif_%7C_PEscVULYNWWGchYoI57KVzWkbDeRNBTVo3ehReZTJQjd0RUVBvhnvwMCpSdG0SkcCONRPnkIFR3oPsj52S5SFg_%7C_640%3Fwx_fmt%3Dgif.jpg)
Siri最终效果图
阅读原文 最新评论
推荐文章
作者最新文章
你可能感兴趣的文章
Copyright Disclaimer: The copyright of contents (including texts, images, videos and audios) posted above belong to the User who shared or the third-party website which the User shared from. If you found your copyright have been infringed, please send a DMCA takedown notice to [email protected]. For more detail of the source, please click on the button "Read Original Post" below. For other communications, please send to [email protected].
版权声明:以上内容为用户推荐收藏至CareerEngine平台,其内容(含文字、图片、视频、音频等)及知识版权均属用户或用户转发自的第三方网站,如涉嫌侵权,请通知[email protected]进行信息删除。如需查看信息来源,请点击“查看原文”。如需洽谈其它事宜,请联系[email protected]。
版权声明:以上内容为用户推荐收藏至CareerEngine平台,其内容(含文字、图片、视频、音频等)及知识版权均属用户或用户转发自的第三方网站,如涉嫌侵权,请通知[email protected]进行信息删除。如需查看信息来源,请点击“查看原文”。如需洽谈其它事宜,请联系[email protected]。