逐帧动画

（一）、逐帧动画

逐帧动画是用连续关键帧的方式组织画面而表现出来的动画，是Flash动画中最基本的动画形式，主要用于表现细微的动作变化，如旗帜飘动、青草摆动、动物行为等动作，如图5-26所示。逐帧动画的原理非常简单，但制作过程却非常复杂，它需要一帧一帧地编辑画面，同时还要考虑画面之间的变化，保证动画效果的自然流畅。在逐帧动画中，每一帧的编辑对象可以是图形、图片、文字等，对于图形的编辑，就要求设计人员有一定的美工基础。

下面利用逐帧动画原理来制作“倒计时”动画和“交通灯”动画。

图5-26 跳远动作逐帧分解

项目实训一：“倒计时”动画

以5秒倒时为例，从5开始，每隔1秒进行倒数，直到0为止。通过制作“倒计时”动画了解逐帧动画的基本原理。 1．打开Flash程序，新建Flash文档（Ctrl+N），默认文件设置，确定。在“图层1”上双击，重命名为“倒数”。 2．利用“椭圆”工具，在舞台正中画大圆。利用“文本”工具在画上输入数字“5”，调整文本的属性如“大小”、“颜色”，适当调整数字与圆的位置。

3．在“倒数”图层的时间轴第二帧上单击右键，“插入关键帧”（F6）五次。

4．单击第二帧，利用“选择”工具双击舞台中的数字“5”，并改为数字“4”。利用同样的方法，第三帧对应数字“3”，第四帧对应数字“2”，依此类推，完成所有数字的修改。

5．调整时间轴帧频率为1fps，表

示1秒钟播放一帧画面，完成倒计时动画。保存Flash文档，执行【控制】→【测试影片】→【测试】（Ctrl+Enter）进行影片测试。在帧频率为24fps下，通过在关键帧上“插入帧”的方法，把每个关键帧延长到24帧可以达到预计的动画效果。

项目实训二：“交通灯”动画

“交通灯”有红、黄、绿三颗指示灯，红绿灯各停顿1秒钟，黄灯闪三下后变换红绿灯。通过制作“交通灯”动画了解逐帧动画的制作过程，了解动画制作的思路，掌握逐帧动画的操作技巧。 1．打开Flash程序，新建Flash文档（Ctrl+N），默认文件设置，确定。在“图层1”上双击，重命名为“灯架”。 2．利用“矩形”工具，禁用线条，填充颜色为#333333，设置“矩形”工具选项为“绘制对象”，在“属性”面板设置“矩形选项”数值为15，在舞台上画出圆角矩形。重新设置填充颜为#000000，“矩形选项”数值为12，在边上画一个小一点的圆角矩形。

3．选中两个圆角矩形，打开“对齐”面板，使两个图形“对齐”方式为“水平中齐”、“垂直中齐”，完成“灯座”绘制。

4．打开“颜色”面板，选择“线性渐变”，在渐变线两端的色标中间单击添加色标。改变三个色标的颜色为#000000、#333333、#000000。利用“矩形”工具，禁用线条，设置“矩形”工具选项为“绘制对象”，在“属性”面板设置“矩形选项”数值为0，在舞台上画出矩形“灯柱”和“底座”。利用“对齐”面板，把“灯座”、“灯柱”和“底座”设置为“水平中齐”。

5．锁定“灯柱”图层，新建图层，重命名为“指示灯”。

6．利用“椭圆”工具，禁用线条，填充颜色为#333333，设置“矩形”工具选项为“绘制对象”，在舞台上画灰色的圆，并复制出两个。利用“对齐”面板设置三个圆“对齐”方式为“水平中齐”，“间隔”为“垂直平均分布”。调整三个圆形的位置，与“灯柱”组成完整的“交通灯”效果。执行【修改】→【分离】（Ctrl+B），分离对象为图形。

7．“交通灯”需要红、黄、绿三种颜色，在“指示灯”图层的时间轴上单击右键，插入关键帧（F6）两次。插入关键帧后，由于“灯架”图层只有一帧，因此在第二和第三帧是看不到灯架的。

8．单击第一帧，选择“选择”工具，在舞台空白处单击，取消三个圆形的选择状态，利用“颜料桶”工具，把第一颗指示灯填上红色。同样的方法，单击第二帧，把第二颗指示灯填上黄色。单击第三帧，把第三颗指示灯填上绿色。在“灯架”图层的第三帧处右键插入帧（F5），使“灯架”图层的帧数与“指示灯”帧数相同。 9．到此为止，逐帧动画效果就出来了，执行【控制】→【播放】（Enter）播放动画，也可以通过时间轴上的控制播放按钮进行播放。动画一闪而过，帧频率为24fps，1秒播放24帧，动画只有三个帧，0.125秒就完成播放。

10．调整帧频率为10fps，使动画1秒钟播放10帧。在“指示灯”图层中，单击第一帧，右键插入帧或按F5，第一帧延长为2帧，由“红灯”需要停1秒，因此第一帧需延长到10帧。用相同的方法，把“黄灯”所在的帧延长为6帧，“绿灯”所在的帧延长为10帧。“灯架”图层的帧直接在最后边按F5补全帧。

11．“黄灯”需要闪两下，目前“黄灯”在11-16帧。在第13、15帧处按F6分别插入关键帧。单击第13帧，修改13帧的“黄灯”颜色改为#333333。此时第11、15帧为的灯为黄色，第13帧为灰色。保存Flash文档，按Enter播放动画。 12．完成动画后，可执行【文件】→【导出】→【导出影片】（Ctrl+Alt+Shit+S）导出影片。也可执行【控制】→【测试影片】→【测试】（Ctrl+Enter）进行影片测试。影片中红灯亮1秒，黄灯闪2下，绿灯亮1秒，接着绿灯直接转为红灯，改进的方法：在第11帧处按住鼠标扫到第16帧，选中帧后右键“复制帧”，在“指示灯”图层最后面右键“粘贴帧”，完成“黄灯”所在帧的复制即可。

本文来源：https://www.bwwdw.com/article/sqnw.html