7、用Adobe AE创建首个动画项目：动画勾选图标

用Adobe AE创建首个动画项目：动画勾选图标

动画的意义与目标

有时候你可能会想，既然能用文本或插图，为何还要费力制作动画呢？其实，动画在用户体验（UX）方面十分有用，它能帮助我们与用户沟通，传达诸如动作或情感等诸多信息。

我们要创建一个勾选图标动画，用于向用户表明购买已成功完成，资金安全且使用得当。从UX角度看，我们希望用户产生以下几种情感：
- 安全感 ：购买操作正确完成。
- 安心感 ：交易过程中资金未丢失。
- 兴奋感 ：就像给自己买了件新T恤后的那种兴奋。

动画不只是为了让应用界面更酷炫，更重要的是让用户生活更轻松、更快乐，让人们感觉更好。所以，让我们开始吧！

导入图标到Adobe AE

若要将图标导入Adobe AE，需确保图标已在Sketch、Figma或Adobe XD这三种基于矢量的工具中设计好。若还未选择工具，推荐使用Adobe XD，它自带AE导出选项，无需额外插件。

从Sketch导入文件到AE

为避免动画问题，建议保持插图简洁整齐。一些布尔运算、文本图层或符号在导出到AE时可能会产生问题。
操作步骤如下：
1. 打开Sketch中的图标，点击顶部菜单栏的“文件”|“打开本地文档”，找到对应文件夹并打开 lottie/chapter04/sketch/lottie_sketch 。
2. 安装AEUX插件（安装方法可参考相关说明）。
3. 安装好插件后，点