今天教大家一个简单的动效

工具：

先给大家看看效果

1、首先新建一个画布，我这里是893*，画布大小你们可以随意定

2、新建一个图层，用矩形工具画一个长方形400*24px，填充改为白色，描边改成无，圆角改成12像素。

3、接着再ctrl+J复制矩形1,双击刚复制的图层缩览图，把颜色改为蓝色#，颜色大家可以随意选，不一定按照我的来，然后重命名为“ 蓝条 ”

4、再ctrl+J复制 “ 矩形1 ”，调整一下图层顺序。

5、将蓝条右键→转换为智能对象，按住alt加鼠标左键，把鼠标移到 “ 矩形1 ” 和 “ 蓝条 ” 中间，点击即可添加剪贴蒙版；或者直接在 “蓝条 ” 图层右键创建剪切蒙版（等下我会说明为什么要添加剪贴蒙版）

6、点击菜单栏的窗口→时间轴→创建视频时间轴

7、将 “ 蓝条 ” 向左移动，像进度条开始的样子，没填满的样子。

如果当时没有添加剪切蒙版，蓝条向左移动的时候就会跑出来（如下图），下图为举例说明，不要跟着做哦！

所以其实剪切蒙版的意思就是把上面的图层嵌在下面的图层，让上面的图层无论怎么移动都在下面图层的范围内；

如果移动到下面的图层范围外，上面的图层就不显示啦！

你看看蓝条（上面的图层）是不是就在矩形1（下面的图层）范围里面显示啦（可返回步骤7查看），因为我已经把蓝条移到矩形1的范围外面了，所以蓝条就隐藏起来啦！

8、接着在时间轴里，点击打开蓝条，点击像时钟的图标，再拖动蓝色的小按钮到时间最后的位置（如下图）

9、再把蓝条移到原来的位置上。

10、来看看没导出时的样子，按空格键看看效果。

11、最后 ctrl＋＋alt＋s 导出 gif 就完成了！

12、再打点字，来看看最终效果！完美！

——这里是会设计第15篇原创文章——

往期原创文章：

点个在看，祝您年薪千万。

标签： 剪切蒙版 蓝条 矩形 时间轴 图层