逐帧动画知识点

3月4日逐帧动画知识点：

一、基本概念

1、帧：构成动画的一系列画面

2、关键帧：用于定义动画变化的帧

3、空白关键帧：帧上没有任何对象

注意：空表关键帧用空心圆表示，关键帧用实心圆表示

4、帧频（FPS）：每秒钟播放的帧数

5、图层：与PS类似，每个图层包含不同内容，对某个图层内容操作不影响其他图层

二、基本操作

1、舞台属性的设置，包括大小、背景颜色、帧频

屏幕右边的“属性”选项卡中

2、插入关键帧的方法

●选择帧鼠标右击，选择“插入关键帧”

●插入菜单——时间轴——关键帧

●快捷键F6

3、插入空白关键帧的方法

●选择帧鼠标右击，选择“插入空白关键帧”

●插入菜单——时间轴——空白关键帧

●快捷键F7

4、图层的基本操作

1）新建：

●插入菜单——时间轴——图层

●选择任意图层右击——插入图层

2）删除：选择任意图层右击——删除图层

三、任务

1、跳跃的豹子

1)创建flash文档：文件——新建——常规中flash文件(ActionScript2.0)

2)调整舞台大小、背景颜色、帧频：屏幕右边属性中单击编辑按钮大小改为300*200像素，

背景颜色和帧频随意。

3)导入素材：文件——导入到库——选中所有的图片（ctrl+a）——单击打开按钮。

4)利用素材制作逐帧动画：选中屏幕右边的“库”选项卡，按着鼠标左键不动，把“位图

1”拖动舞台中。

调整图像在舞台中的位置：单击窗口菜单—对齐命令，选择“水平中齐”和“垂直对齐”。或者修改菜单—对齐——水平居中和垂直居中

同样的方法把剩余的七张图片，放在第2帧到第8帧上舞台中相同的位置。

5)测试影片：保存文件（Ctrl+s）；再按Ctrl+Enter测试影片

2、运动的机器人

1）创建flash文档：文件——新建——常规中flash文件(ActionScript2.0)

2）调整舞台大小、背景颜色、帧频。帧频设为1。

3）绘制机器人：单击屏幕右边工具栏上的矩形工具，在舞台上绘制头部、躯干、上肢、下肢。可以利用复制（ctrl+c）粘贴（ctrl+v）完成另一个上肢、下肢。通过选择工具调整机器人各部位的位置。

4）在第2~7帧按快捷键F6，插入关键帧。

5）单击第2帧，选择机器人的左上肢，单击“任意变形工具”或修改菜单—变形—旋转与倾斜命令，通过鼠标移动变形对象中的白色圆点即变形中心点，按住鼠标左键将中心点上移，如下图所示。

执行窗口菜单——变形命令，输入旋转角度为90度。按enter键后，左上肢发生变化。

6）单击第3帧，按5）的步骤修改右上肢，旋转角度为-90度。

7）单击第5帧，按5）的步骤修改左上肢，旋转角度为45度；右上肢，旋转角度为-45度。8）单击第6帧，按5）的步骤修改左上肢，旋转角度为90度；右上肢，旋转角度为-90度。9）测试影片：保存文件（Ctrl+s）；再按Ctrl+Enter测试影片

注意：观察前后两次抬臂动作，那次更自然。

拓展，请同学们自行增加腿部的动作。

3、花儿的成长

1）创建flash文档：文件——新建——常规中flash文件(ActionScript2.0)

2）调整舞台大小、背景颜色、帧频。帧频设为1；背景色为水湖蓝色（#99ffff）。

3）绘制花儿成长的背景：

首先更改图层的名字：双击“图层1”，输入“背景”，回车即可

选择工具栏上的铅笔工具绘制一条曲线，再选择线条工具绘制三根直线，与曲线组成

一个闭合的图形。用颜料桶工具填充土黄色（#996600）。

选择第23帧，按F6插入关键帧。

4）制作绿叶：

●插入图层，命名为“绿叶”，并通过鼠标左键拖动“绿叶”层到“背景”层的下面。

●绘制第一片绿叶：选择工具栏的刷子工具，填充颜色为绿色（#33cc00），笔触颜色

无，绘制一片绿叶。如下图中的左数第一个绿叶。

●绘制第二片绿叶：选择第2帧，按F6插入关键帧，在第一片绿叶的基础上，用刷子工

具绘制第二片绿叶。如上图左数第二个绿叶。可以辅助修改菜单—变形—扭曲命令调整绿叶的形状。

●调整绿叶的形状：选择第3帧，按F6插入关键帧，用选择工具选中绿叶，选择任

意变形工具或修改菜单—变形—缩放命令，调整叶子的高度。如上图左数第四个绿叶。

●绘制第三片绿叶：选择第4帧，按F6插入关键帧，在前两片绿叶的基础上，用刷子工

具绘制第三片绿叶。如上图左数第五个绿叶。同时通过修改菜单—变形—扭曲命令调整绿叶的形状。

●绘制第四片绿叶：选择第5帧，按F6插入关键帧，在前三片绿叶的基础上，用刷子工

具绘制第四片绿叶。如上图左数第六个绿叶。同时通过修改菜单—变形—扭曲命令调整绿叶的形状。

●调整绿叶的形状：选择第6帧，按F6插入关键帧，用选择工具选中绿叶，选择任意变

形工具或修改菜单—变形—缩放命令，调整叶子的高度和形状。如上图左数第六个绿叶。5）制作花径

●选择第7帧，按F6插入关键帧，用刷子工具绘制花径，长度稍短点。

●选择第8帧，按F6插入关键帧，用选择工具选中花径，选择任意变形工具或修改菜单

—变形—缩放命令，调整花径的长度，比第7帧的要长些。

●选择第9帧，按F6插入关键帧，用选择工具选中花径，选择任意变形工具或修改菜单

—变形—缩放命令，调整花径的长度，比第8帧的要长些。

●选择第10帧，按F6插入关键帧，用选择工具选中花径，选择任意变形工具或修改菜

单—变形—缩放命令，调整花径的长度，比第9帧的要长些。如下图所示。

6）制作花朵

●选择第11帧，按F6插入关键帧，选择椭圆工具，设置

填充颜色为橘黄色（#ff9900），笔触颜色无。然后在舞台上画一个椭圆。如下图左

数第一个所示。

●通过选择工具选中椭圆，选择任意变形工具，调整中心到椭圆的下边。选择窗口菜单—

变形命令，先单击“重置选区和变形”，在旋转中输入30度，然后单击“重置选区和变形”按钮11次，得出整个花朵，如下图所示。