flash如何制作漂亮的3d按钮

无论是网页还是动画 , 按钮是经常用到的一种交互方式,如果它具有一定的特色的话,也会为网页或者动画的表达吸引人的眼球,如何做出一款让人过目不忘的按钮呢?在这里就跟大家分享一篇关于制作3d按钮的制作过程 , 鼠标指向按钮时呈现按下的状态,相应的图片会慢慢出现 , 接下来就跟大家交代一下制作过程,仅供参考使用 。
步骤
【flash如何制作漂亮的3d按钮】启动flash cs5,点击actionscript2.0,新建一个大小为550*400,帧频为15fps,背景色为黑色的flash文档 。
执行文件-导入-导入到库命令,将事先准备好的图片导入到库 , 到库中进行查看 。
执行插入-新建元件命令,新建一个名称为01的图形元件,选择工具箱里矩形工具,设置笔触和填充颜色都为#00ffcc,笔触大小为1 , 在编辑区域绘制一个长方形 。
选中该矩形按ctrl+c组合键进行复制,接着按ctrl+shift+v组合键进行原位置粘贴,并向左上方移动,改变填充颜色为#33cc66.
新建图层2 , 选择工具箱里文本工具在编辑区域输入图1,执行插入-新建元件命令,新建一个名称为2影片剪辑元件 , 将图形元件01连续拖入到编辑区域四次并调整其位置 。
在时间轴面板中选择前四帧,依次插入关键?。≡竦诙∪缓笊境桓?1元件 , 接着选择第三帧删除两个01元件,再接着选择四帧删除三个01元件 。
执行插入-新建元件命令,新建一个名称为pic1的图形元件 , 在库中选择一张图片拖拽到编辑区域,并设置全居中,然后按ctrl+b组合键将图片打散 。
重复步骤7,采用相同的方法新建图形元件pic2和pic3,分别将库中的另外两张图片拖拽到编辑区域进行打散 。
执行插入-新建元件命令,新建一个名称为picture影片剪辑,将元件pic1拖拽到编辑区域 , 设置全居中,在属性面板中设置alpha为0,在15帧处插入关键帧,其alpha值为100% , 在1-15帧中创建补间动画 。
选择第16帧右键单击从下拉菜单中选择插入空白关键帧,将元件pic2拖拽到编辑区域并设置全居中,其alpha值设置为0,在30帧处插入关键帧alpha值设置为100%,在16-30帧之间创建传统补间动画 。
选择第31帧插入空白关键?。ic3拖拽到编辑区域设置全居中,设置其alpha值为0,在45帧处插入关键帧设置其alpha值为100%,在31-45帧之间创建传统补间动画 。
分别在15、30、45帧处打开其对应的动作面板,输入stop();语句 。
执行插入-新建元件命令 , 新建一个名称为按钮的按钮元件,在点击中插入关键帧 , 选择工具箱里矩形工具在编辑区域绘制一个矩形 。
返回主场景 , 将影片剪辑元件2拖拽到舞台中,连续3次 , 调整他们的位置,并设置其大小为120*50,分别修改其实例名称为up1,up2,up3,并分别设置其投影滤镜效果 。
点击时间轴下面的新建图层按钮新建图层2,将元件按钮拖拽到舞台三次,调整其大小和位置 。
选择第一按钮元件打开其动作面板输入代码,同样道理分别选择第二第三个按钮输入代码 。
新建图层3,将库中的影片剪辑picture拖拽到舞台设置大小为500*300 , 调整其位置,修改其实例名称为ss,执行ctrl+s进行保存,保存名称为3d按钮,然后按ctrl+enter进行测试 。

flash如何制作漂亮的3d按钮的详细内容就为您分享到这里,【精彩生活】jing111.com小编为您精选以下内容,希望对您有所帮助: