fireworks动态图片制作教学设计.docx

fireworks动态图片制作教学设计.docx

《fireworks动态图片制作教学设计.docx》由会员分享，可在线阅读，更多相关《fireworks动态图片制作教学设计.docx（11页珍藏版）》请在冰豆网上搜索。

fireworks动态图片制作教学设计

Fireworks动态图片制作教学设计

课题：

Fireworks动态图片制作

课时：

45分钟

周次：

第13周

教学对象：

网页社团课

教学目标：

1.知识技能目标

fireworks动态图片基本制作四种方法

2.过程方法目标

首先给出几种基本动态图片的演示效果，激发学生兴趣，产生初步印象。

然后简单介绍fireworks软件，接下来进行具体的演示讲解。

3.情感态度价值观

以生活中问题去启发学生，调动学生的积极性与主动性。

教学重点：

四种基本动态图片效果制作

教学难点：

动态图片制作

教学方法：

互动交流、讲解示范法、启发引导

教学环境：

电脑室，网络环境

教学内容及过程：

一、fireworks动态图片制作

0.简答点评，给出学习目标

首先，欢迎学生继续进行信息技术课程的学习，对上周社团课内容简单点评，引导发扬优点，克服不足；同时，给出本周社团的学习目标，并提出希望与期待！

给出本节课的学习目标，主要在于四种基本动态图片制作。

期待学生积极参与，向更高层次目标努力。

1.合并图像制作动画

合并图像制作动画，就是将一系列图片按顺序排列分布到不同的状态中来制作动画。

这种排列完全是程序自动选择的，可以免去大量的手工操作，非常方便快捷。

具体步骤：

1）：

选择“文件”->"打开“，找到图片所在文件夹，选中所有待处理图片。

2）选择“文件”->"打开“，找到图片所在文件夹，选中所有待处理图片。

选中“以动画打开”，然后单击“打开”。

查看状态

3）保存：

另存为到“桌面”->mofang01.gif.

2.简易动画：

利用【状态】面板可以迅速地制作简易的动画。

具体步骤：

导入图像，或者复制图像；

编辑->复制，并排列图像成圆形或其他图形

选中所有图像，右击“状态”面板上的状态1，在弹出的快捷菜单中选择‘分散到状态’菜单。

在状态面板中选择全部状态，然后双击状态右侧数字，在弹出的“状态延迟”文本框中输入30.

保存：

另存为qq02.gif

3.使用菜单建立动画

在fireworkscs5中，使用菜单命令也可以建立动画效果。

下面通过一个实例，讲解使用菜单创建动画的过程。

具体步骤：

窗口-自动形状

形状面板-拖动‘齿轮’到文档中。

修改-动画-选择动画

设置状态，数据如下：

单击确定，如下图所示：

线表示元件移动的路径，线上的点表示状态，左端绿点表示起始状态，红点表示结束状态。

保存：

另存为，caidanflash03.gif

4.使用元件生成补间动画

在fireworkscs5中创建补间动画，只需要创建动画的第一个状态与最后一个状态，中间的变化过程程序会自动生成。

具体步骤：

选择，窗口-公用库-文档库，找到'时钟'的元件,拖动'时钟'元件到画布，如图所示：

按住shift键选中画布上的两个元件。

选择：

修改-元件-补间实例

查看状态栏，并可播放/停止查看效果。

保存：

另存为-bujianflash04.gif

二、作业

4种类型动态图片制作方法任选3种，并提交作业。

命名以“座位+姓名”，如01***。

并表达希望与感谢！

三、教学反思