《制作flash网页动画》教学设计.doc

《《制作flash网页动画》教学设计.doc》由会员分享，可在线阅读，更多相关《《制作flash网页动画》教学设计.doc（36页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、泉州市第九中学校本选修课程泉州市第九中学校本选修课程高中信息技术高中信息技术FLASH 动画教学动画教学泉州市第九中学泉州市第九中学 信息技术组：庄秋香信息技术组：庄秋香 Button 和 Movei Clip，Graphic Symbol 我们已经知道了它的做法和用途，而 Movie Clip 呢？（以下简称 MC）以及 button泉州市第九中学校本培训 信息技术组-flash 教学33呢？ 讲解新课 一、 影片夹子 (Movie Clip) 制作步骤： 选择 Insert 菜单下的 New Symbol 项，在弹出的对话框中给 Symbol 命名，在 Behavior 项中选择 Movi

2、e Clip ,完成之后按确定； Flash 自动跳转至新建 MC 工作区，工作区界面与 Graphic 符号工作区的界面相同， 但表示其属性的图标为 ,注意与图形符号的区别； 在 MC 工作区用前面学的知识做一任意动画，然后回到主场景 Scene 1 ，打开 Library 面板，将刚才建立的 MC 拖入场景，然后 Ctrl+回车测试。 小结：MC 作为一个独立对象出现，内部可包含图形符号按扭等等，并且支持嵌套，表示在 一个 MC 中可插入另外一个 MC 。它在我们编辑影片中帮助很大，比如一个交互作品，当 主场景画面播放到一个阶段需要停止，而又希望其中一部分继续循环播放，那么我们就可以 把需

3、要循环播放的这部分内容做成一个 MC 然后插入其中。 二、 按扭 (Button) 按扭，顾名思义，就是按下后可实现一定功能的一种 Symbol ，我们可以赋予其一定的控制 力，从而在影片中实现需要的作用。赋予按扭功能的代码可以实现影片内部的控制，跳转， 或者外部的超级链接，甚至下栽 URL ，而更深一层的 Action 脚本更可实现一些复杂的互 动功能。 制作步骤： 按 Ctrl+F8 或 Insert 菜单下的 New Symbol,建立一个 Button Symbol ,场景自动跳转至 按扭工作区；按扭的几种状态：Up 为正常状态下，Over 表示当光标移动到之上，Down 则为按下鼠标

4、键， Hit 表示激活区。 选择工具栏的 圆形工具在 Up 区画一个圆形，然后分别在 Over ; Down 中插入关键帧， 然后选择工具栏的填充工具把 Over Down 中的圆形填为不同颜色。回到主场景，按 Ctrl+L 打开 Library 面板，将我们刚才建立的按扭拖至场景工作区。 提示：Hit 是表示激活这个按扭热区的大小，当我们的按扭为规则的实心几何状则 Hit 显的 就没有必要了，而如果是文字的话，那么当光标移动到文字的间隙位置则按扭不被激活，所泉州市第九中学校本培训 信息技术组-flash 教学34以就给 Hit 区放一块与按扭大小相当的，填充为透明的实心体以保证按扭正常工作。

5、 学生练习影片夹子和按钮的制作 教师提问：按钮怎么才能达到控制影片的作用 第四第四节节 交互响交互响应应（ （Action 尝试尝试） ）教学目标 1、 初步掌握 action（动作）的应用方法； 2、 掌握 play, stop, gotoandstop/play, fscommand, quit, telltarget，Get URL 命令的应用方法。 教学重点与难点 掌握 play, stop, goto and stop/play, fscommand, quit, telltarget，Get URL 命令的应用方法 教学过程 导入新课 展示备用动画源文件 按扭已经做出来了，可是我们

6、还没有赋予它任 何功能，而这需要用到 Action。这里给大家做 一个简单的范例初试 Actions ，给以后学习 Actions 做一个铺垫。 讲解新课 一、 初试 action点击面板右上角的 按扭，在弹出的下拉菜单 中选择各种命令 Get URL 命令：在 URL: 栏输入 http:/ ，在 Windows：栏的下拉菜 单中选择 _blank 而 Variables:则保持默认的 Dont send . 在填写过程中可以看到，随着 各栏的输入，右侧窗口的代码也随我们的输入而改变。 Flash MX 提供 Actsions 两中编写模式：Normal Mode 标准模式就是上面所用到的；

7、Expert Mode 专家模式则提供给专业用户，不提供任何选择性的窗口，菜单，提示等 等，纯粹的输入代码。 Play 命令：播放某动画 Stop 命令：停止播放某动画 Quit 命令：退出 Fscommand 命令：调用命令 Gotoandplay/stop 命令：转到并播放/停止 Telltarget 命令：调用语句 二、 应用实例 片头的制作 步骤： 1、 制作按钮； 2、 制作一个片头小影片； 3、 将按钮拖入场景； 4、 设置 action：在小影片的第 1 帧设置 stop 语句，使影片等待按钮按下去再播放；在按钮 上设置 play 语句。泉州市第九中学校本培训 信息技术组-fla

8、sh 教学355、 预览影片：可以看到影片只有等按下按钮时才会播放。 第八第八节节 影片影片发发布布教学目标 1、 使学生掌握 flash 影片的发布方法； 2、 制作一个完整的小影片。 教学重点与难点 使学生掌握 flash 影片的发布方法 教学过程 导入新课 展示备用动画（已经发布好的） 做好的影片要发布出去才能被别人看到，发布：也即将其影片插入至 HTML 文件中以便在 网上传输 讲解新课 一、 Flash 中文件的格式 1、 原文件，后缀为 *.FLA ，也就是我们编辑时的文 件格式，也称之为源文件； 2、 打包以后的影片文件，后缀为 *.SWF 。而发布出 去的就是 SWF 文件，此

9、文件不能在进行编辑。 在 Windows 平台下，两种文件的图标如下： 相对于 FLA ，SWF 文件要显得苗条许多。一般大小为原 FLA 的几分之一至几十分之一。 正因为有这么大的压缩比，才能在网上播放高质量的互动影片。二、 发布影片的方法 在 Flash MX 中建立文件起名保存以后，按 Ctrl+回车测试的时候，则 Flash 会自动在同目 录下创建一个同名 SWF 文件。而要将其发布至 HTML 文件，则选择 File 菜单下的 Publish ,此时同目录下会出现一个同名 HTML 文件,在此 HTML 文件中就包含了插入 SWF 文件的代码。 把这个 HTML 文件和 SWF 文件

10、上传至网络服务器就可以让别人来浏览了。 对影片精确设置：选择 File 菜单下的 Publish Settings . 选择后出现发布设置对话框。在对 话框中 Formats 标签的 Type 中，有很多格式，在需要格式前面的方框中勾选，上方也会 出现相应的格式标签以便详细设置。而默认勾选格式为 Flash ( .swf) 与 HTML (.html) 。 提示：Flash 可是输出多种格式，比如 QuickTime 的 MOV，以及新增的 RealPlayer 输出功 能，同时也可将影片直接打包成 EXE 。 第九第九节节 引引导层导层 guide 的的应应用用教学目标 1、 使学生掌握引导

11、层的应用； 2、 巩固已学基本动画。 教学重点与难点 使学生掌握引导层的应用 教学过程 导入新课泉州市第九中学校本培训 信息技术组-flash 教学35展示备用动画 在学习 Flash 的过程中，尤其是做位移 Motion 的时候是否在痛苦为什么物件只能按直线运 动？最多只能在 Frame (Ctrl+F) 面板里设置一个 Rotate (旋转) ,其实大可不必痛苦。利用引 导层，我们就可以让物件按照我们事先画好的路径来运动。 讲解新课 一、 引导层实例 做一个飞机沿着固定路线飞行的影片 步骤： 1、 选择 Windows 菜单下 Command Library 子项的 Movie Clips

12、, 然后在弹出的库面板中选 择 Biplane, 库面板预览窗口显示一个小飞机，把它拖入场景中调整好大小，然后在第 25 帧插入关键帧，并把飞机移动到另外一个位置，设置 Motion 变化。 2、 然后在 Layer Name (层名称)区点右键，在下拉菜单中选择 Add Motion Guide 这时 Flash 会自动建立一个新层，这也就是所谓的引导层，选择工具栏的铅笔工具划一条曲线,如 下图： 3、 然后点中 TimeLine 的第一帧，选择工具栏的 光标工具选中飞机，并拖动到曲线的起 点在这之前必须点选磁铁工具，这样做的目的是让物件可以“吸附”在引导线上。在拖 动飞机的时候注意观察，在

13、移动到引导线附近后中心位置会出现一个圆圈，当中心圆圈 与引导线接近一定距离就会被吸附上去，任何一个物件都有一个中心位置。 提示：为什么小十字没有在飞机的正中心呢？其实物件的中心位置并不一定全在物件的正中 心，Flash 判定物件的中心是根据其所在的 Symbol 中心来确定的，在建立新符号的时候注 意 Symbol 工作区中心都有一个小的十字，而 Flash 认为这是此物件的中心位置，不管物件 具体离十字的距离，这就产生了物件“中心”并不全都在物件正中心。 4、 当把第一帧中的飞机位置调整好后（吸附在引导线上）选择 Motion 的最后一帧（25 帧） 同样把飞机吸附在引导线的末端。注意：如果

14、没有成功，那么就是在起点与终点上飞机与引导线吸附的有问题，多试验几次。二、学生练习引导层的制作方法,并制作一个完整的小影片 第十第十节节 遮罩遮罩层层 mask 的的应应用用教学目标 3、 使学生掌握引导层的应用； 4、 巩固已学基本动画。 教学重点与难点 使学生掌握遮罩层的应用 教学过程 导入新课 展示备用动画泉州市第九中学校本培训 信息技术组-flash 教学35遮罩的概念在很多软件中都有用的，比如 PhotoShop 等，Flash 中的遮罩也与其类似。就好 像用一层有洞的布蒙在一幅画上看到的感觉。我们来实践一下。 讲解新课 一、 遮罩层的实例 制作一个背景会动的文字 制作步骤： 1、

15、运行 Flash MX , 选择 Insert 菜单下的 New Symbol 建立一个 Graphic 符号，选择 File 菜单下的 Import 命令导入一张图片； 2、 回到主场景,按 Ctrl+L 打开 Library (库) 面板，把刚才创建的图形符号拖入工作区，调 整好大小，然后选择 TimeLine 左下角的工具建立一个新层。 3、 使新层处于图片层之上，选择工具栏的 工具，在新层输入文字：ONLY 。完成后按 Ctrl+T 打开 Character 面板，调整好字体和大小，完成之后应该类似下图：4、 来做关键的一步，将光标移到文字层的层名称区 (Layer Name) 点右键

16、，在弹出的下拉 菜单中选择 Mask 。 提示：在做遮罩 Mask 时，遮罩（如文字）层要处于被遮罩层（如图片背景）之上，要调整 层的上下位置，只需用光标点中要调整的层名称然后上下拖动，到合适位置后松开鼠标键就 可以了。 二、 学生练习 三、 教师提问：如何使背景变成动画呢？ 方法：把该图片所在层做成 motion 动画即可。七七. 教学总结教学总结本章课本以 Flash 动画制作实例为主，采用“任务驱动法”组织知识技能要点，便于 教学， “任务”由易到难，易教易学，能使学生在学习过程中充满成功的喜悦，又能举一翻 三，触类旁通，有利用培养和调动学生学习的积极性和创造性。 通过学习 Flash 动画制作，不仅能提高学生对计算机的应用能力，还有助于培养学生 的审美能力，加深对计算机文化的认识，对信息技术的认识，并能陶冶情操、发展思维。2009 年 1 月 1 日