1.1熊猫的梦——绘制图像与逐帧动画

【学习目标】

1．掌握Flash的启动与退出，了解Flash窗口的组成。

2．掌握在Flash中绘制图像的方法，学会保存动画文件。

3．初步学习制作逐帧动画、预览动画并生成swf格式的文件。

【教学设计】

熊猫是我国的国宝，它吃竹子时憨憨的模样让人过目不忘，可是竹子开花导致竹子大面积枯死，熊猫缺少了生存的食物，国宝将面临灭绝的可能，让我们及时培育一株小竹苗，帮助熊猫度过难关吧。

一、启动并认识Flash的工作界面

Flash是一款创作动画的软件，利用Flash不但可以制作简单动画，而且可以制作游戏、课件等具有交互式功能的复杂动画。

1、Flash的启动：

方法一、双击桌面快捷图标。

方法二、点击桌面左下角的“开始”按钮，选择“Macromedia”---“Macromedia Flash 8”。

2、Flash的基本工作界面：

二、制作flash作品“熊猫的梦”

1、设置文档属性

舞台的尺寸大小，背景颜色等是通过文档属性来设置的。一般情况下，在flash文档的下面，放置有“属性面板”，用来设置文档的属性。也可以执行“修改”—“文档”命令，在弹出的“文档属性”对话框中，通过调整各项参数来设置文档属性。

2、制作第1帧画面

（1）利用椭圆工具绘制熊猫外形

步骤1：单击工具面板中的“椭圆工具”，设置笔触颜色为“黑色”，填充颜色为“没有颜色”。

步骤2：在舞台中拖动鼠标，绘制熊猫的脸部。使用工具面板中的“选择工具”，单击绘制完成的圆形并将其拖动至画面合适位置。

步骤3：绘制熊猫的嘴部轮廓可以先绘制一个椭圆形，然后利用工具面板中的“线条工具”在圆形中间绘制一条直线。使用“选择工具”单击上面的半圆，按Delete键将其删除后，将剩余的半圆形放在合适位置即可。

步骤4：利用“线条工具”绘制竖线，连接鼻子和嘴。

步骤5：单击工具面板中的“铅笔工具”，在“属性”面板中进行相应的设置。

步骤6：使用“铅笔工具”绘制熊猫的毛发，然后将多余的线条删除。

（2）利用颜料桶工具填充颜色

步骤一：单击工具面板中的“颜料桶工具”，设置填充颜色为“黑色”。

步骤二：在需要填充黑色的区域单击。

（3）利用刷子工具绘制小苗

步骤一：选择工具面板中的“刷子工具”，设置填充色为“棕色”，绘制出土地的效果。

步骤二：使用“刷子工具”绘制绿色小竹苗。

3、制作第2帧画面：

完全相同的两个画面是不可能出现动画效果，因此第2帧画面要在第1帧画面的基础上绘制竹子，使两帧画面不同，为制作动画做好准备。

时间轴主要由图层和帧组成，动画效果主要是通过交替播放时间轴上不同帧中的相应画面而实现的。

普通帧：两个关键帧之间的过渡部分，使画面处于保持不变的状态，以“灰色”显示，快捷键为F5。

关键帧：一个动作的开始或结束，决定动画效果的关键部分。以“黑色实心圆点”显示，快捷键为F6。

空白关键帧：没有放置任何动画对象的关键帧，起到将当前帧的内容清除的作用。以“黑色空心圆点”显示，快捷键为F7。

步骤1：在图层1第2帧的位置右击，在弹出的快捷菜单中选择“插入关键帧”命令。

步骤2：使用“椭圆工具”、“铅笔工具”绘制带提示角的空心轮廓图形。

步骤3：选择“矩形工具”，设置笔触颜色为“黑色”，填充色为“绿色”，绘制3个纵向排列的矩形。

步骤4：单击“选择工具”，将鼠标指向矩形边线，待鼠标变为状态时，向里拖动矩形边线。然后使用“刷子工具”绘制竹叶，完成竹子的绘制。

4、调整动画时间

操作步骤：在第2帧上右击，在弹出的快捷菜单中选择“插入帧”，同样在第1帧也插入帧，使动画时间延长。

5、保存与测试影片

步骤1：行“文件”－“保存”命令，文件名为“熊猫的梦”

步骤2：执行“控制”—“测试影片”命令。

三、Flash的退出：

方法一、点击窗口右上角的“关闭”按钮。

方法二、点击“文件”菜单下的“退出”命

令。

【拓展训练】

绘制卡通形象

【操作要求】

1、综合灵活运用各种绘图工具绘制卡通形象造型，最终效果如右图所示。

2、在互联网上有许多gif格式的小动画（见下图），如：QQ表情、论坛头像等，它们非常简单。学习了今天的知识，你能不能自己设计制作一个，发给你的同学或朋友？