实验10逐帧动画与形状渐变动画[修改版]

第一篇：实验10 逐帧动画与形状渐变动画

实验10 逐帧动画与形状渐变动画

10.1实验目的：

(1) 掌握帧的基本概念及操作

(2) 掌握逐帧动画的基本概念及操作方法(3) 掌握形状渐变动画的基本概念及操作方法

10.2 实验环境：

Windows XP，FlashCS3 10.3 实验要求：

(1) 制作逐帧动画：舞动的蝴蝶(2) 制作形状渐变动画：变形的车

(3) 制作添加形状提示点的形状渐变动画：翻书效果

10.4 实验内容：

(1) 舞动的蝴蝶：利用逐帧动画制作一只舞动翅膀的蝴蝶，在影片中放置1只蝴蝶，在荷花上舞动翅膀。如图10-1所示。演示效果查看10-1.exe文件。

图10-1

(2) 变形的车：摩托车变形成小汽车向左边行驶，如图10-2所示。演示效果查看10-2.exe文件。

图10-2 (3) 翻书效果，如图10-3所示，演示效果查看10-3.exe文件。

图10-3 10.5实验步骤

1. 打开10-1.fla文件，制作舞动的蝴蝶。

(1) 依次选择“插入”菜单→“新建元件”命令，输入名称为“hudie”，选择“影片剪辑”，新建元件对话框如图10-4所示。

图10-4 (2) 在图层1第一帧处绘制出蝴蝶的身体主干部分：选择工具箱中的刷子工具，指定适当的大小，如图10-5所示，并在属性面板上将刷子颜色设置为棕色，绘制好蝴蝶的躯干。再将刷子大小变小，颜色改为红色，绘制出蝴蝶的眼睛。最后再利用工具箱中的铅笔工具，画出蝴蝶的触角。效果如图10-6所示。

图10-5

图10-6 (3) 点击图层面板左下角的“插入图层”按钮，如图10-7所示，添加一图层：图层2，并在图层2的第一帧处，选择工具箱中的椭圆工具，在属性面板设置其笔触颜色为黑色，填充颜色为无，在按住

Shift键的同时，拖动鼠标，在舞台中央绘制一个正圆形。点击工具箱中的选择工具，按住Ctrl键拖动鼠标将圆形一端变形，形成蝴蝶翅膀的轮廓状，绘制程如图10-8所示。选择颜料桶工具，在颜色面板设置填充色彩为红至黄的放射状渐变色，如图10-9所示，鼠标点击翅膀内部，对其填色。利用铅笔工具和刷子工具绘出翅膀中的花纹。双击选中翅膀的轮廓线，按Delete键将其删除，如图10-10所示。拖动鼠标，选中整个翅膀，利用Ctrl＋G键将左翅膀组合。选择“编辑”菜单→“复制”命令，复制左翅膀。

图10-7

图10-8

图10-9

图10-10

(4) 添加一新图层：图层3，在图层3第一帧处，依次选择“编辑”菜单→“粘贴到当前位置”命令复制出一个左翅膀，再依次选择“修改”菜单→“变形”→“水平翻转”命令，将左翅膀水平翻转成右翅膀，再将其移到合适的位置，如图10-11所示。

图10-11 (5) 在图层2和图层3的第3帧和第5帧处均按F6键插入关键帧，利用任意变形工具将图层2，3中第3帧的左、右翅膀变形。如图10-12所示。

图10-12 (6) 在图层

1、

2、3的第10帧处均按F5键插入普通帧。

(7) 回到主场景区域，添加一图层，命名为蝴蝶，在蝴蝶图层第1帧处，将库中的影片剪辑“hudie”拖到合适的位置，更改其大小。(8) ctrl+enter，测试影片。

2. 打开10-2.fla文件，制作变形的车动画：

(1) 添加一图层，命名为车，在第1帧处将库中的图形元件“摩托车”拖到场景区右侧，利用Ctrl+B键将其分离。在第20帧处按F7键插入空关键帧，将图形元件“汽车”从库中拖到摩托车所在位置，利用Ctrl+B 键将其分离。

(2) 选中第1－20帧中间的任意一帧，点击属性面板“补间”下拉菜单的“形状”选项，如图10-13所示；或右击第1－20帧中间的任意一帧，在弹出菜单中选择“创建补间形状”命令，创建第1－20帧的形状渐变动画。

图10-13 (3) 在“车”层的第40帧处按F6键插入关键帧，在这帧中将汽车移至场景区左侧，按前一步骤的方法创建第20－40帧的形状渐变动画。

(4) 在“背景”层第40帧处按F5键插入普通帧。制作完成后的时间轴面板如图10-14所示。

图10-14 (5) ctrl+enter，测试影片。3. 制作翻书效果动画

(1) 选择“文件”菜单→“新建”命令，新建一个Flash文档，保存为10-3.fla。(2) 将图层1重命名为“封面”。选择矩形工具，在属性面板设置笔触颜色为无，填充色为紫色（#FF00FF），拖动鼠标，在舞台中绘制一矩形，并使用选择工具，拖动矩形上下边缘，修改成书页状，如图10-15所示。

图10-15 (3) 添加一个图层，重命名为“封底”。点击“封面”图层，拖动鼠标选中整个紫色书页图案，选择“编辑”菜单→“复制”命令，再点击“封底”图层，选择“编辑”菜单→“粘贴到当前位置”命令，将紫色书页复制到“封底”图层，并使用颜料桶工具为其填充上蓝色，再移动至合适位置，如图10-16所示。

图10-16 (4) 在“封面”和“封底”图层上方再添加一个图层，重命名为“中页”。选中“封底”图层上的蓝色书页，选择“编辑”菜单→“复制”命令，选中“封底”图层的第1帧，选择“编辑”菜单→“粘贴到当前位置”命令，将蓝色书页复制到“中页”图层，并使用颜料桶工具填充上黄色。如图10-17所示。

图10-17 (5) 在“封面”和“封底”图层的第20帧处各按F5键插入普通帧。在“中页”图层第20帧处按F6插入关键帧，使用任意变形工具对书页进行稍作修改，如图10-18所示。

图10-18 (6) 在“封面”和“封底”图层的第60帧处各按F5键插入普通帧。在“中页”图层第60帧处按F6键插入关键帧，选择任意变形工具，拖动书页水平中线处的角柄，对书页进行水平翻转，效果如图10-19所示。

图10-19 (7) 在“封面”和“封底”图层的第80帧处各按F5键插入普通帧。在“中页”图层第80帧处按F7插入空白关键帧，拖动鼠标，选中“封面”图层上的紫色书页，依次选择“编辑”菜单→“复制”命令，选中“中页”图层的第80帧，依次选择“编辑”菜单→“粘贴到当前位置”命令，复制出一书页，并使用颜料桶工具为书页填充上黄色。

(8) 选中“中页”图层第1—20帧中的任意一帧，在属性面板的“补间”下拉菜单中点击“形状”选项，创建好第1—20帧的形状渐变动画。使用相同方法创建好第20—60帧，第60—80帧的形状渐变动画。

(9) 选中“中页”图层第20帧，依次选择“修改”菜单→“形状”→“添加形状提示”命令，这时舞台上会出现一个红色的a标志，将其移动到书页的左上方。重复选择上述菜单命令，依次添加b，c，d三个形状提示点，分别放置到书页的另三个角上。如图10-20所示。

图10-20 (10) 选中“中页”图层第60帧，将舞台上出现的绿色的形状提示点d，c，b，a移动到对应位置。（注意：位置要和第20帧的相对应），如图10-21所示。

图10-21 (11) ctrl+enter，测试影片。

第二篇：逐帧动画教案

逐帧动画教案

一、教学目标：知识与能力：

1．知道帧、帧频与关键帧的含义。

2．学会用绘制的图形来制作“逐帧动画”。