无论是网页还是动画,经常会使用按钮作为交互方式。如果有一定的特点,对于网页或者动画的表达也会吸引人们的注意力。如何制作一个令人难忘的按钮?在这里,我想和大家分享一篇关于3d纽扣制作工艺的文章。当鼠标指向按键时,会被按下,相应的图片会慢慢出现。接下来我给大家讲解一下制作过程,仅供参考。
步骤
启动flash cs5,点击actionscript2.0,新建一个flash文档,大小为550*400,帧率为15fps,背景颜色为黑色。
执行文件-导入-导入到库中命令,将准备好的图片导入到库中,在库中查看。
执行Insert-New Component命令,创建一个名为01的新图形组件,在工具箱中选择矩形工具,将笔触和填充颜色设置为#00ffcc,笔触大小设置为1,在编辑区绘制一个矩形。
按ctrl+c复制选中的矩形,然后按ctrl+shift+v粘贴到原来的位置,移动到左上角,填充颜色改为#33cc66。
新建一个图层2,在工具箱中选择文本工具,在编辑区输入图1,执行插入-新建组件命令,新建一个名为2的电影剪辑组件,将图形组件01连续四次拖入编辑区并调整其位置。
在时间轴面板中选择前四帧,依次插入关键帧,选择第二帧删除一个01元素,然后选择第三帧删除两个01元素,再选择四帧删除三个01元素。
执行insert-create new component命令,新建一个名为pic1的图形组件,在库中选中一张图片,拖动到编辑区,设置整体居中,然后按ctrl b将图片打散。
重复步骤7,用同样的方法新建图形元素pic2和pic3,将库中的另外两张图片拖放到编辑区,将它们打散。
执行Insert-New Component命令,创建一个名为picture的新电影剪辑,将组件pic1拖放到编辑区域,将其设置为全居中,在属性面板中将alpha设置为0,在第15帧插入一个关键帧,alpha值为100%,在第1-15帧创建一个补间动画。
选择第16帧,右键单击并从下拉菜单中选择插入空白关键帧,将组件pic2拖放到编辑区域,并将其全部设置为居中。它的alpha值设置为0,在第30帧插入的关键帧的alpha值设置为100%,在第16帧和第30帧之间创建一个传统补间。
选择第31帧插入空白关键帧,将组件pic3拖放到编辑区设置整个中心,将其alpha值设置为0,在第45帧插入关键帧将其alpha值设置为100%,在第31-45帧之间创建传统补间。
打开第15、30、45帧对应的动作面板,输入stop();声明。
执行Insert-New Component命令,新建一个名为“button”的按钮组件,在“Click”中插入一个关键帧,在工具箱中选择矩形工具,在编辑区绘制一个矩形。
返回主场景,连续三次将电影剪辑元素2拖放到舞台上,调整它们的位置,将它们的大小设置为120*50,将它们的实例名称修改为up1、up2、up3,并分别设置它们的投影滤镜效果。
单击时间轴下方的“新建层”按钮创建一个新的层2,并将组件“按钮”拖到舞台上三次,以调整其大小和位置。
选择第一个“button”元素打开它的操作面板并输入代码。同样,选择第二个和第三个“按钮”来输入代码。
新建一个图层3,将影片剪辑图片从库中拖到舞台上,大小设置为500*300,调整位置,实例名称改为ss,执行ctrl s保存,保存名称为3d按钮,然后按ctrl enter测试。
以上是如何用flash制作一个漂亮的3d按钮的介绍。操作很简单。你学会了吗?希望你喜欢这个教程!