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”，单击“确定”按钮。,（3）更改“图层1”的名称为“背景”，如图所示。,图12.1.2 更改层名,（4）选择“文件”“导入”“导入

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

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

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

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

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

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

8、0%”，在第2帧中绘制一个圆形，如图所示。,图12.1.20 绘制圆形,（33）选中圆形，按“F8”键，弹出“转换为元件”对话框，在“名称”文本框中输入“气泡1”，在“类型”选项区中选中“影片剪辑”单选按钮，单击“确定”按钮，将其转换为元件。（34）双击“气泡1”实例，进入实例编辑模式对其进行编辑。此时，舞台中除圆形外的对象将以淡色显示，即处于不可编辑状态。（35）再次选中圆形，按“F8”键，弹出“转换为元件”对话框，在“名称”文本框中输入“气泡”，在“类型”选项区中选中“图形”单选按钮，单击“确定”按钮，将其转换为元件。,（36）单击“添加运动引导层”按钮，为“图层1”添加引导层，然后选择工

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

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

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

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

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

14、”，文本颜色为“黑色”，在舞台中输入文本“请合上电路开关。”，如图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）分别选中

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

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

24、”和“按钮”的层。（37）选中“文本说明2”层的第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”键插入关键帧，然后选择该帧中的对象，选择“修改”“变形”“水平翻转”命令，将其水平翻转，如图

25、所示。（41）选择“窗口”“动作”命令，打开动作面板，如图所示。,图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+Ent

26、er”键，测试动画，最终效果如图所示。,实现目标：本例制作“收集氧气课件”，效果如图所示。,图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”键插入关键帧，然后选择工具箱中的铅笔工具，在舞台上绘制

28、如图所示的图形。（9）单击时间轴面板中的“插入图层”按钮，插入一个名为“文本说明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

29、.7 绘制图形 图12.3.8 输入文本,（14）选中“按钮”层的第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 效果图,