【AE教程】如何制作毛玻璃风格图标动效（一） -UI设计素材 UI设计素材网—

关于教程：最近在Dribbble看到了这种风格的Icon，感觉非常有趣，就模仿它的风格制作了一组动态的Icon，今天来和大家分享一下制作过程，希望能对大家有一点点帮助！教程中使用的插件大家可以关注我的公众号“设计师深海”回复“motion2”获取下载连接！

视频：

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

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

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

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

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

STEP.6：使用motion2将图层1的锚点移到最底部

STEP.7： 打开图层1的3D开关

STEP.8： 给图层1的X轴旋转K帧

STEP.9： 选中所有关键帧，使用motion2添加回弹效果

STEP.10： 再用motion2为关键帧添加20的缓动效果

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

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

STEP.13： 给调整图层添加高斯模糊，强度为100

STEP.14： 效果完成

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

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

作者：设计师深海

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