【动效自习室】小球融合渐变背景的制作思路

有的人一看到这个效果就往复杂的方面想，想着两个小球如何一下子融合并且变成一个渐变的背景，半天想不出来如何着手。
我们其实可以先尝试将他们分解开来。
第一部分是小球融合动效：

第二部分是渐变背景的动效：

第三部分是文字的融合动效：

这样分解再来看下，思路是不是清晰很多了。

下面是详细的制作过程。
小球融合动效制作。
1.新建一个合成之后，使用椭圆工具按住并 SHIFT 绘制一个正圆。用快捷键CTRL+ALT+HOME 三键组合将锚点居中，再 CTRL+HOME 键将椭圆居中到合成。
快捷键 CTRL+D 复制出一个，分别填充不同的颜色。

2.选中两个图层，快捷键 P 展开位置属性。激活秒表，在 17 帧处记录一个关键帧，此时两个小球是重叠的。

3.指针回到6秒处，改变X轴的数值，将两个小球往相反方向移动相同的距离：

4.进入曲线编辑器，调整小球快慢节奏。
选中粉色小球的位置，并单击曲线编辑器下的单独尺寸按钮，分离XY轴。也可以右键位置属性进行分离。

这是分离坐标后的图表，红色代表X轴，绿色代表Y轴。

按住ALT点击X轴曲线的锚点，将曲线调整至如下状态，让小球先慢后快。

5.红色小球如法炮制。
最后两个小球的曲线调整至如下状态，速率尽可能保持一致：

小球动效制作完毕。
渐变背景动效制作
1.新建一个纯色层，添加梯度渐变效果作为背景层。
渐变的起终点调整至左右两边，并且颜色分别拾取小球的颜色。

2.使用矩形工具绘制一个正圆作为遮罩层，置于渐变背景层之上，颜色随意。
居中之后，将正圆形放大至超出合成的边缘。

3.对正圆作一个数值从 0-100 缩放的关键帧动画，并在曲线编辑器中将节奏调整为先慢后快。最后以当前层作为遮罩，启用背景层的轨道遮罩效果。

背景动效制作完成。
文字动效制作
1.先后新建两个文字层，输入文本之后分别与小球的位置对齐。并分别链接小球作为父级，让文字跟随小球移动：

2.将全部小球和文字图层裁剪至完全重叠的时间点上。修剪快捷键是ALT+]右中括号键。

3.再新建一个文字层，以小球结束帧为起始帧，做一个位置偏移的动画，偏移值是-100-100，节奏调整为先快后慢。