永宁中学八年级信息技术Flash教案

《Flash8.0》信息技术八年级教案任教班级：初二年级1278910学期：2012学年下学期任课教师：朱红卫2012年6月中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI2备课节次2第1节FLASH简介概述教学目的：1、动画的应用领域2、了解动画的制作流程。重点：动画的制作流程难点：动画的制作流程教学方法：讲授法教学过程:讲授新知:一、动画的应用领域Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。大家知道，HTML语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。然而，程序设计总是不能很好地普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又功能强大的动画设计工具，而Flash的出现正好满足了这种需求。FLASH的特点中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI31.使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。2.通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。3.把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画(电影)效果。而且在Flash4.0的版本中已经可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的‘身材’。4.强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FSCOMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。总之，Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。二、了解动画制作流程1、前期策划在制作动画之前，首先应该想清楚制作这个动画要达到什么样的目的和效果，通过怎样的手法制作动画的角色和形工等。2、素材搜集前期策划完成后，就可以对动画中需要使用的素材进行搜集。在搜集时应用注意目的性，主要根据动画策划的所规划好的素材类型进行搜集，这样能有效地节约时间和精力。3、动画制作Flash动画的制作中很关键的一步就是制作动画的过程，在对动画进行前期策划和素材搜集之后，动画的最终品质将很大程度上取决于动画的制作过程。4、后期测试与发布动画制作完成后，需对动画进行测试，以保证动画作品的最终质量。中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI4巩固练习:1、动画有能应用到哪些领域？2、Flash动画的制作过程大致可分为哪些？小结：完成一部优秀的Flash动画作品需要经过很多的制作环节，其中每一环节的质量都直接关系到作品的最终效果，因此应该认真地把握每个环节的制作。作业：上机熟悉Flash8.0的工作环境中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI5备课节次2第2节动画的基本创作流程一、要求掌握以下实习内容：1、动画创作的通用工作流程2、如何新建文档和设置文档的属性3、如何导入、调整、转换图形素材4、插入普通帧和关键帧并设置帧的类型5、创建补间动画6、绘图纸外观和编辑多帧的使用7、测试和发布FLASH影片二、实例演练——模拟客机从滑行到起飞以至降落的全过程操作步骤：1、新建FLASH文档。2、导入背景图像。（调整图像与舞台同样大小，X730，Y244，并将图层名称改为“背景”。3、新建图层，改名为“飞机”，导入飞机素材，将对象转换为元件。4、在“背景”层的130帧处插入帧。（F5键）5、在“飞机”层的第10、30、70、90、110帧处分别插入关键帧。并调整飞机在各点的方向。在130帧处插入帧。6、设置各帧标签。7、在各帧之间分别创建补间动画。8、在1-10帧设置加速。90-110处设置减速。（负值表示加速，正值表示减速）。9、测试影片。（2种方法）10、导出和发布影片。三、练一练1、尝试绘制球体，插入帧和关键帧来模仿球体弹跳的过程。中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI6中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI7备课节次2第3节图形的绘制和编辑一、教学内容：1、用钢笔工具绘制心形操作流程概念：贝赛尔曲线：用钢笔工具绘制的矢量图形，图形具有节点，并且这些线条的角度、长度、曲度是可以通过节点上的手柄进行调节的。操作步骤：1）新建FLASH文档，调整舞台大小，设置背景色为蓝色。调出标尺，拖出一条辅助线。2）在工具箱中选择钢笔工具，在辅助线的下部，单击鼠标不放往舞台左上方拖出一根方向线。3）将鼠标对齐辅助线，在上方向右下角拖出一条方向线。4）回到起始锚点，往左下方拖，封闭图形。5）使用部分选取工具，单击节点，按下ALT键拖动右侧手柄，调整成心形。（注意，按ALT键是只控制一侧）6）用颜料桶为心形上色。并删除线条色。练习：利用钢笔工具绘制苹果的形状。2、创建形状补间动画区分：形状补间动画：在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，FLASH根据二者之间的形状来创建的动画称为“形状补间动画”。它可以实现两个图形之间颜色、形状、太小、位置的相互变化。时间帧面板的背景色变为淡绿色。如果是对象是图形元件、按钮、文字则必先“打散”。中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI8动作补间动画：在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等。FLASH根据二者之间的帧创建的动画称为“动作补间动画”。构成动作动画的元素是元件，不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。时间帧面板的背景色变为淡紫色。1）选择心形，按F8键将其转换为一个影片剪辑，名为“heart”。2）双击进入影片剪辑，在第5帧插入一个关键帧，使用任意变形工具按下ALT从上下往中间缩小，（两个方向同时缩小）3）选择该层第1帧，调出“属性”检查器，在补间列表中选择“形状”4）保存。练习：制作一个红色圆形变为蓝色多边形的动画。中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI9备课节次2第4节图形的绘制和编辑一、教学内容：1、用钢笔工具绘制心形操作流程概念：贝赛尔曲线：用钢笔工具绘制的矢量图形，图形具有节点，并且这些线条的角度、长度、曲度是可以通过节点上的手柄进行调节的。操作步骤：1）新建FLASH文档，调整舞台大小，设置背景色为蓝色。调出标尺，拖出一条辅助线。2）在工具箱中选择钢笔工具，在辅助线的下部，单击鼠标不放往舞台左上方拖出一根方向线。3）将鼠标对齐辅助线，在上方向右下角拖出一条方向线。4）回到起始锚点，往左下方拖，封闭图形。5）使用部分选取工具，单击节点，按下ALT键拖动右侧手柄，调整成心形。（注意，按ALT键是只控制一侧）6）用颜料桶为心形上色。并删除线条色。练习：利用钢笔工具绘制苹果的形状。中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI102、创建形状补间动画（11-12节）区分：形状补间动画：在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，FLASH根据二者之间的形状来创建的动画称为“形状补间动画”。它可以实现两个图形之间颜色、形状、太小、位置的相互变化。时间帧面板的背景色变为淡绿色。如果是对象是图形元件、按钮、文字则必先“打散”。动作补间动画：在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等。FLASH根据二者之间的帧创建的动画称为“动作补间动画”。构成动作动画的元素是元件，不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。时间帧面板的背景色变为淡紫色。7）选择心形，按F8键将其转换为一个影片剪辑，名为“heart”。8）双击进入影片剪辑，在第5帧插入一个关键帧，使用任意变形工具按下ALT从上下往中间缩小，（两个方向同时缩小）9）选择该层第1帧，调出“属性”检查器，在补间列表中选择“形状”10）保存。区别之处动作补间动画形状补间动画在时间轴上的表现淡紫色背景加长箭头淡绿色背景加长箭头组成元素影片剪辑、图形元件、按钮形状，如果使用图形元件、按钮、文字，则必先打散再变形。完成的作用实现一个元件的大小、位置、颜色、透明等的变化。实现二个形状之间的变化，或一个形状的大小、位置、颜色等的变化。练习：制作一个红色圆形变为蓝色多边形的动画。中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI11备课节次2第5节制作会飞的心操作步骤：1、使用椭圆工具绘制一个椭圆，按照上面的方法，有规律地绘制四个椭圆，并错开。2、使用选择工具将对象原左侧区域圈选，按DELETE，删除左侧区域。3、使用选择工具，拖出一个翅膀样子。4、选择翅膀形状，按F8键将其转换为一个名为“wing”的图形元件，再次按F8键转换该图形元件为一个名为“wings”的影片剪辑。形成一个元件嵌套。5、双击“wings”影片剪辑实例，进入后对“wing”图形元件实例进行编辑。选择任意变形工具，将图形元件实例翅膀旋转呈垂下状态，并拖动中心点至左侧。6、在该层第10帧插入一个关键帧，使用任意变形工具将翅膀抬起。回到第1帧，“创建补间动画”。7、回到场景1，选择影片剪辑实例“wings”确定中心点在心形中间，CTRL+T调出变形面板，产生一个翅膀副本。选择两个翅膀，CTRL+将对象移至下层，另外将三个对象一起选定，按F8键，把三者转换为”flyheart”,将三者组为一个更高级的嵌套。中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI12备课节次2第6节图形绘制一、教学目的：1、掌握椭圆工具的使用2、掌握箭头工具的使用3、灵活运用变形工具及变形面板4、掌握混色器中的色调二、教学内容及步骤：（一）绘制树叶1、调整舞台属性2、选择椭圆工具，设置笔触颜色为淡绿，填充颜色为深绿，在舞台中间先画一个椭圆。3、按下CTRL键，将椭圆拖出一个叶尖，并调整好叶子的形态。4、用直线工具依次画好叶脉。5、将画好的叶子复制多个。6、使用变形工具调整好各叶子的形态。7、将树叶转成组件。练习：1、画一片树叶3、画一株树。（注意：画树干使用刷子工具）（二）绘制花朵1、调整舞台大小2、使用椭圆工具，采用线性填充，绘一个椭圆。3、将中心点移至下面。4、按CTRL+T打开变形面板，将对象复制并应用变形，成为一朵花的形状。5、将对象转成组件。6、在60帧处插入一个关键帧。中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI137、创建运动动画，并调整旋转状态为顺时针或逆时针。8、新建一个图层，使用矩形工具画好一个杆子。9、移至对象的中心。练习：绘制大风车动画片的图标。中山市永宁中学八年级信息技术教案执教：ZHUHONGWEI14备课节次2第7、8节文字的处理一、教学目的：1、掌握工具箱中的文字工具的使用2、掌握如何调整文字的格式3、掌握七彩字的制作4、掌握透视字的制作5、掌握波浪字的制作6、]掌握立体字的制作7、掌握霓红灯字的制作二、教学内容及步骤：（一）七彩字的制作1、选择文本工具在舞台中输入“圣诞节快乐”2、选择箭头工具，调出属性面板，调整大小和方向。3、转换为图形，按CTRL+B两次。4、选中文字，选择填充颜色中的七彩颜色。然后填充即可。练习（二）透视字的制作1、选择文本工具在舞台中输入祝福：圣诞节快乐1、选中，将文字打散，填充七彩颜色2、选择变形工具，在选项工具组里选择扭曲，调整字的形状。练习（三）波浪字的制作1、选择文本工具输