flash怎么制作3d按钮?flash按钮制作教程
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
flash怎么制作3d按钮?flash按钮制作教程
⽆论是⽹页还是动画,按钮是经常⽤到的⼀种交互⽅式,如果它具有⼀定的特⾊的话,也会为⽹页或者动画的表达吸引⼈的眼球,如何做出⼀款让⼈过⽬不忘的按钮呢?今天⼩编在这⾥就跟⼤家分享⼀篇关于制作3d按钮的制作过程,⿏标指向按钮时呈现按下的状态,相应的图⽚会慢慢出现,接下来就跟⼤家交代⼀下制作过程,仅供参考使⽤。
1、启动flash cs5,点击actionscript2.0,新建⼀个⼤⼩为550*400,帧频为15fps,背景⾊为⿊⾊的flash⽂档。
2、执⾏⽂件-导⼊-导⼊到库命令,将事先准备好的图⽚导⼊到库,到库中进⾏查看。
3、执⾏插⼊-新建元件命令,新建⼀个名称为01的图形元件,选择⼯具箱⾥矩形⼯具,设置笔触和填充颜⾊都为#00ffcc,笔触⼤⼩为1,在编辑区域绘制⼀个长⽅形。
4、选中该矩形按ctrl+c组合键进⾏复制,接着按ctrl+shift+v组合键进⾏原位置粘贴,并向左上⽅移动,改变填充颜⾊为
#33cc66.
5、新建图层2,选择⼯具箱⾥⽂本⼯具在编辑区域输⼊图1,执⾏插⼊-新建元件命令,新建⼀个名称为2影⽚剪辑元件,将图形元件01连续拖⼊到编辑区域四次并调整其位置。
6、在时间轴⾯板中选择前四帧,依次插⼊关键帧,选择第⼆帧然后删除⼀个01元件,接着选择第三帧删除两个01元件,再接着选择四帧删除三个01元件。
7、执⾏插⼊-新建元件命令,新建⼀个名称为pic1的图形元件,在库中选择⼀张图⽚拖拽到编辑区域,并设置全居中,然后按ctrl+b组合键将图⽚打散。
8、重复步骤7,采⽤相同的⽅法新建图形元件pic2和pic3,分别将库中的另外两张图⽚拖拽到编辑区域进⾏打散。
9、执⾏插⼊-新建元件命令,新建⼀个名称为picture影⽚剪辑,将元件pic1拖拽到编辑区域,设置全居中,在属性⾯板中设置alpha为0,在15帧处插⼊关键帧,其alpha值为100%,在1-15帧中创建补间动画。
10、选择第16帧右键单击从下拉菜单中选择插⼊空⽩关键帧,将元件pic2拖拽到编辑区域并设置全居中,其alpha值设置为
0,在30帧处插⼊关键帧alpha值设置为100%,在16-30帧之间创建传统补间动画。
11、选择第31帧插⼊空⽩关键帧,将元件pic3拖拽到编辑区域设置全居中,设置其alpha值为0,在45帧处插⼊关键帧设置其alpha值为100%,在31-45帧之间创建传统补间动画。
12、分别在15、30、45帧处打开其对应的动作⾯板,输⼊stop();语句。
13、执⾏插⼊-新建元件命令,新建⼀个名称为”按钮“的按钮元件,在“点击”中插⼊关键帧,选择⼯具箱⾥矩形⼯具在编辑区域绘制⼀个矩形。
14、返回主场景,将影⽚剪辑元件2拖拽到舞台中,连续3次,调整他们的位置,并设置其⼤⼩为120*50,分别修改其实例名称为up1,up2,up3,并分别设置其投影滤镜效果。
15、点击时间轴下⾯的新建图层按钮新建图层2,将元件“按钮”拖拽到舞台三次,调整其⼤⼩和位置。
16、选择第⼀“按钮”元件打开其动作⾯板输⼊代码,同样道理分别选择第⼆第三个“按钮”输⼊代码。
17、新建图层3,将库中的影⽚剪辑picture拖拽到舞台设置⼤⼩为500*300,调整其位置,修改其实例名称为ss,执⾏ctrl+s进⾏保存,保存名称为3d按钮,然后按ctrl+enter进⾏测试。