交互性可以通过“按钮”来实现,本篇介绍按钮的四种状态及作用。
主要操作:菜单“插入”—“新建元件”—“按钮”、按钮的四种状态“弹起”、“指针经过”、“按下”和“点击”、快捷键“F6”、“颜料桶工具”、“任意变形工具”、快捷键“CTRL+L”打开 “库”面板。
FLASH软件其中的一个特点就是具有交互性,交互的形式一般通过按钮来实现,本篇我们以按钮为例,了解按钮是如何制作的。
图1,进入FLASH软件,打开菜单“插入”—“新建元件”对话框,选择“按钮”,名称可以是默认名字,单击“确认”按钮。
图2,进入“按钮元件”编辑窗口,他分为四种状态,分别是“弹起”、“指针经过”、“按下”和“点击”。
下面我们分别了解这四种状态的特点: “弹起”状态:按钮普通状态时的样子。 “指针经过”状态:当鼠标放到“按钮”上时,“按钮”呈现的样子。 “按下”状态:当鼠标按下该“按钮”,“按钮”呈现的样子。 “点击”状态:此状态以隐藏方式存在,为按钮提供了透明的点击范围。
图3,“弹起”状态,使用“矩形工具”在“弹起”帧下绘制一个按钮。
图4,“指针经过”状态,按下快捷键“F6”,插入关键帧,此时插入了“弹起”状态的按钮,为了区分他们的不同状态,这里使用“颜料桶工具”,选择一个与“弹起”状态不同的颜色,对“针对经过”帧下的“按钮”进行变更颜色。
图5,“按下”状态,按下快捷键“F6”,插入上一个关键帧,同样使用“颜料桶工具”对按钮进行颜色的更改,再使用“任意变形工具”稍微对“按钮”图形进行放大调整。
图6,“点击”状态,也就是鼠标的点击区域,可以为按钮绘制一个较大的矩形,当我们画的按钮特别小或以文字作为按钮的时候,观众不容易直接点击到按钮,这种情况下“点击”状态就特别重要。
“点击”状态下的图形不用绘制得很精美,因为他不会最终显示出来,只是起到了一个圈定鼠标范围的作用。
图7,制作完按钮,返回到“场景1”,按下快捷键“CTRL+L”打开“库面板”,把“按钮元件”拖入到舞台中,再按下快捷键“CTRL+ENTER”进行最后的输出测试。
小提示: 本篇中我们要明白按钮由四种显示方式构成,“弹起”、“指针经过”、“按下”和“点击”,每一帧都可以是独立的,可以根据自己的喜欢的风格和特点,进行设计,如“弹起”状态下可以绘制一个苹果图形,在“指针经过”状态下绘制一个西瓜图形,在“按下”状态下绘制一个菠萝图形,通过本篇教程了解了“按钮”的制作方法及原理,就可以自由发挥,制作出属于自己的“按钮”了。
|