FLASH信息技术组电子教案

认识flashMX2004界面培养学生对Flash更浓厚的兴趣。Flash动画产生原理教学能段师活年日动过一导入：程1.什么是FLASHFlash是美国Macromedia公司出品的一个矢量图形和交互式动画制作软件.主要应用于网页设计和多媒体动画创作领域.它可以将文字、图画、声音和视频融于一体，最终构成有声有色，品位独特的具有交互功能的动画效果。使用Flash可以作出梦幻般的动画效果.a.动画文件非常小，适合在网络上传输。b.易学易用，功能强大。c.交互功能强大，使用flash制作出的影片可以是观赏者轻松地参与到故事情节中，因此使用flash可开发出许多好玩的d.流媒体格式。可以边下载边观看（无需完全下载完在进e.用Flash作出来的动画是矢量动画(当把它放大时,它依然很清晰),而不象一般的gif格式和jpf格式的图象,放大时,看到的是一个个方形的色块.a、引领多媒体课件制作的新概念。b.Flash还可以应用于产品展示，宣传广告方面。d.开发各种交互式游戏一幅幅静态图象(帧)————形成连续运动的动画。快速播放原理：图象迅速播放使得人眼很难觉察出短暂的时间间a.fla源文件，可在flash中打开修改。b.swf发布文件，不包括原始的冗余的信息，只包含与开修改.c.exe文件中包含了flash播放器和swf内容的程序，它不需要播放器就可直接浏览。二演示讲解菜单栏位于主界面的顶部，它由9组菜单命令组习成。掌握了菜单栏中命令的使用，就掌握了FLASHMX饿基本习2.工具箱2.工具箱演示文字及修改的常用工具。以后我们在学习中不断对工具箱中的3.时间轴时间轴位于菜单栏的下面，它由两部分组成，左边的不凡用来对图层进行操作；右边的部分对帧进行操作。在时间轴中可以很方便地对层或帧进行选择、编辑、控制以及设置。4.舞台舞台是进行动画创作的工作区域，它位于主界面的中央，占据了比较大的空间。在舞台中可以对当前帧的内容进行编面板位于主界面的底部和右侧，每一个面板都提供通过对FLASH2004的界面学习，学生对FLASH有了简单的认识。绘图工具1.绘图工具的种类2.绘图工具的使用方法1.绘图工具的种类2.绘图工具的使用方法能够熟练使用各种绘图工具培养学生浓厚的学习兴趣，引导学生探索性自主学习，培养学生创新学习使用绘图工具段教学能法日师活动导入：Flash基础绘图工具在计算机绘图领域中，根据成图原理和绘制方法的不同，分为矢量图和位图两种类型。矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。因此，矢量图与分辨率无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差.如位图图像是由象素点构成的，象素点的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。基Flash提供了各种工具来绘制自由形状或准确的线条、形状和路径，并可用来对填充对象涂色。在本节里，我们学习线条工具、滴管工具、墨水瓶工具、箭头工具、刷子工具、任意变形工具、颜料桶等工具的基1．绘制和处理线条【线条工具】是Flash中最简单的工具。现在我们就来画上，在你希望直线开始的地方按住鼠标拖动，到结束点松开鼠【线条工具】能画出许多风格各异的线条来。打开【属性】面板，在其中，我们可以定义直线的颜色、粗细和样式，在图2-1-2所示的【属性】面板中，单击其中的【笔触颜色】按钮，会出现一个调色板对话框，同时光标变成滴管状。用滴管直接拾取颜色或者在文本框里直接输入颜色的16进制数值。颜色以#开头，如#99FF33。现在来画出各种不同的直线。单击【属性】面板中的【自定义】按钮，会弹出一个【笔触样式】对话框，如图2-1-4所方便观察，我们把粗细定为3象素（pts），选择不同的线型和颜色，来看看我们画出的线条，如图2-1-5所示。试一试改变它的各项参数，会对你的绘图有很大帮助。【滴管工具】和【墨水瓶工具】可以很快地将一条直线的颜色样式套用到别的线条上。用【滴管工具】单击上面的直线，看看【属性】面板，它显示的就是该直线的属性，而且工具也自动变成了【墨水瓶工具】，如图2-1-6所示。有线条的属性都变成了和滴管工具选中的直线一样了。【箭头工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。单击选择【箭头工具】，然后移动鼠标指针到直线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变直线的方向和长短，如图2-1-7所示。如果鼠标指针移动到线条中任意处，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。这是一个很有用处的功能，在我们鼠标绘图还不能随心所欲时，它可以帮助我们画出所需要的曲线，如图2-1-8所示。2．实例演练——画一片树叶打开FALSH软件，系统会自动建立一个FLASH文档，在这里我们不改变文档的属性，直接使用其默认值。本节课内容多，由于学生水平差异分两个课时学习。钢笔工具一个课时，颜料桶一个能法学习Flash中文本工具和渐变色的使用，掌握文字制作的一些基本技学习Flash中文本工具和渐变色的使用，掌握文字制作的一些基本技日能够学会各种文字制作的方法文字效果段培养学生浓厚的学习兴趣，引导学生探索性自主学习.掌握文字制作的基本技巧教过导入：程彩虹文字第一步：打开Flash建立一个新文档，把舞台设为黑色。建立二个图层，把图层1命名为“彩虹条”，图层2命名为“文字”。（因为文字不动一定要把它放在一层，我们要条动，通过彩虹条动过把文字秀出来，所以要把它放在下层）。第二步：单击“文字”图层第一帧，单击“文本工具”转入文字，我这里转入的是“欢迎来到山里人网站”，然后调帧啊，因为文字不动又不用建立动画，不必要插入关键帧第三步：单击“彩虹条”图层第一帧，单击“矩形彩色”画出一块彩虹条（画好的彩虹条宽要能复盖住文字，长要长出文字一点），然后打开“混色器”按照你的爱好增加色彩块。我做的是下面这个样子的，见下图：第四步：把制作好的“彩虹条”放在文字上，让它复盖住文字，右边横的一头长出文字一点。然后在15帧处插入“关建“补间动画”。单击“第二个关键帧”，把“彩虹条”向左移动一点，单击“第四个关键帧”把“彩虹条”向右移动一最好你用键盘“方向键”来操作。我这里是加了4你也可以加3个就得了。你想要文字闪动快点，你就选短点帧数，想要闪慢点你就选长点帧数啰）。第五步：导出影片看结果。是不是很爽？不像我制作的？呵呵，差点忘记，请你在“文字”图层上右击，在弹出的菜单中选“庶罩层”，好OK了一般制作歌词时，最好在后台组织教学复习提问知识点：1文字工具的使用：制作过程：1.新建一个FLA文档，属性400*150，背景黑色，其他默2.点一下时间轴中图层1的第一贞，然后再点一下工具栏里的文字工具‘A’，在属性中选‘黑体’字，大小90，颜色红色。如3.在工作区输入‘缘分天空’四个字。点窗口———对齐面水平中齐，垂直中齐。观看4.选黑尖头工具，到场景中选中这四个字。点修改——分观看离——分离远程演示），5.点墨水瓶工具，属性笔触颜色‘绿色’，实线，笔触高度讲解‘2’。Word文档6.在工作区中每一个字的边缘点一下，效果如图7.选黑尖头工具，将文字中间的填充部分删除，只留下文本节课内容较多，分两个课时进行学习。1.创建逐帧动画的几种方法教学2.简单动画的制作方法学会用绘制的图形来制作“逐帧动画体会创作的乐趣，进一步培养制作动画的兴趣；培养学生创新能力与探究问题的能力；培养创造性思维能力。简单动画的制作方法段教学能1.创建逐帧动画的几种方法教学2.简单动画的制作方法日师活逐帧动画动导入：从本单元起，我们将逐渐给大家介绍Flash中的五种常见的动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导线动画。本节着重介绍逐帧动画（FrameByFrame），这是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成动画。由于逐帧动画的帧序列内容不一样，不仅增加制作负担而且最终输出的文件量也很大，但它的优势也很明显：因为它相似与电影播放模式，很适合于表演很细腻的动画，如3D效果、人物或动物急剧转身等等效果。1．逐帧动画的概念和在时间帧上的表现形式在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。逐帧动画在时间帧上表现为连续出现的关键帧。逐帧动画2．创建逐帧动画的几种方法（1）用导入的静态图片建立逐帧动画用jpg、png等格式的静态图片连用鼠标或压感笔在场景中一帧帧的画出帧内容。用文字作帧中的元件，实现文字跳跃、旋转等特效。3．绘图纸功能绘画纸是一个帮助定位和编辑动画的辅助功能，这个一次只能显示动画序列的单个帧。使用绘画纸功能后，你就可以在舞台中一次查看两个或多个帧了。如图3-2-2所示，这是使用绘画纸功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上，这些内容相互层叠在一起。当然，这时你只能编辑当前帧出现绘图纸外观标记。拉动外观标记的两端，可以扩大或2、绘图纸外观轮廓按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。3.3、绘图纸显示多帧按钮，按下后可以显示全部帧内容，并且可以进行“多帧同时编辑”。4、修改绘图纸标记按下后，弹出菜单，菜单中有以下选项：“总是显示标记”选项会在时间轴标题中显示绘图纸外观“锚定绘图纸外观标记”选项会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图纸外观范围1.根据形变类型分析，能完成典型形变小动画制作2.根据技能掌握程度，能力争完成综合应用实例能在实践过程中学会思考并归纳小结1.增加学生对课程的专业情感，为后面的技能学习作铺垫2.在技能实践中，增强同学间的互助意识，培养合作精神形状渐变动画制作的原理段1.掌握形状渐变动画制作的原理2.制作简单的三形互变动画法形状渐变动画能教教学教导入：实例说明:本例制作一个三形互变的动画。其效果是手形变成圆形，圆形变成方形。实例中应用了形变动画的制作技巧，如果掌握了本例就掌握了形变动画的制作方法。技术要点:使用直线工具，椭圆工具和颜料桶工具绘制手形，圆形、方形；自由变形工具的功能和形变动画制作的方法教学步骤:一、形状渐变动画原理形状渐变是动画制作的常用手法，它只能应用于打散的图形。其计算方法是在相近的特征处平滑变换。作者可以充分发挥想象力，创作出构思巧妙的动画作品。原理：Flash自动变形技术可以将一种形状自动变形为另一种形状.制作者只需要指定起始的图形和结束的图形,中间的过渡部分就可由Flash自动完成.二、自由变形工具(FreeTransformTool)自由变形工具用来对选中的对象进行各种变形,包括缩放、旋转、歪斜及扭曲，等等。该工具有5种变形模式，分别是：自由三、操作步骤：2.选中第1帧，然后选择铅笔工具，在舞台中央绘制一手形轮廓，填充颜色为橘黄色，并将其打散。3.选中第10帧，插入关键帧，然后选择椭圆工具，在舞台中央绘制一圆，填充颜色为橘黄色。4.选中第20帧，插入关键帧，然后选择正方形工具，在舞台中央绘制一正方形，填充颜色为橘黄色。5.选中第30帧，插入帧，使得方形在屏幕上停顿几秒钟。6.选中第1帧，在属性面板中设置如下：Tween----Shape8.按住Ct