《第9课 制作简单的动画》教案.docx

学而优教有方

PAGE2/NUMPAGES2

《制作简单动画》教案

一、教学内容

利用所给图片素材，使用F1ashCS5.5制作一个扣篮动作的逐帧动画。

二、教学目标

1、了解FlashCs5.5的界面。

2、能熟练使用F1ashCs5.5.3、掌握F1ashCs5.5的功能。

三、教学重点

了解F1ashCs5.5的界面。

四、教学难点

能熟练使用FlashCS5.5.

五、教具准备

多媒体教室

六、教学过程

教学阶段

教学活动

初识FlashCS5.5

师：讲解、演示操作

Flash是一个二维动画制作软件，可以制作SWF格式的动画文件，在网页制作、多媒体演示等领域得到了广泛的应用。Flash动画文件尺寸小，适合在互联网上传播。

1、启动FlashCS5.5执行“开始”→“所有程序”→“AdobeFlashProfessionalCS5.5”命令，启动F1ashCS5.5。单击新建区域中“ActionScript3.0”命令，新建动画文件。

2、认识FlashCS5.5的工作环境

如图3-1所示，F1ashCS5.5编辑界面包括：菜单栏、工具箱、时间轴、舞台（工作区）、属性面板。

（1）工具箱包括选择、绘图、编辑等工具，以及工具的特定选项。

（2）时间轴用来组织和控制动画的内容与播放顺序，是Flash中进行动画创作和编辑的一个重要工具。

（3）舞台（工作区）是制作动画的区域，也是动画的表现范围，通常我们无法观看到超出舞台区域的动画部分。

生：边听边操作。

【设计意图】带领学生认识FlashCS5.5。

确定素材图片顺序

师：在互联网中搜索扣篮的过程，我们先观察扣篮动作的关键画面。接下来，我们再观察素材图片，按正确的顺序排列图片，如图3-2所示。

生：阅读教材，上网搜索扣篮图片，完成排序。

【设计意图】让学生自主探究，了解熟悉动画制作画面的顺序。

制作扣篮动画

师：讲解

在传统的动画制作过程中，一般先用手工逐幅绘制一系列差别很小的静止画面，然后把它们制作成一幅幅胶片。放映设备以每秒24幅左右的速度播放。

放映这些胶片时，我们就可以在银幕上看到具有连续动作效果的影像了。那么，在FlashCS5.5中，如何实现连续动作效果呢？在动画中，我们需要将每个动作都创建为一个画面，当这些画面以一定的速度显示时就可形成动画，这种方式通常被称为逐帧动画。

师：演示操作

1.确定动画舞台的大小

在制作动画前，我们应先确认动画的舞台大小，即动画究竟可以在多大的空间内运动。根据图片的尺寸和比例，在FlashCS5.5界面右侧的属性面板中，我们将舞台大小改为550?50像素，如图3-3所示。

2.导入图片到库

FlashCS5.5的库是用来存储和管理被导人的文件和创建元件的地方，库中的内容随时可以被拖到舞台中使用。执行“文件”一“导入”一“导入到库”命令，选择图片素材，如图3-4所示。

3.制作逐帧动画

（1）制作第1帧画面。

①选定时间轴的第1帧。

②将第一张图片“1.jpg”从库中拖曳到舞台中。③选择工具箱中的任意变形工具，在该工具的属性面板中，调整图片在舞台中的大小和位置。

需要注意以下两点：一是调整图片大小时，我们要注意保持图片的宽高比例，保证图片不变形，如图3-5所示；二是调整对齐方式时，我们先单击“对齐”按钮，打开浮动面板，然后选中“与舞台对齐”，再设置“水平中齐”和“垂直中齐”，如图3-6所示。

④将舞台显示比例设置为70%，以便于查看，如图3-7所示。

（2）制作第2帧画面。

①在第2帧处单击鼠标右键，在弹出的快捷菜单中，选择“插入关键帧”命令，如图3-8所示。

②用上述方法，导人第2张图片并进行设置。

（3）按照上述方法，依次制作3-8帧画面。

（4）预览动画效果。执行“控制”一“播放”命令，预览动画效果，并进行相应的调整。

（5）保存文件。执行“文件”一“保存”命令，以“扣篮”为名，保存文件。文件的扩展名是“.fla”。

生：跟随老师的讲解演示进行操作。

【设计意图】制作扣篮动画是本节课的重点、难点，通过讲解与演示操作结合的方式，带领学生完成动画的制作。

导出影片

如果我们不再对Flash文件进行改动，就可以将Flash文件输出成影片了。执行“文件”一“导出”一“导出影片”

命令，输入文件名后保存。输出影片文件的扩展名为“.swf”。

练习与思考

制作逐帧动画，体会关键画面的作用和意义。

（1）制作一个从10倒数到1的倒计时动画。

（2）制作一个人眨眼的动画。

教学反思