效果图
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223043-d636bd4148d8cac.jpg)
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223043-c0814d9df2bb197.jpg)
教程步骤
STEP.1 绘制图标
在AI中绘制图标,合成大小800*600,提前分层方便导入AE
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223044-1a122379af831bf.jpg)
STEP.2 将图标导入AE
将AI文件拖入AE,选择导入种类为合成,素材尺寸为图层大小
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223044-69bd32ff775c736.jpg)
STEP.3 调整合成设置
调整合成设置,帧速率30,持续时间2秒
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223045-2b21992ec7a0528.jpg)
STEP.4 绘制背景
新建纯色,作为背景,置于最底层
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223045-2f5599018836574.jpg)
STEP.5 图层转曲
选中AI图层,右键从矢量图层创建形状,然后删除AI图层
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223045-615265f5f956d03.jpg)
STEP.6 复制图层
复制图层一,将副本透明度改为70
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223046-7e481eca0765640.jpg)
STEP.7 新建调整图层
新建调整图层,将图层一设为它的alpha遮罩
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223046-2bf9b8a704eb2cc.jpg)
STEP.8 添加模糊效果
给调整图层添加高斯模糊,强度为100,毛玻璃效果完成
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223047-e6d7e7f9ab44873.jpg)
STEP.9 创建预合成
选中图标的图层,右键创建预合成
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223047-8aab6cf928e4368.jpg)
STEP.10 添加凸出效果
为预合成添加凸出效果
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223047-214c837e55b1bcc.jpg)
STEP.11 调整速度曲线
为凸出高度K帧并添加缓动
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223048-509c84dd9f5a213.jpg)
STEP.12 添加表达式
添加循环表达式,效果完成
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223048-cf8eca4a8e822ca.jpg)
最终效果
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223049-da42e10e8c6eb40.jpg)
STEP.1 绘制图标
在AI中绘制图标,合成大小800*600,提前分层方便导入AE
STEP.2 将图标导入AE
将AI文件拖入AE,选择导入种类为合成,素材尺寸为图层大小
STEP.3 调整合成设置
调整合成设置,帧速率30,持续时间2秒
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223049-cae18ed2d80be61.jpg)
STEP.4 绘制背景
新建纯色,作为背景,置于最底层
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223049-b8b5a581d1644fe.jpg)
STEP.5 图层转曲
选中AI图层,右键从矢量图层创建形状,然后删除AI图层
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223050-24c8c1ff6fed538.jpg)
STEP.6 复制图层
复制图层一,将副本透明度改为70
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223050-5debec7fb02d204.jpg)
STEP.7 新建调整图层
新建调整图层,将图层一设为它的alpha遮罩
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223051-7f74a1e1d1f35c2.jpg)
STEP.8 添加模糊效果
给调整图层添加高斯模糊,强度为100,毛玻璃效果完成
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223051-2d8d93f0869b46a.jpg)
STEP.9 创建预合成
选中图标的图层,右键创建预合成
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223051-5dbd5c6e49a1e95.jpg)
STEP.10 添加凸出效果
为预合成添加凸出效果
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223052-4be6d9cac434e71.jpg)
STEP.11 调整速度曲线
为凸出高度K帧并添加缓动
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223052-02200077d9f4ce2.jpg)
STEP.12 添加表达式
添加循环表达式,效果完成
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223052-268ba056b4300ad.jpg)
最终效果
![](https://www.pphouqi.com/wp-content/uploads/2022/06/1655223053-b677358b603e1d5.jpg)
私信回复“666”有惊喜领取
·································
UI严选——越努力,越幸运