分享

Flash按钮制作

 吉祥如意988 2015-12-13

Flash按钮制作

吉祥如意988/编辑 素材/网络

吉祥如意988-图书馆

       交互性可以通过“按钮”来实现,本篇介绍按钮的四种状态及作用。
主要操作:菜单“插入”—“新建元件”—“按钮”、按钮的四种状态“弹起”、“指针经过”、“按下”和“点击”、快捷键“F6”、“颜料桶工具”、“任意变形工具”、快捷键“CTRL+L”打开 “库”面板。

    FLASH软件其中的一个特点就是具有交互性,交互的形式一般通过按钮来实现,本篇我们以按钮为例,了解按钮是如何制作的。
 Flash按钮制作
 
    图1,进入FLASH软件,打开菜单“插入”—“新建元件”对话框,选择“按钮”,名称可以是默认名字,单击“确认”按钮。      
 Flash按钮制作

     图2,进入“按钮元件”编辑窗口,他分为四种状态,分别是“弹起”、“指针经过”、“按下”和“点击”。

    下面我们分别了解这四种状态的特点:
    “弹起”状态:按钮普通状态时的样子。
    “指针经过”状态:当鼠标放到“按钮”上时,“按钮”呈现的样子。
    “按下”状态:当鼠标按下该“按钮”,“按钮”呈现的样子。
    “点击”状态:此状态以隐藏方式存在,为按钮提供了透明的点击范围。

Flash按钮制作

    图3,“弹起”状态,使用“矩形工具”在“弹起”帧下绘制一个按钮。

Flash按钮制作

    图4,“指针经过”状态,按下快捷键“F6”,插入关键帧,此时插入了“弹起”状态的按钮,为了区分他们的不同状态,这里使用“颜料桶工具”,选择一个与“弹起”状态不同的颜色,对“针对经过”帧下的“按钮”进行变更颜色。

Flash按钮制作

    图5,“按下”状态,按下快捷键“F6”,插入上一个关键帧,同样使用“颜料桶工具”对按钮进行颜色的更改,再使用“任意变形工具”稍微对“按钮”图形进行放大调整。

Flash按钮制作

    图6,“点击”状态,也就是鼠标的点击区域,可以为按钮绘制一个较大的矩形,当我们画的按钮特别小或以文字作为按钮的时候,观众不容易直接点击到按钮,这种情况下“点击”状态就特别重要。

    “点击”状态下的图形不用绘制得很精美,因为他不会最终显示出来,只是起到了一个圈定鼠标范围的作用。

Flash按钮制作

    图7,制作完按钮,返回到“场景1”,按下快捷键“CTRL+L”打开“库面板”,把“按钮元件”拖入到舞台中,再按下快捷键“CTRL+ENTER”进行最后的输出测试。

小提示:
    本篇中我们要明白按钮由四种显示方式构成,“弹起”、“指针经过”、“按下”和“点击”,每一帧都可以是独立的,可以根据自己的喜欢的风格和特点,进行设计,如“弹起”状态下可以绘制一个苹果图形,在“指针经过”状态下绘制一个西瓜图形,在“按下”状态下绘制一个菠萝图形,通过本篇教程了解了“按钮”的制作方法及原理,就可以自由发挥,制作出属于自己的“按钮”了。




    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多