动效教程 | 5 分钟快速做个弹跳加载小动画

小编：APP的动效现今是越来越重要了，以前是加分项，现在是必会技能～今天给大家带来的是AE动效教程 —— 5 分钟快速做个弹跳加载小动画，一起来学习学习吧～～

 

前言 

哈喽，今天给大家解禁一个墨染动效特训营圈子内的动效小技巧，如何5分钟快速制作一个弹跳的加载小动画。

效果如上图，先来分析下
技术难点，第一个是食物图标的弹跳，第二个是文本的弹跳

 

食物图标的弹跳

1、将食物图标做一个预合成，依次排列，一个图标只出现一秒钟。

2、然后给整个预合成做上下的往复运动，在上下跳动的过程中加上旋转。

默认的节奏就是匀速的，效果如下

很显然节奏不对，弹跳 的节奏应该是在顶部的时候速度为0，弹起的时候减速，下落的时候加速。

 

如何快速制作弹跳动画？小技巧来了！

1、这些在顶点的位置的关键帧

2、按住 ALT+鼠标?左键 双击 刚刚选中的关键帧，会弹出 关键帧速度 调节窗口

让速度为0，影响为80即可。

 

最终效果如下

 

文本的弹跳动画

1、开启对称网格、网格 （PS：在AE内绘制图形的时候 开启这两个会更精准更方便哦）

2、选中文本图层，用钢笔工具绘制一条蒙版路径，并使用钢笔工具的的添加锚点工具，在蒙版路径中间的位置上加多一个锚点，并拉出控制手柄，方便等下调节路径做动画。

3、展开文本属性，在路径选项里面 选择刚刚绘制的蒙版路径

4、根据图标弹跳的节奏，给蒙版路径K帧，调节向上向下弯曲，做成弹跳的文本。

做完一个弹跳之后，可以复制关键帧到下一个位置即可。

 

最终效果如下

好了教程到这里就完了，大家学会了么？欢迎大家做做练习，发我瞧瞧哦~~

 

 

原文地址：
墨染动效

作者：墨染ART