flash制作化学课件.ppt

《flash制作化学课件.ppt》由会员分享，可在线阅读，更多相关《flash制作化学课件.ppt（81页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、实例实例1 电解水课件电解水课件实例实例2 检验氢气课件检验氢气课件实例实例3 收集氧气课件收集氧气课件本章小结本章小结习题十二习题十二第十二章第十二章 教学课件行业应用实例教学课件行业应用实例实现目标：实现目标：本例制作“电解水课件”，效果如图所示。图12.1.1 最终效果图实例1 电解水课件 设计思路：设计思路：首先制作电解水的试验装置，其次制作开关，最后制作通电时的效果。操作步骤：操作步骤：（1）启动Flash 8软件，新建一个文件。（2）按“Ctrl+J”键，弹出“文档属性”对话框，设置“尺寸”为“550 px400 px”，“背景颜色”为“白色”，“帧频”为“12”，单击“确定”按钮

2、。（3）更改“图层1”的名称为“背景”，如图所示。图12.1.2 更改层名（4）选择“文件”“导入”“导入到舞台”命令，弹出“导入”对话框，导入图片“xpbz0095.jpg”，如图所示。（5）单击时间轴面板中的“插入图层”按钮，插入一个名为“线条”的层。（6）选择工具箱中的直线工具，在属性面板中设置笔触颜色为“#663300”，笔触高度为“5”，笔触样为，在舞台上绘制两条水平直线，如图所示。（7）选中“线条”层，单击时间轴面板中的“插入图层”按钮，插入一个名为“课件名称”的层。图12.1.3 导入图片 图12.1.4 绘制直线（8）选择工具箱中的文本工具，在属性面板中设置字体为“楷体_GB2

3、312”，字体大小为“40”，文本颜色为“黑色”，在舞台上输入文本“电解水课件”，如图所示。（9）选中所有层的第61帧，按“F5”键插入帧，如图所示。图12.1.5 输入文本 图12.1.6 插入帧（10）单击时间轴面板中的“插入图层”按钮 两次，插入名为“水槽”和“试管”的层。（11）选择工具箱中的铅笔工具，在属性面板中设置笔触颜色为“黑色”，笔触高度为“1”，在“水槽”层中绘制水槽，如图所示。（12）在“试管”层中绘制两个相同的试管，如图所示。（13）单击时间轴面板中的“插入图层”按钮，插入一个名为“电极”的层，然后在该层中绘制电路，如图所示。（14）选择工具箱中的矩形工具，在属性面板中设

4、置笔触颜色为“无”，填充颜色为“黑色”，在如图所示的位置绘制3个小矩形。图12.1.9 绘制电路 图12.1.10 绘制矩形图12.1.7 绘制水槽 图12.1.8 绘制试管（15）选择工具箱中的铅笔工具，在属性面板中设置笔触颜色为“#CC6600”，笔触高度为“1.5”，在试管的底部绘制两条导线，如图所示。（16）更改笔触高度为“6”，在电路的顶部绘制“-”和“+”两个符号，并更改“-”的颜色为“蓝色”，“+”的颜色为“红色”，如图所示。图12.1.11 绘制导线 图12.1.12 绘制符号（17）单击时间轴面板中的“插入图层”按钮，插入一个名为“开关”的层，然后在该层中绘制两个黑点，作为开

5、关闭合时的接触点，如图所示。（18）更改笔触颜色为“红色”，笔触高度为“1”，绘制一条如图所示的斜线，作为电路的开关。图12.1.13 绘制黑点 图12.1.14 绘制斜线（19）选中第（17）步和第（18）步绘制的黑点和斜线，按“F8”键，弹出“转换为元件”对话框，在“名称”文本框中输入“开关”，在“类型”选项区中选中“影片剪辑”单选按钮（见图），单击“确定”按钮，将其转换为元件。图12.1.15 “转换为元件”对话框（20）选择“窗口”“库”命令，打开库面板，双击“开关”元件，进入其编辑窗口，单击时间轴面板中的“插入图层”按钮，插入“图层2”。（21）选择“窗口”“动作”命令，打开动作面板

6、，如图所示。图12.1.16 动作面板（22）选中“图层2”的第1帧，在动作面板中输入以下代码：stop();（23）选中斜线，按“F8”键，弹出“转换为元件”对话框，在“名称”文本框中输入“电闸”，在“类型”选项区中选中“影片剪辑”单选按钮，单击“确定”按钮，将其转换为元件。（24）选择工具箱中的任意变形工具，单击“电闸”实例，使其上出现变形控制点，如图所示。（25）按住并拖动圆形控制点到如图所示的位置，调整“电闸”实例的变形中心。（26）按“Ctrl+C”键复制两个黑点，然后单击“场景1”图标，返回到主场景。图12.1.17 显示变形控制点 图12.1.18 调整变形中心的位置（27）选中

7、“开关”层的第2帧，按“F7”键插入空白关键帧，然后按“Ctrl+Shift+V”键将其粘贴在相同位置。（28）选择工具箱中的铅笔工具，在属性面板中设置笔触颜色为“红色”，笔触高度为“1”，绘制一条如图所示的直线。图12.1.19 绘制直线（29）选中第帧中的“开关”实例，在属性面板中的“实例”类型下拉列表中选择“按钮”选项，将其更改为按钮。（30）选中该实例，在动作面板中输入以下代码：on(release)gotoAndPlay(2);（31）单击时间轴面板中的“插入图层”按钮，插入一个名为“气泡”的层，然后选中该层的第2帧，按“F6”键插入关键帧。（32）选择工具箱中的椭圆工具，在属性面板

8、中设置笔触颜色为“黑色”，填充颜色为“白色”，Alpha值为“50%”，在第2帧中绘制一个圆形，如图所示。图12.1.20 绘制圆形（33）选中圆形，按“F8”键，弹出“转换为元件”对话框，在“名称”文本框中输入“气泡1”，在“类型”选项区中选中“影片剪辑”单选按钮，单击“确定”按钮，将其转换为元件。（34）双击“气泡1”实例，进入实例编辑模式对其进行编辑。此时，舞台中除圆形外的对象将以淡色显示，即处于不可编辑状态。（35）再次选中圆形，按“F8”键，弹出“转换为元件”对话框，在“名称”文本框中输入“气泡”，在“类型”选项区中选中“图形”单选按钮，单击“确定”按钮，将其转换为元件。（36）单击

9、“添加运动引导层”按钮，为“图层1”添加引导层，然后选择工具箱中的铅笔工具，在该层中绘制气泡上升时的路径，如图所示。（37）选中“图层1”的第15帧，按“F6”键插入关键帧，选中引导层的第15帧，按“F5”键插入帧。（38）选中“图层1”第15帧中的气泡，将其拖动至路径的另一端，如图所示。图12.1.21 绘制路径 图12.1.22 拖动气泡至路径的另一端（39）选中“图层1”的第1帧，在属性面板的“补间”下拉列表中选择“动画”选项，创建一段运动补间动画。（40）在舞台中除气泡和路径外的位置双击鼠标左键，返回至场景编辑模式，然后选中“气泡”层，从库面板中拖动“气泡1”元件到另一个试管内，如图所

10、示。（41）单击时间轴面板中的“插入图层”按钮，插入一个名为“负极试管水面”的层，然后在该层中绘制若干直线，并将它们转换为“试管水面”元件，如图所示。（42）选中“负极试管水面”的第60帧，按“F6”键插入关键帧，并将该帧中的“试管水面”向下移动一段距离，如图所示。（43）单击时间轴面板中的“插入图层”按钮，插入一个名为“正极试管水面”的层，然后从库面板中拖动“试管水面”元件到如图所示的位置。图12.1.25 移动“试管水面”实例 图12.1.26 拖入“试管水面”元件图12.1.23 拖入“气泡1”元件 图12.1.24 创建“试管水面”元件（44）在第60帧中插入关键帧，并向下移动该帧中的

11、对象到如图所示的位置。（45）分别选中“负极试管水面”和“正极试管水面”层的第1帧，在属性面板的“补间”下拉列表中选择“动画”选项，创建运动补间动画。（46）单击时间轴面板中的“插入图层”按钮，插入一个名为“试管水面遮罩”的层，并在该层中绘制如图所示的图形。图12.1.27 移动“试管水面”实例 图12.1.28 绘制图形（47）将鼠标指针置于“试管水面遮罩”的层名区，单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”命令，添加遮罩效果，如图所示。（48）将鼠标指针置于“负极试管水面”的层名区，单击鼠标右键，在弹出的快捷菜单中选择“属性”命令，弹出“图层属性”对话框。图12.1.29 添加遮罩效果

12、（49）选中“被遮罩”单选按钮（见图），单击“确定”按钮，将该层转换为被遮罩层。图12.1.30 设置“负极试管水面”层的属性（50）单击该层与“锁定/解除锁定所有图层”按钮交叉的图标，将其锁定，如图所示。图12.1.31 锁定“负极试管水面”层（51）选中“试管水面遮罩”层，单击时间轴面板中的“插入图层”按钮，插入一个名为“按钮”的层，并在该层的第61帧中插入关键帧。（52）选择“窗口”“公用库”“按钮”命令，打开Flash 8自带的按钮库，如图所示。（53）选中“按钮”层的第61帧，从库中拖动“classic buttons”“Playback”“gel Right”元件到如图所示的位置。

13、图12.1.32 Flash 8自带的按钮库 图12.1.33 拖入“gel Right”元件（54）选中“gel Right”实例，在动作面板中输入以下代码：on(release)gotoAndPlay(1);（55）单击时间轴面板中的“插入图层”按钮，插入一个名为“气体”的层，并在第61帧中插入关键帧，然后复制“电极”层中的“-”和“+”符号到该帧中，如图所示。（56）在试管内绘制电解水生成的气体，如图所示。图12.1.34 复制符号 图12.1.35 绘制气体（57）单击时间轴面板中的“插入图层”按钮，插入一个名为“文字说明1”的层，然后选择工具箱中的文本工具，在属性面板中设置字体为“黑

14、体”，字体大小为“20”，文本颜色为“黑色”，在舞台中输入文本“请合上电路开关。”，如图12.1.36所示。（58）选中该层的第2帧，按“F6”键插入关键帧，并更改其中的文本为“通电后，电极上出现气泡。”，如图所示。图12.1.36 输入文本 图12.1.37 更改文本（59）单击时间轴面板中的“插入图层”按钮，插入一个名为“文字说明2”的层，在该层的第61帧中插入关键帧，并输入如图所示的公式。图12.1.38 输入公式（60）选择工具箱中的直线工具，在属性面板中设置笔触颜色为“黑色”，笔触高度为“1”，绘制两条水平直线，如图所示。图12.1.39 绘制直线（61）选中“气泡”层的第61帧，单

15、击鼠标右键，在弹出的快捷菜单中选择“删除帧”命令，删除该帧。（62）单击时间轴面板中的“插入图层”按钮，插入一个名为“动作”的层，然后在该层的第61帧中插入关键帧。（63）分别选中“动作”层的第1帧和第61帧，在动作面板中输入以下代码：stop();（64）按“Ctrl+Enter”键，测试动画，最终效果如图所示。实现目标：实现目标：本例制作“检验氢气课件”，效果如图所示。图12.2.1 最终效果图实例2 检验氢气课件设计思路：设计思路：首先制作检验氢气用的装置，然后制作火柴和点燃火柴后出现的效果，最后制作控制按钮。操作步骤：操作步骤：（1）重复“实例1 电解水课件”中第（1）（7）步的操作，

16、创建“背景”、“线条”和“课件名称”层，如图所示。图12.2.2 创建“背景”、“线条”和“课件名称”层（2）选择工具箱中的文本工具，在属性面板中设置字体为“楷体_GB2312”，字体大小为“40”，文本颜色为“黑色”，在舞台上输入“检验氢气课件”，如图所示。（3）选中所有层的第56帧，按“F5”键插入帧，如图所示。图12.2.3 输入文本 图12.2.4 插入帧（4）单击时间轴面板中的“插入图层”按钮，插入一个名为“文本说明1”的层。（5）选择工具箱中的文本工具，在属性面板中设置字体为“黑体”，字体大小为“20”，文本颜色为“黑色”，在舞台上输入如图所示的文本。图12.2.5 输入文本（6）

17、单击时间轴面板中的“插入图层”按钮 两次，插入名为“试管”和“水”的层。（7）选择工具箱中的铅笔工具，在“试管”层中绘制如图所示的试管，在“水”层中绘制如图所示的水面。图12.2.6 绘制试管 图12.2.7 绘制水面（8）按“Ctrl+F8”键，弹出“创建新元件”对话框，在“名称”文本框中输入“火焰”，在“类型”选项区中选中“图形”单选按钮，如图所示。图12.2.8 “创建新元件”对话框（9）单击“确定”按钮，进入元件的编辑窗口，选择工具箱中的椭圆工具，在舞台的中心绘制一个细长的椭圆，如图所示。（10）选择工具箱中的选择工具，将鼠标指针置于椭圆的附近，当其呈现形状时（见图），按住并拖动鼠标，

18、调整椭圆的形状，如图所示。图12.2.9 绘制椭圆 图12.2.10 鼠标指针改变形状 图12.2.11 调整椭圆的形状（11）选择“窗口”“混色器”命令，打开混色器面板，在“类型”下拉列表中选择“放射状”选项（见图），然后设置左侧色标的颜色为“#FFFF00”，右侧色标的颜色为“#FF0000”，如图所示。图12.2.12 选择“放射状”选项图12.2.13 设置色标的颜色时的混色器面板（12）选择工具箱中的颜料桶工具，单击图形进行填充，如图所示。（13）选择工具箱中的填充变形工具，单击图形，使其显示填充变形手柄，如图所示。（14）拖动变形手柄，调整图形的填充效果，如图所示。图12.2.14

19、 填充图形 图12.2.15 显示填充变形手柄 图12.2.16 调整填充效果（15）重复第（10）（14）步的操作，绘制一个稍小的火焰形状，并将它移动到如图所示的位置。图12.2.17 绘制并移动另一火焰形状（16）按“Ctrl+F8”键，弹出“创建新元件”对话框，在“名称”文本框中输入“火焰1”，在“类型”选项区中选中“影片剪辑”单选按钮，如图所示。图12.2.18 “创建新元件”对话框（17）单击“确定”按钮，进入元件的编辑窗口，选择“窗口”“库”命令，打开库面板，从中拖动“火焰”元件到如图所示的位置。（18）选择工具箱中的任意变形工具，单击图形，使其显示变形手柄，如图所示。（19）拖动

20、图形的变形中心到如图所示的位置。图12.2.19 拖入“火焰”元件 图12.2.20 显示变形手柄 图12.2.21 拖动变形中心（20）分别选中第7，10，16，22帧，按“F6”键插入关键帧。（21）选择工具箱中的任意变形工具，改变第7，10，16，22帧中火焰的倾斜度和大小，如图所示。图12.2.22 改变火焰的倾斜度和大小（22）分别选中第1，7，10，16帧，在属性面板的“补间”下拉列表中选择“动画”选项，创建4段运动补间动画，如图所示。图12.2.23 创建4段运动补间动画（23）重复第（16）步的操作，创建一个名为“火柴”的元件，单击“确定”按钮，进入其编辑窗口，从库面板中拖动“

21、火焰1”元件到舞台中，如图所示。（24）单击时间轴面板中的“插入图层”按钮，插入“图层2”，然后选择工具箱中的直线工具，绘制一条斜线作为火柴棒，如图所示。图12.2.24 拖入“火焰1”元件 图12.2.25 绘制火柴棒（25）单击“场景1”图标，返回到主场景。（26）选中“水”层，单击时间轴面板中的“插入图层”按钮，插入一个名为“火柴”的层，然后从库面板中拖动“火柴”元件到如图所示的位置。（27）单击时间轴面板中的“添加运动引导层”按钮，为“火柴”层添加引导层，并在其中绘制如图所示的直线。图12.2.26 拖入“火柴”元件 图12.2.27 绘制引导线（28）分别选中“火柴”层的第2，13，

22、23帧，按“F6”键插入关键帧。（29）选中第13帧，移动该帧中的火柴到直线的另一端，如图所示。图12.2.28 移动第13帧中的火柴（30）选中第23帧中的火柴，在属性面板的“颜色”下拉列表中选择“Alpha”选项，设置Alpha值为“0”，使其完全透明，如图所示。（31）分别选中第2帧和第13帧，在属性面板的“补间”下拉列表中选择“动画”选项，创建两段运动补间动画，如图所示。图12.2.29 改变火柴的透明度 图12.2.30 创建运动补间动画（32）选中“火柴”层的引导层，单击时间轴面板中的“插入图层”按钮，插入一个名为“蓝色火焰”的层。（33）选中该层的第13帧，按“F6”键插入关键帧

23、，然后从库面板中拖动“火焰1”元件到舞台中，并调整其大小和位置，如图所示。图12.2.31 拖入并调整“火焰1”元件（34）选中“火焰1”实例，在属性面板的“颜色”下拉列表中选择“高级”选项，属性面板发生改变，如图所示。图12.2.32 选择“高级”选项时的属性面板（35）单击“设置”按钮，弹出“高级效果”对话框，设置参数如图所示，然后单击“确定”按钮，更改“火焰1”实例的颜色，如图所示。图12.2.33 设置颜色参数 图12.2.34 更改“火焰1”实例的颜色（36）选中“蓝色火焰”层，单击时间轴面板中的“插入图层”按钮 两次，插入名为“文本说明2”和“按钮”的层。（37）选中“文本说明2”

24、层的第20帧，按“F6”键插入关键帧，并在舞台上输入如图所示的文本。图12.2.35 输入文本（38）选择“窗口”“公用库”“按钮”命令，打开Flash 8自带的按钮库，如图所示。（39）选中“按钮”层的第1帧，从按钮库中拖动“classic buttons”“Playback”“gel Right”元件到如图所示的位置。图12.2.36 Flash 8自带的按钮库 图12.2.37 拖入“gel Right”元件（40）选中该层的第25帧，按“F6”键插入关键帧，然后选择该帧中的对象，选择“修改”“变形”“水平翻转”命令，将其水平翻转，如图所示。（41）选择“窗口”“动作”命令，打开动作面板

25、，如图所示。图12.2.38 水平翻转按钮 图12.2.39 动作面板（42）选中第1帧中的按钮，在动作面板中输入以下代码：on(release)gotoAndPlay(2);（43）选中第25帧中的按钮，在动作面板中输入以下代码：on(release)gotoAndPlay(1);（44）单击时间轴面板中的“插入图层”按钮，插入一个名为“动作”的层。（45）分别选中“动作”层的第24帧和第56帧，按“F6”键插入关键帧。（46）分别选中“动作”层的第1，24，56帧，在动作面板中输入以下代码：stop();（47）按“Ctrl+Enter”键，测试动画，最终效果如图所示。实现目标：实现目标：

26、本例制作“收集氧气课件”，效果如图所示。图12.3.1 最终效果图实例3 收集氧气课件 设计思路：设计思路：首先说明氧气的两种收集方法，然后分别用示意图表示。操作步骤：操作步骤：（1）重复“实例1 电解水课件”中第（1）（7）步的操作，创建“背景”、“线条”和“课件名称”层，如图所示。图12.3.2 创建“背景”、“线条”和“课件名称”层（2）选择工具箱中的文本工具，在属性面板中设置字体为“楷体_GB2312”，字体大小为“40”，文本颜色为“黑色”，在舞台上输入“收集氧气课件”，如图所示。（3）选中所有层的第2帧，按“F5”键插入帧，如图所示。（4）单击时间轴面板中的“插入图层”按钮，插入一

27、个名为“文本说明1”的层。图12.3.3 输入文本 图12.3.4 插入帧（5）选择工具箱中的文本工具，在属性面板中设置字体为“黑体”，字体大小为“20”，文本颜色为“黑色”，在舞台上输入如图所示的文本。（6）选中“说明：”，在属性面板中更改其大小为“25”，如图所示。图12.3.5 输入文本 图12.3.6 更改文本的大小（7）选中“文本说明1”层的第2帧，按“F7”键插入空白关键帧，然后单击时间轴面板中的“插入图层”按钮，插入一个名为“装置图”的层。（8）选中“装置图”层的第2帧，按“F6”键插入关键帧，然后选择工具箱中的铅笔工具，在舞台上绘制如图所示的图形。（9）单击时间轴面板中的“插入

28、图层”按钮，插入一个名为“文本说明2”的层，选中该层的第2帧，按“F6”键插入关键帧。（10）选择工具箱中的文本工具，在舞台上输入如图所示的文本。（11）单击时间轴面板中的“插入图层”按钮，插入一个名为“按钮”的层。（12）选择“窗口”“公用库”“按钮”命令，打开Flash 8自带的按钮库，如图所示。（13）选中“按钮”层的第1帧，从按钮库中拖动“classic buttons”“Playback”“gel Right”元件到如图所示的位置。图12.3.9 Flash 8自带的按钮库 图12.3.10 拖入“gel Right”元件图12.3.7 绘制图形 图12.3.8 输入文本（14）选中

29、“按钮”层的第2帧，按“F6”键插入关键帧，然后选择该帧中的按钮，选择“修改”“变形”“水平翻转”命令，将其水平翻转。（15）选择“窗口”“动作”命令，打开动作面板，如图所示。图12.3.11 动作面板（16）选中第1帧中的按钮，在动作面板中输入以下代码：on(release)gotoAndPlay(2);（17）选中第2帧中的按钮，在动作面板中输入以下代码：on(release)gotoAndPlay(1);（18）单击时间轴面板中的“插入图层”按钮，插入一个名为“动作”的层。（19）选中“动作”层的第2帧，按“F6”键插入关键帧。（20）分别选中“动作”层的第1帧和第2帧，在动作面板中输入以下代码：stop();（21）按“Ctrl+Enter”键，测试动画，最终效果如图所示。本章介绍了3个课件的制作，从而充分体现了Flash在教学方面的应用，希望用户通过练习掌握制作技巧，能自己动手制作课件。本章小结1制作“光的折射课件”，最终效果如题图12.1所示。题图12.1 效果图习题十二2制作“电磁感应课件”，最终效果如题图12.2所示。题图12.2 效果图