2.3 关键帧动画案例
我们将在本节学习加载进度条动画案例，通过制作本案例，你能够了解制作关键帧动画的基本流程，以及掌握添加关键帧的方法。
Step 01：打开After Effects软件，在菜单栏中执行“合成”＞“新建合成”命令，弹出“合成设置”对话框，设置合成名称，“预设”选择“HDV/HDTV 720 25”，“背景颜色”选择“白色”，如图2-37所示。
图2-37
Step 02：单击“确定”按钮，新建合成文件。
Step 03：在菜单栏中执行“图层”＞“纯色”命令，如图2-38所示。
图2-38
Step 04：在“纯色设置”对话框中设置名称、颜色，如图2-39所示。
图2-39
Step 05：选择“圆角矩形”工具，在“合成”窗口中绘制一个圆角矩形，在蒙版属性中选择“相减”，如图2-40所示。
Step 06：在菜单栏中执行“图层”＞“纯色”命令，新建纯色图层，设置图层名称和颜色，如图2-41所示。
Step 07：选择“进度条”图层，展开图层属性，调整“位置”参数，将进度条图层移动“合成”窗口外，如图2-42所示。
Step 08：将时间线移动到开始帧位置，在“位置”属性前面单击
时间变换秒表图标，添加关键帧，如图2-43所示。
图2-40
图2-41
图2-42
图2-43
Step 09：“合成”窗口的显示效果如图2-44所示。
Step 10：将时间线移动到第8帧位置，调整进度条的水平位置，如图2-45所示。
图2-44
图2-45
Step 11：“合成”窗口的显示效果如图2-46所示。
图2-46
Step 12：将时间线移动到2秒9帧位置，调整水平位置，如图2-47所示。“合成”窗口的效果如图2-48所示。
图2-47
图2-48
Step 13：将时间线移动到最后一帧位置，调整位置的水平参数，如图2-49所示。“合成”窗口的显示效果如图2-50所示。
图2-49
Step 14：选择“文字工具”，在进度条开始位置的上面输入文本“加载中...”，如图2-51所示。
Step 15：选择“加载中...”文字图层，按快捷键P键展开“位置”属性，如图2-52所示。
图2-50
图2-51
图2-52
Step 16：将时间线移动到开始帧位置，在“位置”前面单击
时间变换秒表图标，添加关键帧，如图2-53所示。
图2-53
Step 17：按快捷键K键，将时间线移动到进度条上的第二个关键帧的位置，然后水平移动位置，如图2-54所示。
Step 18：“合成”窗口显示效果如图2-55所示。
图2-54
图2-55
Step 19：按快捷键K键，将时间线移动到第三个关键帧的位置，调整文字的位置，如图2-56所示。
图2-56
Step 20：“合成”窗口的显示效果如图2-57所示。
Step 21：按快捷键K键，将时间线移动到最后一帧位置，调整“位置”属性，如图2-58所示。
Step 22：“合成”窗口的显示效果如图2-59所示。
Step 23：选择文字图层，按快捷键T键，设置“不透明度”属性，如图2-60所示。
图2-57
图2-58
图2-59
图2-60
Step 24：将时间线移动到开始帧位置，将“不透明度”调整为0，添加关键帧，如图2-61所示。
图2-61
Step 25：将时间移动到第3帧位置，将“不透明度”设为100%，如图2-62所示。
图2-62
Step 26：将时间线移动到2秒21帧位置，单击
添加关键帧按钮，为当前时间添加关键帧，如图2-63所示。
图2-63
Step 27：将时间线移动到最后一帧位置，将“不透明度”调整为0，如图2-64所示。
图2-64
Step 28：至此，完成了加载进度条动画的制作。按空格键可以播放动画，如图2-65所示。
图2-65