(徐超)(2)FLASH按钮的制作

1、flash 按钮的制作电教室：徐超教学目标：1、复习掌握引导线的应用2、介绍按钮的作用3、学会按钮的简单应用教学过程：一、复习掌握引导线的应用1、复习上节课的例子，提出一些完成过程中的问题山坡的曲线的画法可用钢笔工具来画，具体演示下画法；多片树叶下降，可用两种方法，一是使用影片剪辑，原理类似于以前 学过的闪动的星星。还有一个方法是在引导层中可画多条引导线，引导层下面的图层只要在虚线中，均可被引导线引导。2、复习上次课的引导线，主要通过实例来巩固（ 实例 1）技术分析：小球的跳动就是引导线（当然也可用以前的动画，多创建几个补间也可），猫的变化就是两张图片的变化主要步骤：先完成管的绘制，要注意前后

2、面的分层，否则填充就会出问题，然后再完成阴影面的制作；2画好引导线，为折线形式，红色小球沿引导线运动；3猫的两种状态（睁眼和闭眼）小球没砸到时睁眼，快砸到时闭眼且后退（用交换元件做可保持位置不变）拓展练习蝴蝶飞舞（拓展练习 1）提示：挥动翅膀的蝴蝶作为一个影片剪辑，在这个影片剪辑中，把素材中的图片导入，每张图片一帧，表示蝴蝶的不同状态，其中要注意 每张图片位置要对齐，方法有两个，一个是打开时间轴的查看多个帧”另一个是交换元件3、圆环的制作（实例 2）为了进一步巩固引导线的动画，还要讲一个新的知识点，即小球绕圆 环运动技术分析：同样应用引导线做，关键是圆环的引导线是非闭合曲线， 小球才能运动，技

3、巧就是用橡皮把圆环打开缺口。主要步骤：先建一层，画一个圆（无填充）2添加一层引导层，把圆复制，然后把引导层中的圆用橡皮等工具打 开缺口，使圆环成为一个非闭合曲线（物体的运动是遵循就近原则， 如果不断开，只会作就近小半圈的运动）3小球的始末状态的设置， 第一帧在缺口的一端， 最后一帧在缺口 的另一端。思考：地球绕着太阳转（椭圆形轨道同上例）拓展练习中的玩具火车的运动（单轨和 8 字形轨道，有兴趣的 同学可以自己尝试一下）二、按钮的制作：1、基本按钮的制作（实例 3）插入新元件，元件类型为按钮，即可见如下界面一般在以上四种状态下放置四个不同的元件， 即可制作出一个按钮效果。下面以变形按钮为例介绍制

4、作步骤。1插入新元件，元件类型为按钮，并命名该按钮为变形”2单击选中弹起”，并绘制一个蓝色长方形3单击选中指针经过”，按 F6，并删除蓝色长方形，绘制一个绿色 长方形4单击选中 按下”，按 F6，并删除绿色长方形，绘制一个红色长方形做完后查看效果，并据此讲解四种状态具体表现，其中第四个点击在此并不能体现出来，以后具体碰到再说，先掌握前面三种状态设置2、用文字、图片、图形等作按钮（实例 4）在实例 3 的基础上演示文字作按钮，即在上面蓝色长方形的位置替换 成文字就是文字按钮，演示一下即可，其中 点击”如果是实心的区域， 比较容易选中实例 4 分析：主要原理同上例，其中的水晶球可以自己画，也可以用

5、提供的图片，同时也说明了按钮也可以用图片来做！三、按钮的进一步制作应用1、简单的动态按钮（实例 5）技术分析：小球是在鼠标放在按钮时下落的， 所以动作发生在按钮四 种状态的 指针经过”状态，小球下落又是个运动状态，所以在 指针 经过”状态放的不是图片之类的，而是一个影片剪辑（相当于一个小电影）主要步骤：新建一个影片剪辑，在里面做小球下落并且透明度改变 的动画新建一个按钮元件，在 弹起”状态中画上一个红色的长 方形，在 指针经过”状态中放入我们已经做好的关于小球运动的影片 剪辑2、 动态按钮引申（实例 6）技术分析：这个动态按钮的制作基本原理同上例， 只是按钮元件的第 一种状态中是空帧，就是没放

6、上去时不显示，也就是我们所说的隐形 按钮，拖入到场景中按钮元件呈现出半透明状态。3、 动态按钮综合实例应用（拓展练习二）实例演示：礼花的绽放效果（鼠标点击，礼花绽放）技术分析：鼠标点击引发的事件，即在按钮的，即为热区，按钮的动作就在这个热区触发。由于是鼠标点击下去才有礼花绽放的效果，所 以在礼花绽放的影片剪辑中，第一帧是放入已做好热区的按钮。 第二 帧开始才是礼花绽放的动画，就是礼花这个图形的放大动画。然后在 帧上及按钮上加上简单代码即可。主要步骤：新建一个按钮元件，在第四种状态 点击”中画一个实心 区域（这里可画一个白色的长方形）新建一个影片剪辑，第一帧放入刚做好的按钮，因为不 点击的时候事

7、件（礼花绽放）不触发，第一帧加入动作 stop，同时按 钮的动作是点击就触发礼花绽放的事件，因此在按钮上加上动作on (press)gotoa ndplay(2);这个动作语句可在动作面板中选择输入，不用自己输入(自己打入容易错，可用脚本校对)on (press)gotoa ndpla y( 2);意思是按下按钮，开始第二帧动作3在第二帧开始礼花的变化，导入礼花图片并转化为元件，然后作放大的动画4最后在场景中拖入已经完成的影片剪辑， 注意在铺满整个场景，点击的时候才能保证无论点哪里都有礼花绽放， 比较逼真些。铺满时可用多次复制粘贴。思考：鼠标放上去礼花绽放怎么做？(拓展练习三)提示：即在按钮的指针经过中