当前位置: 老葡京网站娱乐 > 图形设计 > FLASH教程 > 正文

flash8.0按钮元件应用范例

时间:2007-08-05 闪客启航

老葡京网站娱乐 www.sdguanhua.com 按钮元件是Flash的基本元件之一,它具有多种状态,并且会响应鼠标事件,执行指定的动作,是实现动画交互效果的关键对象。

从外观上,按钮可以是任何形式。比如,可能是一幅位图,也可以是矢量图;可以是矩形,也可以是多边形;可以是一根线条,也可以是一个线框;甚至还可以是看不见的“透明按钮”。

影片剪辑在按钮元件中的应用范例-放电按钮

本小节要制作一个放电的按钮,当鼠标放到按钮上,发出夺目的光芒,炫耀无比。效果如图4-40所示。

图4-40 放电按钮

1.创建“放电”影片剪辑元件

(1)新建一个Flash8影片文档,设置舞台尺寸为200×50像素,背景颜色设置为蓝色,其他保持默认设置。

(2)新建一名为“放电”的影片剪辑元件。在这个元件的编辑场景中,选择“线条工具”,笔触颜色为“白色”,在场景中画一段约20像素折线。如图4-41所示。

图4-41 绘制折线

(3)在第3帧插入关键帧,用“任意变形工具”将场景中的折线向左拉约至60像素。

(4)单击第1帧,打开“属性”面板,创建“补间形状”。在第5帧插入帧。

(5)新建“图层2”。在第3帧插入空白关键帧。选择“椭圆工具”,无笔触颜色。打开“混色器”面板,设置填充样式为“放射状”,左色标为白色,Alpha值100%,右色标也为白色,Alpha值0%,如图4-42所示。

图4-42 “混色器”面板

在场景中画一个圆。打开“属性”面板,将其大小设定为(120×126)。将其拖放到折线的左端。如图4-43所示。

图4-43 放电图

2.创建“放电按钮”元件

(1)新建一名为“放电按钮”的按钮元件。在这个元件编辑场景中,将“图层1”更名为“按钮”。双击“矩形工具”,在弹出的“矩形设置”对话框中设置“边角半径”为“20点”,如图4-44所示。