AE基础教程-点赞

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-禁止演绎
2586 3 36 2019-11-10

先在这里感谢大家的关注,前几周出了几篇AE教程之后,发现关注度还是挺高的。接下来会继续定期更新(摆脱拖延症第一步)


因为平时工作也比较忙,只有周末有时间,还有平时的一些碎片时间(不刷抖音了!)来整理教程,后面教程都会尽量做到一周一更新。


上周提到的AE小白入门教程和动画十二黄金法则(同样也适用于UI动效)正在整理资料和准备中,预计可以在11月底前更新。


如果大家有什么想要学习或者了解的建议,或在练习中不懂的地方,欢迎后台或文章留言,会在第一时间回复。


顺便小声逼逼一下(如果觉得教程和内容有用的话,希望大家帮忙推荐下我们给身边朋友,非常谢谢


好啦,言归正传,回到主题!本周教程是一个点赞的动效,最终效果如下

以下是视频过程,建议了解思路后,自己去尝试,这样记忆会更深!



思路解析


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


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


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


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




功能介绍


1、修剪路径


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



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


(偷个懒,用下上周的素材,哈哈)




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


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


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



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


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

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




3、调整图层


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


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





4、运动模糊


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


关键帧参数参考









如果教程有帮助的话

关注我们,点个赞,感谢



Powered by Froala Editor

全部评论:3

  • FANting

    2021-02-05 11:32

    请问有B站视频链接嘛?

  • Miss 5

    2020-02-01 10:53

    大神,你这个遮罩能不能讲的再细一点啊,单看文章做不来,看视频又太冗长

  • 像素有毒

    2019-11-11 11:42

    欢迎关注我们的公众号「像素有毒」,每周定期更新教程

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票