整个动画效果会用到下面这 4 个功能,分别是

修剪路径,效果与预设-设置遮罩,调整图层,运动模糊,下面会详细的功能介绍,文章末尾有对应的关键帧数值参考。

点赞/喜欢这个动作会发生在用户喜欢某个东西之后,点赞后,这时候icon的属性会发生改变,由默认的无状态,变为了喜欢,我们需要给用户一个实时的反馈,告诉用户这件事情已经发生。

普通的基础做法是,改变icon的属性,比如颜色、大小、样式等

ae点赞怎么做(如何做一个好看的点赞动画)(1)

ae点赞怎么做(如何做一个好看的点赞动画)(2)

功能介绍

1、修剪路径

点开线条路径的图层,选择「添加」里面找到「修剪路径」。可以为图层添加修建路径,然后通过修改里面三个参数来实现我们要的效果。

ae点赞怎么做(如何做一个好看的点赞动画)(3)

修剪路径里共有3个属性参数,分别是「开始」「结束」「偏移」,通过调整这三个属性可以控制我们的线条,来进行长短循环变化。

ae点赞怎么做(如何做一个好看的点赞动画)(4)

ae点赞怎么做(如何做一个好看的点赞动画)(5)

2、效果与预设-设置遮罩

如图所示,如果我们想要红色的圆,只在爱心形状里面缩小和放大,那么我可以用到效果与预设-设置遮罩工具来实现。

其效果原理和Ai的剪切蒙版、Ps的按住Alt创建的剪切蒙版大致相同

ae点赞怎么做(如何做一个好看的点赞动画)(6)

我们只需要将「设置遮罩」的效果赋予给红色圆,然后在从图层中获取遮罩选中里选择到爱心图层(下图中红色点)即可

如何赋予?:选中圆的图层,双击设置遮罩即可。

找不到效果与预设?:可以通过顶部菜单栏「窗口」-「效果与预设」中找到

ae点赞怎么做(如何做一个好看的点赞动画)(7)

ae点赞怎么做(如何做一个好看的点赞动画)(8)

3、调整图层

鼠标右键点击空白处,可以创建一个调整图层,调整图层就是将2个图层的属性统一归到调整图层里面。在调整图层里面进行统一调整。

ae点赞怎么做(如何做一个好看的点赞动画)(9)

我们可以将整个爱心的动画全部归到调整图层里面,然后通过改变调整图层的旋转(R)和缩放(S)属性,来得到我们想要的效果。

ae点赞怎么做(如何做一个好看的点赞动画)(10)

4、运动模糊

勾选上白色框选区域,就表示打开运动模糊,关键是运动速度越快,模糊越明显。

ae点赞怎么做(如何做一个好看的点赞动画)(11)

关键帧参数参考

ae点赞怎么做(如何做一个好看的点赞动画)(12)

ae点赞怎么做(如何做一个好看的点赞动画)(13)

ae点赞怎么做(如何做一个好看的点赞动画)(14)

ae点赞怎么做(如何做一个好看的点赞动画)(15)

ae点赞怎么做(如何做一个好看的点赞动画)(16)

ae点赞怎么做(如何做一个好看的点赞动画)(17)

ae点赞怎么做(如何做一个好看的点赞动画)(18)

私信回复“666”有惊喜领取

·································

UI严选——越努力,越幸运

,