最近在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： 添加循环表达式，效果完成
感谢大家看到最后，觉得有点帮助的朋友欢迎关注
原文地址：设计师深海（公众号）
作者：设计师深海
评论0