动画制作Flash教案

1、网页三剑客课堂教学教案课程名称网页三剑客教学对象单科 专业教 材网页设计与制作教程授课内容第一章 Flash MX2004概述课时3课时教学目的与要求通过教学，使学生掌握以下技能熟练掌握文档的基本操作熟悉Flash MX2004的特点了解Flash MX2004的应用领域重点难点Flash MX2004 的特点Flash MX2004文档的基本操作课 型新授课教学方法讲授法教学过程设计 （包括讲授知识、 演示内容及案例、 提问及学生演示 内容）一、导入课题（30分钟）在网络高速发展的今天，越来越多的人们已经不再满意图文并茂的静态网页格式， 动态网页应运而生，但是一般的动态图片和网站的背景音乐应

2、用并不合拍。什么时候 可以把多媒体应用在网站上呢？Flash正是在这一网络发展的大背景下应运而生的，前身是Future Splash。Flash1.0版本诞生于1996年，由于当时的网络大背景，Flash在出道之时并没有得到计算机行业应有的重视，Flash真正的火爆是从Flash3.0版本开始的，到了 1999年6月发布的Flash4.0版本，其制作的动画开始大量的在网上传播，已经逐渐成为了网页交互多媒体动画设计软件的标准。它改变了以往静态的、枯燥的、网页 形式，利用它短小精悍的文件体积和插件，利用它简单易学的操作方式，利用它的“流”式播放形式丰富我们的网络生活。（在此欣赏一些Flash网页和

3、Flash动回）Flash是一个创作工具，从简单的动画到复杂的交互式Web应用程序（如在线商场），它使您可以创建任何作品。通过添加图片、声音和视频，可以使您的Flash应用程序媒体丰富多彩。Flash包含了许多种功能，如拖放用户界面组件、将动作脚本添加到文档的内置行为，以及可以添加到对象的特殊效果。这些功能使Flash不仅功能强大，而且易于使用。下面我们正式的进入Flash的学习，本章内容共分为三部分学习，下面我向大家逐一的讲述。二、知识剖析刚才我已经向大家介绍的Flash这个编辑软件的作用。 下面我们来了解一下这个软件的特点和应用领域。Flash的特点及应用领域 (50分钟)特点：(1)很强

4、的交互性能，添加了大量的 Action Script (动作脚本语言)命令；(2)生成的文件体积小。适合 Web (网页)动画的文件体积需求；(3)保护措施较好；(4)可以创建声色俱全的互动性网页。注：可导入*.WAV及*.MP3格式的音频文件教学过程设计(续表)应用领域：(1)基于Web的动画制作；(2)基于 Web的2D动画艺术创作；(3)基于Web的多媒体课件开发；(4)基于传统出版行业的多媒体光盘制作；Flash工作环境(20分钟)Flash的工作介面和我们前面所学的Fireworks雷同，下面我们来认识一下:1、场景(Scene):用来组织不同主题的动画；2、画板(Stage):也叫

5、舞台，即Flash MX的文件工作区，是进行绘图和编辑动画 的地方；3、时间轴(Time line):是将对象激活(即选中)的关键工具；4、工具箱(Toolbox)：用于图形设计，为动画作准备；5、影号库(Library)：用来存放和组织可反复使用的对象，这些对象统称为符号；6、面板(Pannels):用于方便地对对象的属性等进行编辑操作。Flash中的文件操作 (50分钟)1、新建与打开电影2、电影文件规格的修改“文档属性”对话框：要指定舞台大小(以像素为单位)，请在“宽”和“高”文本框中输入值。 默认文档大小为 550 x 400像素。最小大小为 1 x 1像素；最大为2880 x 288

6、0像 素。教学过程设计(续表)对于“帧频”，请输入每秒显示的动画帧的数量。对于大多数计算机显示的动 画，特别是 Web站点中播放的动画，8 fps (每秒帧数)至U 12 fps就足够了(默 认的帧频为12 fps)。要将舞台大小设置为内容四周的空间都相等，请单击“匹配”右边的“内容” 按钮。要最小化文档大小，请将所有元素对齐到舞台的左上角，然后单击“内容”。要将舞台大小设置为最大的可用打印区域，请单击“打印机” 。此区域的大小 是纸张大小减去“页面设置”中当前选定边距之后的剩余区域。要将舞台大小设置为默认大小，请单击“默认”。要设置文档的背景颜色，请单击“背景颜色”框中的三角形，然后从调色板

7、 中选择一种颜色。3、电影的保存4、电影的导出(*.swf格式)5、将*.swf格式车专为*.exe格式6、Flash电影的发布7、导入外部对象(1)导入并打印多帧Gif图(2)导入*.AI、*.PNG等格式的文件注：Flash中只能导入Illustrator生成的版本为5.0以下的*.AI格式文件(3)导入声音文件8、电影文件的播放与测试(1)控制器(Controller)(2)测试场景(Test Scene)：针对多个场景动画中某一场景的效果测试(3)测试电影(Test Movie):针对整个动画的效果测试(4)播放电影使用 Flash Player理论作业:复习思考题作业上机任务1、Fl

8、ash Player（Flash播放器）是什么？有什么作用？2、有一动回，在 Flash场景中的大小为 300*200pixels ，现要求将 Flash的文件尺寸 倜整为这个已做好的动回尺寸人小，怎么办？3、要将Flash动回生成*.exe格式文件，该怎么办？4、有一个多场景的动画，若现只想对其中一个场景进行测试预览，该选用哪个命令？上机操作：1、创建一个400X 300像素的文档，保存为 test.fla。发布此动回。2、将发布的动画转为 exe格式。经敦文献网页设计与制作教程 Flash完全自学手册课后记（或归纳小结）本章我们主要学习了以下内容：Flash MX2004 的特点Flash

9、 MX2004文档的基本操作Flash 动画制作 遮罩图层教学设计一、教学目标1、使学生掌握利用FLASHY作动画的一般流程及操作方法、增强学生处理信息的能力。2、通过对遮罩图层的学习，让学生掌握遮罩图层建立的基本方法和常用的操作技巧，进一步深化对FLASHY用软件的认识，拓展学生的知识和能力。3、培养学生的探究、合作精神和热爱大自然的情感。二、知识体系和能力培养知识理论体系。 本内容基于广东教育出版社信息技术 第二册中的第三章内容为蓝本使学生掌握和理解遮罩图层的含义。能力实践体系。 运用所学知识解决实际问题，将 地理环保知识与信息技术 知识有机的整合。3、思维体系。充分激活学生探究思维和创新

10、思维。4、情感体系。加强环保意识教育，激发学生热爱大自然，保护大自然的情感。三、重点与难点1、重点：遮罩图层的含义和建立方法、作用2、难点：理解遮罩与被遮罩的关系。四、 教学对象分析对能否理解遮罩与被遮罩层的关系， 这是教学难点所在。 基于 信息技术课的特点，课时少、周期长、学生易忘、操作性强的特 点，在教学中尽量激发学生的发散思维，让学生在渴望中积极探究， 自主的学习，并通过分析源文件，从中真正理解其制作过程。高中生 自我表现力强，尽量给学生多练，多展示的机会。并结合所学习的动 画与地理环保知识进行整合，培养学生科学严谨的学习态度，并培 养学生热爱自然的情趣五、设计思想本节课的设计思想是：从

11、知识、能力思维两个方面对学生进 行知识传授和能力培养，同时引入“课程整合”概念，让学生始终处 于“探究”状态，激活学生思维和情感。通过flashMTV提出问题一复习原有知识（帧动画的形式） 并提出任务一引入新知识（遮罩图层）一新知识剖析（遮罩图层的含 义）一新知识运用-知识综合（创作动画作品）六、教学准备a）使用网络教室软件（远志多媒体网络教学系统）b） 教学/KeJian/课件和教学录相七、教学过程（表格式）,学流程*师活动学生活动设计意图备 注过程一A、给学生欣赏 一段 FLASH MV（一个真实的 故事）B、针对MTV 动画提问学1、 欣赏并观察FLASH MTV动画，分析 在动圆中的每

12、个动 作2、通过提问回想上 节课的内容。i1、 强学生对本节课的兴趣通过这段动画让学生分析 其动画形式以此复习上节课内 容（动画的基本形式）以这段动回的故事内容及 两组图片的展示（一组是大自 然饱受污染的图片，另一组体 现美好大自然的九寨风景图）生、并针对大 自然给学生对 比两组图片并 导入创作主题给学生一种担忧和向往、激发 学生对大自然的热爱和爱护大 自然的责任感。并导入该堂课 的创作主题。（创作一个以热 爱自然、尊重生命为主题的F LASH、动画）过程二A导入新课 FLASH遮罩效 果的应用B、以/KeJian/ 课件展示遮罩 实例C、以文字遮罩 贵花为例 分析讲解、演 示1、学生通过欣赏

13、遮 罩动画实例来理解 遮罩2、跟随老师以边听 边看、边练的方式学 做贵花遮罩动回通过学习遮罩来丰富学生 的创作形式展示丰富的遮罩实例激发 学生对新的FLASHY效的兴趣。过程三A、学生自由练 习新课内容 B、老师辅导1、学生自由练习并 提问1、让学生理解新知识，过程四A、给学生欣赏 一组以热爱自 然、尊重生命 为主题的学生 作品。B、学生开始分 组进行主题动 面的创作。C、老师指导学生分组创作（以两 个或四个为一组并 选出组长，每一个组 想个创意，并由 组长分工协调）1、 树立学生对大自然的责任 感。2、培养学生的团队合作精神， 促进同学之间的友好。3、激旧生的创新能切口想 象力过程五A、选出两组学 生作品进行展 示、讲评，并 给予肯定和鼓 励1、 学生展示作品2、并由组长简单说 明一个其创意和创 作方法。通过作品的展示给