整个动画效果会用到下面这 4 个功能,分别是
修剪路径,效果与预设-设置遮罩,调整图层,运动模糊,下面会详细的功能介绍,文章末尾有对应的关键帧数值参考。
点赞/喜欢这个动作会发生在用户喜欢某个东西之后,点赞后,这时候icon的属性会发生改变,由默认的无状态,变为了喜欢,我们需要给用户一个实时的反馈,告诉用户这件事情已经发生。
普通的基础做法是,改变icon的属性,比如颜色、大小、样式等
功能介绍
1、修剪路径
点开线条路径的图层,选择「添加」里面找到「修剪路径」。可以为图层添加修建路径,然后通过修改里面三个参数来实现我们要的效果。
修剪路径里共有3个属性参数,分别是「开始」「结束」「偏移」,通过调整这三个属性可以控制我们的线条,来进行长短循环变化。
2、效果与预设-设置遮罩
如图所示,如果我们想要红色的圆,只在爱心形状里面缩小和放大,那么我可以用到效果与预设-设置遮罩工具来实现。
其效果原理和Ai的剪切蒙版、Ps的按住Alt创建的剪切蒙版大致相同
我们只需要将「设置遮罩」的效果赋予给红色圆,然后在从图层中获取遮罩选中里选择到爱心图层(下图中红色点)即可
如何赋予?:选中圆的图层,双击设置遮罩即可。
找不到效果与预设?:可以通过顶部菜单栏「窗口」-「效果与预设」中找到
3、调整图层
鼠标右键点击空白处,可以创建一个调整图层,调整图层就是将2个图层的属性统一归到调整图层里面。在调整图层里面进行统一调整。
我们可以将整个爱心的动画全部归到调整图层里面,然后通过改变调整图层的旋转(R)和缩放(S)属性,来得到我们想要的效果。
4、运动模糊
勾选上白色框选区域,就表示打开运动模糊,关键是运动速度越快,模糊越明显。
关键帧参数参考
私信回复“666”有惊喜领取
·································
UI严选——越努力,越幸运