10大优享服务
62项会员特权

flash按钮制作教程两则 flash按钮制作实例

发布时间:2021-12-01 02:46:04     阅读次数:12449次     评论数:0次
     flash设计无论说多少都是纸上谈兵,只有一次次亲力亲为的进行设计,才能在不断的错误、改正中学习与进步。在这里分享两篇flash按钮制作教程,希望这两篇flash按钮制作实例能对新手们有所帮助。

 

flash按钮制作教程两则 flash按钮制作实例

 

flash按钮制作教程(1)
    在FLASH创作中加入的元件有三种分别是:影片剪辑、按钮和图形。创建按钮大致有几下几步:
1、在你所要加入按钮的位置新建一个图层,并在图层想要加入按钮的位置添加空白关键祯,选中此关键祯后,选取功能键“插入”键,在拉开的菜单中选取“按钮”。此时就意味着你要加入的元件是按钮。
2、然后根据你所要的按键的表达形式(有的是库里的按钮图形,也可根据需要自己做个图片或是文字的按钮,可根据需要而定)有两种建立按钮的方法:一是直接选择“按钮”后点确定便可以进入按钮编辑区,然后直接返回工作区,直接在“窗口”中选公用库,在公用库里有现成的按钮样式,选取你所需要的按钮。二是点确定后,进入按钮编辑区,并用图形工具或用文本工具画出或写出所需要的图形或是文字,便可以建立自定义按钮。
3、通过以上的方法建立按钮后,在按钮编辑区上方出现弹起、指针经过、按下和点击四个祯,其中第一祯(弹起)为关键祯,即为你所建立的按钮的关键祯(默认)第一祯,从第二祯到第四祯均为空白祯,你可以复制第一个关键祯(在图层上第一个关键祯的小黑点)后,分别粘贴到第二个到第四个空白祯上,这样就形成了四个关键祯的逐祯动画。
4、对建好的四个关键针对应的按钮进行颜色设置(与在工作区内建立图形元件时设置颜色方法相同),然后用鼠标分别点击设置好颜色的四个关键祯,会看到当鼠标滑过、点击时会有不同颜色的交替变化。
5、对按钮编辑好后,便会在库中生成这个按钮元件,然后直接回到FLASH工作区,在想要加入按钮图层上的所要使用按钮的地方加入空白关键祯,并把库中的按钮拖入到舞台的适当位置,来完成flash按钮的添加。

 

flash按钮制作教程(2)
第一步:制作名为“弹起”的影片剪辑
    创建一个Flash文档,设置舞台的宽高为150×150。创建一个影片剪辑,名为:"弹起"。编辑这个元件,在其上创建 4 个层,从上到下分别为:action、外框、图形、底纹。
    在“图形”层的第 1 帧绘制一个圆角无边正方形,宽高皆为 100。然后通过“复制帧”复制这一帧到“外框”层的第 1 帧;选中“外框”层的第 1 帧的圆角无边正方形应用以前介绍过的"柔化填充边缘"方法,应用中取"距离"为 1、"步骤数(或帧数)"为 2、"方向"为扩散。
    删除“柔化填充边缘”后的圆角正方形的内部,并将新生成的细框设置为黑色。选中它再应用一次“柔化填充边缘”,这次取“距离”为4、“步骤数(或帧数)”为 10、“方向”为扩散。
    在“底纹”层的第1帧绘制一个黑色圆角无边正方形,宽高皆为80。应用“柔化填充边缘”,这次取“距离”为35、“步骤数(或帧数)”为 20、“方向”为扩散。它的目的就是在按钮外加羽化边框。
    将“图形”层的第 1 帧的圆角无边正方形,按下图所示的“调色板”设置径向渐变填充。在“图形”层的第 5 帧按 F6 插入关键帧,然后选中第5帧舞台上的圆角无边正方形,旋转 180°。在“action”层的第 5 帧按 F6 插入关键帧,添加 Action Script 语句:Stop();在“图形”层的第1帧设置形状渐变,并在“外框”和“底纹”层的第5帧插入普通帧。
第二步:制作名为“鼠标经过”的影片剪辑
    在元件库面板中复制刚才完成的影片剪辑“弹起”,然后将名称“弹起 副本”的新元件更名为“鼠标经过”。
编辑这个“鼠标经过”影片剪辑,选中在“图形”层的前 5 帧;
    鼠标右击弹出菜单,选择“翻转帧”项以实现与上一大步所制作的相反的运动效果,这样便完成本影片剪辑的制作。
第三步:制作按钮
    1.选择菜单“插入/新建元件”来建立一个名为“动态按钮”的按钮元件;在“弹起(UP)”帧和“按下(Down)”帧插入“弹起”影片剪辑元件实体,相对舞台居中对齐;在“鼠标经过(OVER)”帧插入“鼠标经过”影片剪辑元件实体,相对舞台居中对齐;选中“按下(Down)”帧的元件实体,通过属性检查器上设置“颜色”为“高级”,在“高级效果”对话框中设置,使实体呈红色。
第四步:完成影片制作
    将“动态按钮”按钮元件从库中拖拽到场景舞台的中央,就可以看到flash按钮制作最后的效果。

(一品威客 SELU)

本文地址:
来源:一品威客,转载须经版权人书面授权并注明来源

留言(0

↓展开留言

该攻略尚无留言记录