《flash动画——按钮的制作》教案.docx

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

1、flash动画按钮的制作教案第一篇：flash动画按钮的制作教案flash动画按钮的制作教案教学目标知识与技能理解按钮元的各种状态掌握创建按钮的基本方法并制作有个人特色的按钮2过程与方法通过亲自体验，理解按钮的工作原理。在按钮的动作设置的过程中，归纳出利用按钮控制Flash动 画的方法。3情感态度与价值观通过主动学习使用按钮，体验Flash动画的交互性，培养学 生的创造力。在开拓思路，提高技术的同时渗透美学的理念与成功的快感, 促进学生审美能力的提高，鼓励作品的原创性与新颖性。教学重点：制作“按钮”元的方法，并丰富其表现效果 教学难点：“按钮”元的四个状态帧的理解,4、创建一个同心的圆为太阳的

2、脸。5、使用直线工具画眼、嘴。（注意：用选择工具调整其曲线 度，利用变形工具作旋转）四、课堂习题：自创月亮五、课后作业1、书本P34页的实例6:茶杯。第二周各类特效文字的制作教学进度：正常 教学目标：1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文 字工具、滤镜的使用。2、要求学生掌握修改菜单中的位图、元件、形状的菜单项。3、掌握如何制作特效文字。4、掌握位图的导入及矢量图的转换。教学重点：1、掌握空心文字、投影文字、点框文字、彩虹文字、金属文 字、雪花文字的制作教学难点：复杂遮照的创建。教学过程：、点框文字制作步骤:1、用文字工具输入文字2、将文字使用“分离”或按下（ctrl+B）组合

3、键3、再将每个分离的文字使用“分离”，即直到文字被选中时 呈现点型。4、使用“墨水瓶”工具，设置线型为“点型”，设置线的颜 色（注意务必使用与文字颜色不同的一种颜色），用鼠标单击 文字5、所有文字的边线勾勒完毕后，用选取工具选取文字内心， 并删除。二、彩虹文字制作步骤：1、用文字工具输入文字2、将文字使用“分离”，（分离二次）3、选择填充颜色，再用颜料筒单击文字即可三、彩图文字图片下载制作步骤：1、用文字工具输入文字2、将文字使用“分离”3、选择填充类型为“图片”，图片填充有二类 4、再用墨水瓶工具勾勒边缘5、将边缘线条转化为填充6、“修改”一一“形状”一一“柔化填充边缘”四、雪花文字五、补充

4、知识：倒影字的制作六、课后作业：制作一个图案文字小技巧:ctr l+v与ctr l+shift+v的区别：后者是复制时保持 前后位置都一样。第三周直线运动和变形运动教学目标：1、要求学生掌握直线运动和变形运动的补间。2、掌握直线运动的特点：元件与普通形状对象都可以制作直 线运动。3、掌握变形运动的特点：普通形状对象可以变形。4、掌握影片元件的制作方法。教学重点：运动补间的设置；影片元件的创建。教学难点: 关键帧/普通帧的区别；教学过程：一、导入：动画制作的关键要素1、帧是进行flash动画制作的最基本的单位，每一个精彩的flash动画都是由很多个精心雕琢的帧构成的，在时间轴上的每一帧都可以包含

5、需要显示的所有内容，包括图形、 声音、各种素材和其他多种对象。2、关键帧顾名思义，有关键内容的帧。用来定义动画变 化、更改状态的帧，即编辑舞台上存在实例对象并可对其进 行编辑的帧。3、空白关键帧空白关键帧是没有包含舞台上的实例内容 的关键帧。4、普通帧在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。5、以上四种帧的区别 关键帧在时间轴上显示为实心的圆点，空白关键帧在时间 轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充 的小方格 同一层中，在前一个关键帧的后面任一帧处插入关键帧， 是复制前一个关键帧上的对象，并可对其进行编辑操作；如 果插入普通帧，是延续前一个关键帧上的内容，不

6、可对其进 行编辑操作；插入空白关键帧，可清除该帧后面的延续内容, 可以在空白关键帧上添加 新的实例对象。 关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上 则不能。6、应用中需注意的问题 应尽可能的节约关键帧的使用, 以减小动画文件的体积； 尽量避免在同一帧处过多的使用关键帧，以减小动画运行 的负担，使画面播放流畅。二、基本动画1、变形动画：要求参与动画的对象必须是形状，不得使用元 件。例如：以下动画中ABC之间、五角星十角形即为形状变形。操作步骤：设置背景色插入第一关键帧，并绘制一个五角形。在第30帧上插入空白关键帧，并绘制一个十角星形。利用时间轴上的“编辑多帧”工具，对齐第一、二关键帧的

7、各自五个角。在第一关键帧上设定五个“形状提示点”，修改一一形状一一添加形状提示点。在 第二关键帧上设定各提示点的对应终点位置。对第一关键 帧设定“形状”动画补间。思考：2、直线运动动画：任何对象都可以设置直线动画，只需二个 关键帧例如：素材下载3、渐变运动动画淡入、淡出动画：使用实例才能完成此项动画，一般通过 调整关键帧的透明度来设置场景中的各实例的出现方式。一般淡入淡出式动画是用二个关键帧完成，第一关键帧为全 透明（100%）或部分透明，第二关键帧透明度为0。闪烁动画：一般用三个关键帧完成，即从淡入到淡出的过 程，即全透明 不透明 全透明的设置过程。例如：以下例子中星星，就是用影片元件来完成

8、的。4、旋转动画：一般旋转度数在360度以上，则采用实例，即 旋转的对象必须是通过元件调入的。而旋转度小于360度， 则旋转对象可以是形状。动画设定只需二个关键帧。例如：拖影文字（课后完成）操作步骤：建立文字元件，拖到舞台创建第一图层，设定第一、二关键帧（同帧），并设制“动画”补间，旋转为1次。创建第二图层，此层为阴影层，复制第一层的关键帧，用方 向箭头控制。创建第三至第九图层，这些层均为拖影层， 每层之间涉后二帧。与第一图层相比，这些层均要逐渐调整 透明度。三、总结巩固：1、图形元件的制作2、图形元件的应用：实例：元件调入到场景后，就叫实 例，实例可以取名，以后便于以后写代码（编程）时调用。

9、 对元件的编辑：对实例的编辑：与元件编辑最大区别在于 对元件本身不修改，主要的编辑方法有改变色调、透明度等。四、作业：本周作业名称为：1、字母变形2、应用提示点变形（星型）3、拖影文字4、预习：夜色中的汽车（综合渐变星星一起做）第四周FI ash中的动画教学目标：1、要求学生掌握直线运动的补间。2、掌握直线运动的特点：元件与普通形状对象都可以制作直 线运动。3、掌握影片元件的制作方法。4、了解千lash中的几种基本动画教学重点：flash中的几种基本动画。教学难点：基本动画的区别；教学过程: 一、导入：Flash中的几种基本动画。1 动作补间动画是Flash中最常见的动画类型。它可以结合色彩、

10、透明度、 位置的变化，使作品更加绚丽多彩。如何通过动作补间动画 将对象的运动形象生动的表现出来，是学习运动动画的根本 目的。如上堂课的汽车运动动画。2、形状补间动画同样是Flash中最常见的动画类型。但是它的变形对象是矢 量图形，利用这种动画可以使场景上的矢量图形作出任意形 状、位置和颜色的平滑变化。它与动作补间动画的区别是： 动作补间的作用对象是元件或被组合的对象，而形状补间动 画的作用对象是矢量图形。如上堂课的字母变形动画。3、逐帧动画要创建逐帧动画，需要将每一个帧都定义为关键帧，然后给 每一个帧都创建不同的图象。制作逐帧动画的基本思想是把 一系列相差甚微的图形或文字放置在一系列的关键帧中

11、，使 动画播放的时候看起来像是一系列连续变化的动画。如图所 示，展示了一个小男孩的行为动画。4、蒙版动画在制作动画的过程中，有些效果用通常的方法很难实现。比 如：手电筒、探照灯、百页窗等效果。这时就要用到蒙版动 画了。要创建蒙版动画，需要有两个图层：遮罩层和被遮罩层。遮 罩项目像是一个窗口，透过它可以看到位于它下面的链接层 区域，而且除了透过遮罩项目显示的内容，其余的所有内容 都被隐藏起来了。如图所示：5、引导层动画引导层作为一个特殊的图层，在Flash动画设计中的应用也 十分广泛。在引导层的帮助下，可以实现对象沿着特定的路 径运动。要创建引导层动画，需要两个图层，如图所示：二、回顾旋转动画：

12、一般旋转度数在360度以上，则采用实 例，即旋转的对象必须是通过元件调入的。而旋转度小于360 度，则旋转对象可以是形状。动画设定只需二个关键帧。例 如：拖影文字操作步骤：建立文字元件，拖到舞台创建第一图层，设定第一、二关键帧（同帧），并设制“动画”补间，旋转为1次。创建第二图层，此层为阴影层，复制第一层的关键帧，用方 向箭头控制。创建第三至第九图层，这些层均为拖影层，每层之间涉后二帧。与第一图层相比，这些层均要逐渐调整 透明度。三、元件的创建，多图层动画的制作四、本周作业：1、拖影文字2、夜色马路第五周巩固与检测教学目标：1、要求学生巩固椭圆工具、直线工具、填充工具、钢笔工具、 变形工具、选

13、取工具、墨水瓶工具、矩形工具的使用。2、巩固图形元件、影片元件的创建。3、巩固二类补间动画的特点。4、巩固二类动画：变形动画、直线运动动画。5、测验学生的图形绘制能力，时间1小时教学重点：运动补间的设置；影片元件的创建。教学难点: 影片元件与图形元件的区别。教学过程：一、巩固复习题：1、倒影动画（本实例主要使用了文本工具、墨水瓶工具、打 散功能、Alpha值设置等来操作）。主要通过一下几个步骤来教法、学法：演示法、类比法、启发式教学法和任务驱动式教学法观看演 示学习法、合作探究法、实践法。教学时：1时教学过程：一,导入先提出学生的一个问题：“为什么网上很多flash是有一个 播放，去点击了以后

14、动画才开始放，而我们前面学会做的 flash 一打开就开始放了。”并在里对有按钮的flash和没按 钮的flash进行对比，引出f I ash里的按钮。二、学习新Flash按钮按钮的功能应用展示不同类型的flash按钮，请学生来分析他们的功能，然 后再小结。2按钮的新建根据以前所讲的元新建功能，请学生直接上台来新建按钮提示：按钮是元3按钮的4个状态帧请学生根据中文字面意思来分析四个状态帧的功能完成。使用文本工具在舞台场景中输入文字。使用打散功能将文字打散为矢量图形。使用墨水瓶工具为文字描边。使用F8快捷键将文字转化为影片剪辑，并在其中进行Alpha 值的设置。2、多层变形动画（掌握对象绘制工具

15、的使用。）3、思考并完成一下动画效果的制作，分析帧之间的时间顺序 及文字分别做了什么动画？（背景下载）二、十一课后作业：完成作业本上前几周作业的上传、学习 上堂课中五种基本动画的设计制作。（素材下载）（补充源代 码下载）本周上传作业名称为：1、阴影动画2、圆环字母变形第六周巩固与检测教学目标：1、要求学生巩固掌握FLASH的工具中的一些技巧。2、巩固FALSH中存在的五种变化一移动、缩放、旋转、颜色、 透明度教学重点：工具中技巧的合理运用。教学过程：一、在FLASH中有些工具使用的技巧有助于动画设计的美感， 下面总结几种我们平时制作当中常用到的几种小技巧：1、柔化物体边缘 先看下图一的效果，此

16、效果，我们所使用的 最简单的方法是利用FLASH本身的边缘柔化功能：图一图二图三先画好一个圆，如图二；然后选中此图形（不可是元件图形）一 圆，选择修改一形状一柔化边缘填充，在弹出的对话框里设 置参数，如图三，确定以后就形成上图的效果。（注意：参数 的大小影响了边缘柔化的程度，但有一点，最好只进行一次 柔化，如在柔化以后再柔化可能会使FLASH计算复杂，而出现 于要求不同的效果。）同理，我们可以对文字边缘进行柔化，如下效果3和4分别是 对文字的填充色和笔触进行了柔化。值得注意的是必须先把 文字分离，并且在对笔触进行柔化之前，事先要求将线条转 化为填充。引申：在实际运用当中如果要进行较为灵活的边缘

17、柔化，我们不妨 利用混色器来完成。即在选中图形后调出混色器编辑框，颜 色填充样式选择放射状，然后将左右两个颜色填充节点的颜 色都设置为白色，再将右边的颜色节点的透明度为“0”， 如下图用此方法制作的效果有一点好处就是可以灵活的改变边缘柔化的程度，思考如何达到后面三种图形的效果。2、变形复制效果如下：对于这个效果我们使用的是复制并变形的功能。首先可以画一个椭圆，然后选中此对象，用变形工具改变它 的自由变化中心，如下面左右两图，左边为没有改变的状态， 右边为改变以后的状态：自由变化中心的改变然后选择 窗口一变形 调出变形对话框，如图：在旋转参数 里输入对象旋转的角度，比如20XX再点击对话框右下角

18、的拷 贝并应用变形按钮，直到图象变成我们所需状态。3、对象绘制这是Flash8的新功能。原先版本中，我们在同一图层中叠 加两个图形时，会产生合并的效果，如果移动其中一个图形 时，下面图形的叠加部分就会消失，这有一定的优越性但是 又有局限性，如果我们要绘制两个图形叠加在一起但是不合 并的话，就需要把这两个图形转换成元件或是放在两个图层 中，这样就比较麻烦。而对象绘制就可以避免产生这种问题。 例如，原先版本中移动图象后：而如果是单击“椭圆”工具，在选项栏里，点击“对象绘制” 按钮后，再绘制两个图象，这时尽管两个图象之间彼此是叠加的，但是互相不会干扰。另外，在“修改”菜单栏中，对象绘制还具有四种合并

19、效果: 联合，交集，打孔，裁切。希望大家自己去观察它们各自的 作用。二、在FALSH中存在的五种变化一移动、缩放、旋转、颜色、 透明度具体效果看影片文件（注意：后面两种变化必须是对 实例，即对拉到场景中的元件进行设置。）第七周巩固教教学目标：1、巩固掌握FLASH制作中几种常见字体效果的制作。2、掌握FLASH动画制作中用到的两种补间过程。教学重点：字体效果的制作、各补间的特性和要求。教学过程：一、在一个好的FLASH作品里常常会运用到一些经过处理的 FLASH字效，前面我们已经介绍了多种在FLASH中常用的字效: 点框文字、彩虹文字、位图文字、立体字、倒影字等，今天, 再补充几个特效文字的处

20、理。1、双色（多色）字图二图三关键技术要求：1制作此类文字效果，只要将文字打散成离散的图形；2、然后用选取工具选取其中部分，再对选中部分进行颜色 填充；3、选取次数可以随意定。2、镂空字（素材下载）关键技术要求：1,此类效果需两层图层才能完成；2、底层放置一张图 片；3、在上层画一个矩形盖住底层的图片（可适当设置透明 度）；4、在矩形层上输入文字并调整好文字的位置；5、 将文字打散；6、鼠标点击影片空白处取消对文字的选择；7、再次选 中文字图形并将其删除即可。3、阴影字关键技术要求：1、养成一个图象一个图层的好习惯，根据情况，这里可以创 建三个图层，蓝色字、黑色字，深灰色字，分别呈现原层、 立

21、体层、阴影层的效果；2、立体层的制作：可以按快捷键Shift+Ctrl+V把“原层”中的文字复制到“立体层”中，并利用方向键“T”、“T”将黑色字层向右、向上各移动2个像素；3、阴影的制作：选中“原层”中的文字，然后按快捷键打 开Ctrl+T打开“变形”面板，并上右图所示设置。设置好后， 单击“变形”面板上的“复制并应用变形”按钮。一个经过 变形的副本就被复制出来了。4、阴影层的制作：选中刚刚做好的副本，按快捷键Ctrl+X 剪切。按快捷键Shift+Ctrl+V把这个副本原位粘贴到“阴影 层”中。最后适当的调整位置，并把色彩换成#666666。到这 里，文字的阴影效果就做好了。综上所述，关键

22、技术都比较 类似，所以希望大家课后能好好复习，做到在熟练绘制的基 础上创作出更多其他效果的文字。二、在FLASH动画中，存在着两种基本的补间：移动和行变。 下面就将这两种补间进行介绍。1、形状补间延伸的直线拉动的幕布画线框（四条边放在四个图层上， 如下图所示，考虑为什么？）星星变形（注意为了防止变形过程不凌乱，可以利用修改一 形状中的“添加形状提示”工具，再五角星上加入5个提示 点，并放到相应变化位置上，以红色的小圆圈表示，abcde用 来标识提示点。看一看最后的一帧，可以发现十角星上也有 一个对应的红色提示点，当你设置好位置时，会发现提示点 变绿了，回到第一帧，这时提示点由红色变成了黄色，这

23、表 明提示点的设置正确。）2、运动补间它与动作补间动画的区别是：动作补间的作用对象是元件或 被组合的对象，而形状补间动画的作用对象是矢量图形。运动的小球：比较下面三副动画，考虑有什么不同，分别做 了什么动作。提示：缓动选项的作用。现在大家应该知道缓动选项的作用了吧。它的作用是在运动 的过程中产生速度上的变化，默认值为0,即为匀速运动。当 值为负时，运动的物体做加速运动，相反，当值为正时，运 动的物体做减速运动。在小球下落的过程中，速度越来越快, 所以我们把值改为负值，注意在值为-100时，比较接近重力 加速度。当小球弹起时，速度越来越慢，因此值为正。引申:（旋转的风车）从这一制作中我们不仅要学

24、习运动渐变动画的另一种形式： 旋转动画（自转），而且还要练习用箭头工具对对象进行修改, 利用变形面板制作多个风车叶的方法。思考：下面两幅动画 的差异在哪里？ 第八周运动引导层教学目标：1、要求学生掌握各类曲线运动的制作技巧，掌握引导线、引 导层的概念及作用。2、能根据运动的需求，画出运动轨迹线，即引导线。教学 重点：运动引导层的创建，动画关键帧的设置。教学难点: 做引导层时的几个注意点。教学过程：一、弓I入：引导线、引导层的概念1、引导线：引导线就是轨迹或辅助线的作用。它让物体沿着 引导线路径运行。（即物体运动的轨迹，一般使用钢笔工具来 制作）2、引导层：引导线必须制作在引导层中，而需要使用引

25、导线 作为运动轨迹线的物体所在层必须在引导层的下方，一个引 导层可以为多个图层提供运动轨迹。同时在一个引导层中可 以有多条运动轨迹。二、滚球的制作知识点：1、背景层的创建：设定场景色用钢笔工具勾勒一个上边为曲线的多边形。2、运动引导层的创建：该层中专门用来放置物体运动的轨迹, 轨迹一般用线条描述，而在运动引导层中的线条在实际导出 成SWF文件时是不可见。使用的方法：要使用轨迹的对象必 须独立地放在引导层的下方图层中，运动的对象其关键帧必 须完全吸附在轨迹上。复制曲线。如图：第一、二关键帧的定点3、制作技巧：引导层一旦建立完成后应将其锁定对运动对象定位时最好打开“帖紧至对象”工具，这样当 吸附正

26、确时中心点会放大。三、思考自强不息和山地车实例的制作四、我是一条鱼素材下载1、水泡的制作（掌握刷子和填充变形工具的使用，并把水泡 转换为元件。）水泡的颜色调板：白色透明度为0, 2, 1002、浮起的水泡制作（影片元件：注意引导层绘制好后，可以 及时锁定。）3、游动的小鱼可以从左向右游动，也可以从右向左游动，小鱼的运动轨迹为4、在场景中创建：背景图片放入场景。建立第二层，放入大小不一的水影片元件，注意水泡的放 置位置建立第三层，放入多条小鱼，使用小鱼的影片元件时，可 将其翻转，从而改变其运动方向。五、课后作业：必做题：1、滚球2、我是一条小鱼选做题：1、自强不息2、山地车第九周按钮的制作教学目

27、标：1、掌握按钮制作的基本方法。2、掌握按钮中的动画设计方法。3、掌握透明按钮的制作教学重点：按钮元件的创建，按钮动画的设计。教学难点: 按钮中的四种状态。教学过程：）弹起：代表的是按钮的初始状态；2）指针经过：代表鼠标的指针在按钮上停留的状态；3）按下：代表鼠标的指针在按钮上单击的状态；4）点击：用来设置鼠标动作的感应区举例说明：区域较大的文字按钮：举例说明：隐形按钮4文字按钮练习教师讲解演示文字按钮的制作方法，学生认真观看。三、学生上机实践练习基本任务：文字按钮的制作拓展任务：个性按钮的制作学生上机练习，不清楚的地方可以小组讨论或举手提问老师。教师巡视、指导。四、展示、评价展示部分有代表性

28、的学生作业，师生共同评价。五、堂小结师生共同回顾本节的学习内容：按钮制作的基本方法。2在按钮中嵌入影片剪辑的方法。一、按钮元件（可详见课本P111）按钮用于响应鼠标，即随鼠标显示不同的状态，执行指定的 行为。1、插入按钮元件，执行“插入”一“新建元件”命令（或者 按键），在创建新元件对话框中设置元件类型为按钮，即可见 如下界面2、编辑按钮元件：按钮元件有弹起、指针经过、按下和点击 四种状态，如图所示：V弹起：表示鼠标没有在按钮上时的按钮的状态。V指针经 过：表示鼠标经过按钮时按钮的状态。V按下：表示按下鼠 标时按钮的状态。V点击：设置按钮响应鼠标的区域。如果要制作透明按钮，仅在“点击”画出点范

29、围即可。二、上机操作：制作以下实例1、基本按钮分析：1、弹起：二个图片元件分别放置在文字和边框图层中2、经过：与弹起时的一个图片元件相同，在此基础上用“按 我”的图片元件创建一个影片剪辑元件。3、按下：用“谢谢”图片元件替换“按我”图片元件 4、点击：延续边框图层的第一帧，代表鼠标进入边框区域后,按钮才会有响应。弹起帧 指针经过帧按下帧点击帧2、练习：制作一个带有以下动画效果的按钮(自选一个完 成)提示：将按钮下面的文字放在新的图层上。三、按钮的点击作用1、一般按钮点击后均会产生一个动作，如：停止、播放、重 放、跳转、超链接，如：(源文件下载)2、按钮的几个常用动作：on动作命令下面我们就详细

30、地向大家介绍一下这八种事件的使用。(1) press在鼠标指针经过按钮时按下鼠标按钮。单击press, 然后选择动作语句，双击【全局函数】|【时间轴控制】中的 p I ay命令。完整的act ion是：on (press) 设定鼠标事件为按下，然后执行大括号里面的 语句。play ();/按钮响应后执行play (播放)动作 press 动作 当然，在大括号里面还可以用其他的语句，比如说， gotoAndPI ay (yourf rame) ; /点击按钮后，就会从你设置的 帧播放。(2) re I ease在鼠标指针经过按钮时释放鼠标按钮。单击选 择re I ease然后与第一个事件相同加入

31、p I ay命令。完成的语 句如下：on (re lease) 当鼠标按下释放的时候，执行下面的语句动 作。p I ay (); 按钮响应后执行p I ay (播放)动作。 re I ease 动作 可以看到，当鼠标左键按下按钮的时候，并没有激发播 放动作，而是当鼠标左键放开的时候，执行了播放动作。这 也是与“press”事件不同的地方。(3) re leaseOutside当鼠标指针在按钮之内时按下按钮后， 将鼠标指针移到按钮之外，此时释放鼠标按钮。添加语句的 方法同上。完整的语句如下：on (reIeaseOutside) /当 鼠标在按钮外部释放的时候执行下面的语句。playO ; /按

32、 钮响应后执行播放动作。 re IeaseOuts ide动作通过这个例子我们知道，当鼠标左键在按钮上按住并移动到 按钮以外的地方放开后，触发了按钮的动作。这是一个具有 非常想象力的事件，大家可以利用on的这个事件来制作游戏。(4) rol lOver鼠标指针滑过按钮。制作方法同上，完整的as 语句为：on (ro I I over) /当鼠标滑动到按钮上时执行下面 的动作。p I ay () ; /按钮执行播放动作。 rol lOver动作 当 鼠标指针从按钮上滑过的时候，动画就开始执行播放动作了， 而不需要点击它。我们可以利用on的这个特点来制作一些图示板，非常简单有效(5)rol lOu

33、t鼠标指针滑出按钮区域。制作方法同上，完整的 as语句为：on (rol I Out) 当鼠标滑动到按钮上并离开时 执行下面动作。Play () ： /按钮响应播放动作。 rol lOut 动作滑离与滑过并不是相同的，滑离是指鼠标滑动到按钮上并离 开以后开始响应，而滑过是指只要鼠标滑到按钮上，就开始 执行动作。(6) dragOut在鼠标指针滑过按钮时按下鼠标按钮，然后滑出 此按钮区域。完整的as是：on (Drag Out) /当鼠标拖过的时候执行下面的动作。p I ay () ; /执行播放动作。 dragOut动作拖离与拖过有所不同，只要在按钮上按住鼠标左键然后移动 到按钮外就会相应。他

34、与滑离的区别在于拖离需要按住鼠标 左键。(7) dragOver在鼠标指针滑过按钮时按下鼠标按钮，然后 滑出此按钮，再滑回此按钮。完整的as是：on (dragover) /当鼠标指针滑过按钮时按下鼠标按钮， 然后滑出此按钮，再滑回此按钮时执行下面的动作。playO ；执行播放动作 dragOver动作拖过的效果是在按钮上点击并按住鼠标不放，移出按扭区， 再移回按钮上释放的事件。注意：此例中是一个文字按钮， 在做文字按钮的时候，应在文字的下方用一透明方块，以增 加按钮的反应区域，或者在按钮的第4帧绘制一个矩形来增 加反映区。(8) keyPress (key)按下指定的键。对于此参数的key部

35、 分，需指定键控代码或键常量。我们在(“key”)中键入“k。完整地as语句为：on (keyPress z) 当按下键盘中的“z”健时执行下面的 动作。p I ay 0 ; 执行播放动作注 意 在给动画作品添加按钮的时候应该放到单独一 层，这样便于修改。提示 on为按钮上的动作，所以我们必须首先要选中按钮，以后才可以添加。n语句。有的朋友在论坛里面提问，“为 什么我的on为灰色不可选状态？ ”原因就是你没有选中按 钮。技 巧 在一般flash作品中，大家不会有意区分这些on 的功能的，一般采用默认的语句。如果没有特殊说明，你使 用了拖离，滑离等事件来制作“replay”按钮，会让人们摸 不着

36、头脑的。试一试 我们了解了 on得这么多的功能，利用这些功能 可以轻易的制作出flash课件，flash游戏里面的效果，大家 不妨试一试。分 析 on语句的功能与按钮息息相关，有按钮的地方一定 会有。n语句的使用。而有flash作品的地方，就会有按钮的 出现，所以说on的重要作用不可忽视。今天向大家详细地介 绍了。n的各种功能，我们就可以结合按钮自身的特点，发挥 他们的功能。四、作业必做题：1、“按我”2、 move on 或 next and back3、完成书中P104页的动态按钮制作：素材第十周复习教学目标：1、巩固掌握引导线的基本技巧。2、巩固掌握按钮制作的基本方法。3、通过测试了解学

37、生的掌握情况。教学重点：掌握引导 线、按钮的创建。教学难点：通过考试，巩固薄弱知识点。 教学过程：一、复习1、“调整到路径”功能：将补间元素的基线调整到运动路 径，比较下面两个动画2、做引导层时的几个注意点：路径是否在引导层中，引导层的创建是否正确。路径是 否闭合。运动物体中心点是否在路径上，大家在拖动的时候可以使 用吸附工具，这样比较容易观察。引导线千万不能是元件，如果绘制出来是对象的话，要及 时打散。要让引导层在导出文件中可见，就必须再添加一 个背景层。3、观看下面的动画实例，分析在动画中有哪些效果？分析： 按钮的四个帧上分别放置的是什么？三、本周作业：预习遮罩动画 第十一周 遮照的基本概

38、念 教 学目标：1、掌握遮照的原理2、掌握遮照的操作方法3、学会遮照的基本应用，增强分析动画的能力 教学重点： 掌握遮照的操作方法教学难点：遮照的基本应用，学会从现成的作品中获取设计方法教学过程： 一、知识回顾：补间：形状 补间：动作补间：动作，光束为元件补间：动作，以物体中心为轴向两边扩张的一般为元件二、引入新课：1、请注意观察以下这个动画，在它的文字中有何特色，它的动画特点是什么？ （1）文字用图案填色，且是自上而下运动着的图案填色。（2）文字完整显示，而图案显示不完整。（3）文字在最上层，图案在下层，且下层是一个动画层。三、新课内容（上课素材下载）:（一）遮罩的原理1、遮罩是需要通过两层

39、实现的，上一层叫遮罩层，下一层叫 被遮罩层。2、遮罩结果显示的是二层的叠加部分。3、遮罩显示结果的色彩由被遮罩层的色彩决定，即可通过 辨别色彩的来源来确定哪一层为被遮罩层。4、在遮罩层和被遮罩层中均可设定动画。（二）遮罩的应用1、电影字幕效果分析关键点：什么颜色为遮罩效果的主色，什么层在自下而上 移动？此例的结论：说明遮罩层与被遮罩层均可根据需要设 定动画。分析的特点：用显示色彩的特性确定了被遮罩层。2、光束的照射效果比较一下两幅动画的差异本题总结：在遮罩层和被遮罩层之后，可适当添加辅助层， 以衬托遮罩效果。3、MTV字幕效果分析关键点：上面两幅动画分别需要几层？ 蓝色的FLASH文字层是否产

40、生遮罩效果？四、作业布置：1、必做题：字幕、光照、MTV字幕1、MTV字幕2 （如下）2、选做题：第十二周声音与遮罩技巧教学目标：1、能导入各类声音，并能处理一些声音的叠加。2、遮照技巧的灵活应用。3、学会遮照的基本应用，增强分析动画的能力教学重点:遮照技巧的灵活应用教学难点：遮照的基本应用，学会从现成的作品中获取设计 方法教学过程：一、FLASH中声音的加载 导入声音文件：文件 导入到库 选择声音源我们只需新增一图层（声音层）一一将库中的声音拖入，或 者在属性面板中选择声音就可以使用声音文件了，事情就这 么简单。声音文件的使用技巧为动画添加背景音乐新建或打开需要添加声音的文件，在原来的动画上

41、再增加 一个“声音层”的新层。需要在文件中多处有声音时，我们 通常会把几个声音文件放置在不同的层中，这样不但便于控 制，而且还能达到混响效果。导入所需要的声音文件，然后从库中将所需声音文件拖拉 到“声音层”上即可。为按钮添加提示声音在原来的层上插入一新层，假设在按下帧上按F7添加空白关 键帧，然后将声音文件拖放到该帧即可，并将同步设置为“事 件”。则测试时，当鼠标单击按钮时会发出声音。二、声音的处理 当声音被加载到FLASH中后，可进行如下处理:3利用学过的知识解决问题。第二篇：flash动画按钮的制作教案教学目标1 .知识与技能理解按钮元件的各种状态 掌握创建按钮的基本方法并制作有个人特色的

42、按钮.过程与方法通过亲自体验，理解按钮的工作原理。在按钮的动作设置的过程中，归纳出利用按钮控制flash 动画的方法。2 .情感态度与价值观(1)通过主动学习使用按钮，体验f I ash动画的交互性，培养学 生的创造力。在开拓思路，提高技术的同时渗透美学的理念与成功的快 感，促进学生审美能力的提高，鼓励作品的原创性与新颖性。教学重点：制作“按钮”元件的方法，并丰富其表现效果教学难点：“按钮”元件的四个状态帧的理解， 教法、学法:1、取部分声音播放。2、控制声音的淡入、淡出等。3、处理方法：在属性面板上，单击声音编辑即可4、“事件”选项会将声音和一个事件的发生过程全部同步起 来。如果触发了播放声

43、音的事件，它会自动播放直至结束， 在这个过程中声音的停止不受动画本身的制约。例如我们在 Flash中制作了 一个声音播放按钮，如果事件声音正在播放， 而再次点击，第一个实例继续播放，另一个声音实例同时开 始播放。“开始”选项和“事件”选项一样，只是如果声音正在播放, 就不会播放新的声音实例。“停止”选项可以使指定的声音静音。“数据流”用于在互联网上同步播放声音。Flash会协调动画 与声音流，使动画与声音同步。如果Flash显示动画帧的速 度不够快，Flash会自动跳过一些帧。与事件声音不同的是， 如果声音过长而动画过短，声音流将随着动画的结束而停止 播放。在播放影片时，声音流是混合在一起播放

44、的。5、不同声音的叠加：将声音加载在不同图层上。三、实例：1、按钮上加载声音源文件下载 声音下载（右击下载）体会在按钮上加声音与在图层上加声音的区别。四、遮照技巧1、百叶窗（素材下载）:（一）遮罩的原理操作步骤：1,建立一个按水平线缩放 的长方条作为影片元件。2、将第一步中创建的影片元件多个叠加，组合成一扇百叶 窗，并将其作为第二个影片元件。3、在场中创建三层，其中最上层放步骤二中影片元件，中 间层与底层各放一张图片。4、将遮照效果应用在最上层。思考：步骤2中能否不建 影片元件？2、闪闪红星的制作制作步骤：1 制作一个扇片，并生成元件。2、由步骤1的元件旋转复制360度后而绕成一圈，并将此 图

45、案生成元件。（注意调整元件中心点位置）3、将步骤2生成的元件加以应用于，实施翻转。4、将以上二个实例各自放入不同层，并在二层间实施遮照。五、作业1、完成以上二个实例：百叶窗、闪闪红星2、校名:3、书本作业：横向百叶窗第十三周 遮照技巧应用（三）教学目标：通过练习，使学生 进一步掌握遮照与变形的综合应用。教学重点：遮照技巧应用。教学难点：复杂遮照的创建。教学过程：一、巩固复习：制作并讲解上一节课的作业纵向百叶窗（详 见课本P 9 9,图片下载）。知识点：分散到图层。直线动画的制作。关键M的复制。 遮照的使用。二、制作跑车广告素材下载1、准备工作，试着制作下列图案2、查看跑车广告3、分析跑车广告的

46、元件及图层数字计时：帧帧动画（序号之间的渐变效果）遮照效果： 遮照层：动画层（形状补间的变形动画、）被遮照层：清晰跑车背景层：模糊跑车 落下帷幕：缩放动画、变形动画。4、时间轴参考（没有设计计时时的效果图）三、课后作业必做：1、跑车广告2、按下图的提示制作“波浪文字”提示：效果动画：选做：3、制作以下“图片切换效果”第十四周遮照复习教学目标：1、掌握多层遮照的基本技巧。2、注意对遮照层和被遮照层的设定。3、通过测试了解学生的掌握情况。教学重点：多层遮照技 巧的原理。教学难点：多层遮照技巧的应用。教学过程：一、复习：1、旋转的地球地图下载提示：1、注意观察二幅地图的颜色。2、思考用几层遮照。3、

47、地图的颜色是否发生变化。4、是否有背景层。2、波浪文字源代码下载要求：自行分析以上两个动画的遮照技巧，在源代码的基础 上，修改完成第二种波浪效果。第十五周 基本Act ionScr ipt教学目标：1、要求学生了解什么是Act ionScr i pt。2、掌握如何编辑Act i onScr i pt。3、三种添加脚本的对象。教学重点：ActionScript的基本概念。教学难点：编辑Act i onScr i pt。教学过程：一、什么是ActionScr ipt （以下简称AS） AS是FLASH的动 作脚本语言。可以AS使用控制FLASH影片中的对象，创建 导航和交互元素，也可以扩展FLASH,制作高级交互影片和 FLASH交互网站。二、利用AS能做些什么？使用AS,用户不仅可以动态地控制动画的进行，而且能够进 行各种运算，甚至由各种方式获取用户的动作并且即时作出