第一单元闪客之门熊猫的梦----绘制图像与逐帧动画教学目标1、知识与技能掌握Flash的启动与退出，了解Flash窗口的组成。

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

3、情感态度与价值观初步学习制作逐帧动画、预览动画并生成swf格式的文件。

教学重点认识Flash 8的工作界面，学习使用绘图工具绘制图形并制作成逐帧动画是本课的重点教学难点帧的理解与操作、保存文件是本课的难点教学方法：演示与学生上机课时：1课时课型：新授课授课时间：教学过程引言：网络信息时代带给人们新的视觉冲击，让人们的生活更加丰富多彩。

动态网页与广告、电子贺卡、交互式游戏……，这些作品几乎都可以使用Flash动画软件制作。

Flash动画以其娱乐性、通俗化的特点，吸引越来越多的人们进入闪客世界。

我们从本学期开始将通过学习Flash动画制作，踏入闪客之门。

引入课题：今天我们学习第一课《熊猫的梦----绘制图像与逐帧动画》新课教学法一、启动并认识Flash的工作界面1、启动师提出：Flash的启动它跟我们上学期学过的Word的启动方法一样，可以在Windows桌面单击“开始”→“程序”→“Macromedia”→“M acromedia Flash 8”即可。

（师演示操作，然后学生上机操作）2、认识Flash窗口界面师引导学生分别介绍：1、 标题栏：2、 菜单栏：3、 工具面板：可以进行对象选择、图形绘制、文本录入与编辑、对象控制等操作。

4、 属性面板：反映正在使用的工具和资源情况，可进行详细设置。

5、时间轴：主要由图层和帧组成。

用于组织和控制影片容在一定时间播放。

6、舞台：创作影片各帧容的区域。

7、浮动面板：包含各种不同的特定功能，如：颜色、变形、对齐等。

二、设置文档属性师提出：舞台的尺寸大小、背景颜色等是通过文档属性来设置的。

具体设置：方法一：“修改”→“文档”命令，在弹出的“文档属性”对话框中，通过调整各项参数来设置文档属性方法二：在窗口界面的下方的“属性”面板中设置。

修改文档属性的背景颜色为“黄色”。

其它参数参照教材P4图1.3所示的文档属性面板。

三、制作第1帧画面师：使用各种绘图工具，绘制熊猫和小竹苗。

⑴、利用椭圆工具绘制熊猫的外形1、单击工具面板中的“椭圆工具”，设置笔触颜色为“黑色”，填充颜色为“没有颜色”。

【智多星】当当选中“椭圆工具”后可以在“属性”面板中进行更全面地设置，如教材P4图1.4所示。

其他绘图类工具如“线条工具”、“铅笔工具”、“刷子工具”、“矩形工具”、“颜料桶工具”等，在相应的“属性”面板中也都包含详细的设置。

2、在舞台中拖动鼠标，绘制熊猫的脸部。

使用工具面板中的“选择工具”↖单击绘制完成的圆形并将其拖动至合适位置。

使用与绘制熊猫脸部相同的方法，分别绘制熊猫的“耳朵”、“眼睛”、“鼻子”，并调整至合适位置，如教材图1.5所示绘制熊猫的五官并调整位置。

3、绘制熊猫的嘴部轮廓可以行绘制一个椭圆形，然后利用工具面板中的“线条工具”在圆形中间绘制一条直线。

使用“选择工具”单击上面半圆，按Delete 键将其删除后，将剩余的半圆形放在合适位置即可，如教材P5图1.6所示。

标题栏 菜单栏工具面板 舞台属性 面板时间轴浮动面板4、利用“线条工具”绘制竖线，连接鼻子和嘴。

5、单击工具面板中的“铅笔工具”在“属性”面板中进行相应设置，如教材P5图1.7所示。

6、使用“铅笔工具”绘制熊猫的毛发，然后将多余的线条删除，如教材P5图1.8所示。

⑵、利用颜料桶工具填充颜色1、单击工具面板中的“颜料桶工具”，设置填充充为“黑色”。

2、在需要填充黑色的区域单击。

选择工具使用填充黑色的方法，分别将熊猫的脸、眼球和嘴填充为白色。

如教材P5图1.9所示。

⑶、利用刷子工具绘制小苗1、选择工具面板中的“刷子工具”，设置填充色为“棕色”，绘制出土地的效果。

2、使用“刷子工具”分别绘制深色的土块和绿色的小竹苗，如教材P6图1.10所示。

【智多星】利用“铅笔工具”绘制的是线条。

铅笔工具的颜色由笔触颜色控制。

利用“刷子工具”绘制的是大面积的色彩。

刷子工具的颜色由填充色控制。

四、制作第2帧画面师提出：完全相同的两个画面是不可能出现动画效果的。

因此第2帧画面要在第1帧画面的基础上绘制竹子，使两帧画面不同，为制作动画做好准备。

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

帧：可分为普通帧、关键帧和空白帧几种普通帧：两个关键帧之间的过渡部分，使画面处于保持不变的状态。

以“灰色”显示，快捷键为F5。

关键帧：一个动作的开始或结束，决定动画效果的关键部分。

以“黑色实心圆点·”显示，快捷键为F6。

空白帧：没有放置任何动画对象的关键帧，起到将当前帧的容清除的作用。

以“黑色空心圆点”显示，快捷键为F7。

师先做演示操作，然后学生上机操作实习。

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

2、使用“椭圆工具”、“铅笔工具”绘制带提示角的图形。

3、选择“矩形工具”设置笔触颜色为“黑色”，填充色为“绿色”，绘制的矩形。

4、单击“选择工具”，将鼠标指向矩形边线，待鼠标变为如教材P6图1.11所示状态时，向里关键帧F6帧F5 空白区域空白关键帧F7拖动矩形边线。

完成后用“选择工具”框选，再复制两个，将其在纵向方向为一直线，然后使用“刷子工具”绘制竹叶，完成竹子的绘制。

试着改变绘制图形的颜色。

提示：1、使用工具面板中的“选择工具”选中需要改变颜色的部分。

2、更改工具面板选项中的笔触颜色和填充色即可。

【智多星】师提出：在计算机中显示的图形一般可以分为两大类----矢量图和位图。

矢量图：使用线段和曲线描述图形，文件体积一般较小。

矢量图形最大的优点是进行放大、缩小或旋转等操作都不会产生失真。

矢量图形最大的缺点是难以表现出色彩层次丰富的逼真图像效果。

位图：由一个个小色块组成的图像，这些色块称为“像素点”。

计算机屏幕其实就是一包含大量像素的风格。

位图图形最大的优点是能表现出色彩层次丰富的逼真图像效果。

位图图形最大的缺点是进行放大、缩小或旋转等操作就会看到马赛克一样的像素点。

由于Flash动画是由一矢量图构成的，因此生成的动画文件存储空间很小，在网络中传输速度很快，可以很方便地下载观看。

一个几分钟长度的Flash动画片，常常只有1—2M。

五、调整动画时间师提出：通过添加普通帧的方法可以让关键帧之间的动画过渡时间延长。

师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：1、执行“控制”→“测试影片”命令，此时弹出测试影片的窗口，观察动画效果，可以看到动画播放频率过快，动画容看不清楚。

2、关闭测试影片窗口，在第1帧上右击，在弹出的快捷菜单中选择“插入帧”命令，同样在第2帧上也插入帧，使动画时间延长。

3、测试影片效果，如不满意可继续插入帧延长时间。

【智多星】快捷键：测试影片：Ctrl+Enter撤销上一步操作：Ctrl+Z六、保存文件师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：1、执行“文件”→“保存”“在弹出的对话框中选择保存位置”→“我的电脑”→“E”→“个人文件（1100忠贵）”→“作业”，将文件命名为“熊猫的梦”，单击“保存”按钮，此时动画源文件就以Flash格式保存起来。

2、执行测试影片命令，生成swf格式的动画播放文件。

【知识着陆】1、利用绘图工具配合对应的属性面板可以完成图像的绘制。

2、利用Flash制作简单动画时，只要几个关键帧画面不同，最终都能实现单一图层的逐帧动画效果，如眨眼睛的小动物、闪烁的星星等。

3、fla格式的文件是Flash动画源文件，可以随时进行编辑修改。

Swf格式的文件是动画播放文件，文件占用的存储空间较小，便于随时观看动画效果。

【视野拓展】学生阅读《中国动画片的发展史》【创作天地】学生上机制作第2课蜜蜂采蜜----多层逐帧动画教学目标1、知识与技能（1）巩固绘图类工具的使用方法。

（2）初步学习使用图层来规划整个作品。

2、过程与方法认识图层，理解图层的概念，并学会新建图层，图层重命名、锁定、删除等常用方法。

3、情感态度与价值观初步学习多层逐帧动画的制作。

教学重点多层逐帧动画中使用到了帧和图层的概念教学难点多图层操作由于图层数量过多，因此容易混淆图层与帧的所在位置，教学方法：演示与学生上机课时：1课时课型：新授课授课时间：教学过程师播放教材蜜蜂采蜜的制作完成的动画，请同学们欣赏，引入课题（蜜蜂采蜜----多层逐帧动画）一、新建文件并修改文档属性师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：执行“文件”→“新建”命令，将文档“属性”的大小设置为“300*300像素”，背景颜色为“浅蓝色”，如教材图2.2所示。

二、分图层绘制蜜蜂、花朵、天空、土地等图形师提出：将一幅画面的各部分容在不同图层中绘制，既便于修改画面，又便于处理不同图层的动画效果。

【智多星】图层图层借鉴了幻灯片的制作原理，每一个图层就像一透明的幻灯片，可以在不同的幻灯片上绘制图像，最终罗列在一起，有图像的部分相互遮挡，没有图像的部分透出其他幻灯片上的图像。

最重要的是，修改、删除、移动任何一个图层都不会影响其他图层的图像。

㈠绘制蜜蜂和花篮师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：1、双击时间轴中的“图层1”，将其重命名为“蜜蜂”。

2、分别使用“椭圆工具”、“直线工具”、“铅笔工具”、绘制蜜蜂和花篮的外轮廓，其中笔触颜色设置为“黑色”，填充色为“没有颜色”。

（注意：为了便于填充，绘制的区域应是一个完全封闭的区域。

）3、使用“选择工具”将蜜蜂和花篮移动至合适位置。

【智多星】可以用简洁的方法绘制复杂的图像。

如先使用“直线工具”绘制形状的轮廓，然后再利用“选择工具”调整直线为弧线，（师引导学生查看教材图2.3所示，并且师进行演示操作。

）4、使用“选择工具”单击多余线条，按Delete键将其删除，再使用“颜料桶工具”填充蜜蜂的颜色。

5、单击“颜料桶工具”，设置“混色器”面板中的“类型”为“放射状”，双击“色标”选择颜色，如教材图2.4所示。

设置完成后在花篮部单击，此时花篮部将填充上渐变的颜色。

注意：单击的位置不同，画面效果也不同。

为了防止由于图层增多而导致图层的错误操作，可以在制作完成后单击图层“锁定”按钮下“蜜蜂”图层的未锁定标志，将“蜜蜂”图层锁定，锁定后的图层是不以进行修改的。

【智多星】师先做演示操作，然后学生上机操作实习。

具体演示操作步骤：1、执行“窗口”→“工作区布局”→“默认”命令可以将常用的浮动面板调出，其余面板也可以根据需要在“窗口”菜单中调出。

2、“混色器”面板中的“色标”可以根据画面需要随时添加或删除。