整个动画效果会用到下面这 4 个功能，分别是
修剪路径，效果与预设-设置遮罩，调整图层，运动模糊，下面会详细的功能介绍，文章末尾有对应的关键帧数值参考。
点赞/喜欢这个动作会发生在用户喜欢某个东西之后，点赞后，这时候icon的属性会发生改变，由默认的无状态，变为了喜欢，我们需要给用户一个实时的反馈，告诉用户这件事情已经发生。
普通的基础做法是，改变icon的属性，比如颜色、大小、样式等
你未来会是一名专业的设计师吗?60秒完成性格测试获取免费学习资料：
http://www.silusheji.com/zhuanti/xinggeceshi/?js-fxy
(如无法点击，复制到浏览器打开即可，完成测试可获得相关学习资料一份)
功能介绍
1、修剪路径
点开线条路径的图层，选择「添加」里面找到「修剪路径」。可以为图层添加修建路径，然后通过修改里面三个参数来实现我们要的效果。
修剪路径里共有3个属性参数，分别是「开始」「结束」「偏移」，通过调整这三个属性可以控制我们的线条，来进行长短循环变化。
（偷个懒，用下上周的素材，哈哈）
2、效果与预设-设置遮罩
如图所示，如果我们想要红色的圆，只在爱心形状里面缩小和放大，那么我可以用到效果与预设-设置遮罩工具来实现。
其效果原理和Ai的剪切蒙版、Ps的按住Alt创建的剪切蒙版大致相同
我们只需要将「设置遮罩」的效果赋予给红色圆，然后在从图层中获取遮罩选中里选择到爱心图层（下图中红色点）即可
如何赋予？：选中圆的图层，双击设置遮罩即可。
找不到效果与预设？：可以通过顶部菜单栏「窗口」-「效果与预设」中找到
3、调整图层
鼠标右键点击空白处，可以创建一个调整图层，调整图层就是将2个图层的属性统一归到调整图层里面。在调整图层里面进行统一调整。
我们可以将整个爱心的动画全部归到调整图层里面，然后通过改变调整图层的旋转(R)和缩放(S)属性，来得到我们想要的效果。
4、运动模糊
勾选上白色框选区域，就表示打开运动模糊，关键是运动速度越快，模糊越明显。
关键帧参数参考
网友评论