【AE教程】如何制作毛玻璃风格图标动效（四）

最近在Dribbble看到了这种风格的Icon，感觉非常有趣，就模仿它的风格制作了一组动态的Icon，来和大家分享一下制作过程，希望能对大家有一点点帮助！今天是这系列图标动效的最后一期，主要是想带大家看一下AE中的凸出效果，还有如何使用循环的表达式~教程中使用的插件大家可以关注我的公众号“设计师深海”回复“motion2”获取下载连接！

视频地址：https://www.bilibili.com/video/BV1hT4y1j7vX?zw

 

关于教程

 

教程概览

STEP.1：在AI中绘制图标，合成大小800*600，提前分层方便导入AE

 

STEP.2： 将AI文件拖入AE，选择导入种类为合成，素材尺寸为图层大小

 

STEP.3：调整合成设置，帧速率30，持续时间2秒

 

STEP.4：新建纯色，作为背景，置于最底层

 

STEP.5：选中AI图层，右键从矢量图层创建形状，然后删除AI图层

 

STEP.6：复制图层一，将副本透明度改为70

 

STEP.7： 新建调整图层，将图层一设为它的alpha遮罩

 

STEP.8： 给调整图层添加高斯模糊，强度为100，毛玻璃效果完成

 

STEP.9： 选中图标的图层，右键创建预合成

 

STEP.10： 为预合成添加凸出效果

 

STEP.11： 为凸出高度K帧并添加缓动

 

STEP.12： 添加循环表达式，效果完成

 

感谢大家看到最后，觉得有点帮助的朋友欢迎关注

 

原文地址：设计师深海（公众号）

作者：设计师深海