(徐超)（2）FLASH按钮的制作.doc

flash按钮的制作电教室:徐超教学目标:1、复****掌握引导线的应用 2、介绍按钮的作用3、学会按钮的简单应用教学过程:一、复****掌握引导线的应用1、复****上节课的例子,提出一些完成过程中的问题山坡的曲线的画法可用钢笔工具来画,具体演示下画法;多片树叶下降,可用两种方法,一是使用影片剪辑,原理类似于以前学过的闪动的星星。还有一个方法是在引导层中可画多条引导线,引导层下面的图层只要在虚线中,均可被引导线引导。2、复****上次课的引导线,主要通过实例来巩固(实例1)技术分析:小球的跳动就是引导线(当然也可用以前的动画,多创建几个补间也可),猫的变化就是两张图片的变化主要步骤:①先完成管的绘制,要注意前后面的分层,否则填充就会出问题,然后再完成阴影面的制作; ②画好引导线,为折线形式,红色小球沿引导线运动; ③猫的两种状态(睁眼和闭眼)小球没砸到时睁眼,快砸到时闭眼且后退(用交换元件做可保持位置不变)拓展练****蝴蝶飞舞(拓展练****1)提示:挥动翅膀的蝴蝶作为一个影片剪辑,在这个影片剪辑中,把素材中的图片导入,每张图片一帧,表示蝴蝶的不同状态,其中要注意每张图片位置要对齐,方法有两个,一个是打开时间轴的“查看多个帧”,另一个是交换元件3、圆环的制作(实例2)为了进一步巩固引导线的动画,还要讲一个新的知识点,即小球绕圆环运动技术分析:同样应用引导线做,关键是圆环的引导线是非闭合曲线,小球才能运动,技巧就是用橡皮把圆环打开缺口。主要步骤:①先建一层,画一个圆(无填充)②添加一层引导层,把圆复制,然后把引导层中的圆用橡皮等工具打开缺口,使圆环成为一个非闭合曲线(物体的运动是遵循就近原则,如果不断开,只会作就近小半圈的运动) ③小球的始末状态的设置,第一帧在缺口的一端,最后一帧在缺口的另一端。思考:地球绕着太阳转(椭圆形轨道同上例) 拓展练****中的玩具火车的运动(单轨和8字形轨道,有兴趣的同学可以自己尝试一下) 二、按钮的制作:1、基本按钮的制作(实例3)插入新元件,元件类型为按钮,即可见如下界面一般在以上四种状态下放置四个不同的元件,即可制作出一个按钮效果。下面以变形按钮为例介绍制作步骤。①插入新元件,元件类型为按钮,并命名该按钮为“变形”②单击选中“弹起”,并绘制一个蓝色长方形③单击选中“指针经过”,按F6,并删除蓝色长方形,绘制一个绿色长方形④单击选中“按下”,按F6,并删除绿色长方形,绘制一个红色长方形做完后查看效果,并据此讲解四种状态具体表现,其中第四个“点击”在此并不能体现出来,以后具体碰到再说,先掌握前面三种状态设置2、用文字、图片、图形等作按钮(实例4)在实例3的基础上演示文字作按钮,即在上面蓝色长方形的位置替换成文字就是文字按钮,演示一下即可,其中“点击”如果是实心的区域,比较容易选中实例4分析:主要原理同上例,其中的水晶球可以自己画,也可以用提供的图片,同时也说明了按钮也可以用图片来做!三、按钮的进一步制作应用1、简单的动态按钮(实例5)技术分析:小球是在鼠标放在按钮时下落的,所以动作发生在按钮四种状态的“指针经过”状态,小球下落又是个运动状态,所以在“指针经过”状态放的不是图片之类的,而是一个影片剪辑(相当于一个小电影)主要步骤:①新建一个影片剪辑,在里面做小球下落并且透明度改变的动画②新建一个按钮元件,在“弹起”状态中画上一个红色的长方形,在“指针经过”状态