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进行测试。
相关推荐:
flash怎么做遮罩动画? flash灯光扫描文字消失效果的方法
相关文章
- FLASH怎么制作一个七彩折扇开合的动画?想制作一个打开就是七彩色的折扇,使用flash制作最方便,今天我们就来看看FLASH制作动画的教程,感兴趣的朋友可以来参考一下2016-05-16
- FLASH怎么制作逐一出现的生日快乐动画?想制作一个生日快乐的gif动图,使用flash制作的话就需要掌握动画补间的技巧,今天我们就来详细介绍一下FLASH制作生日快乐动画的教程2016-05-13
- 今天小编为大家带来了flash制作汶川八周年纪念动画方法,教程很简单愿他们在天堂安宁,感兴趣的朋友一起到下文了解一下吧2016-05-12
- Flash具有很多的特点,包括矢量动画格式的文件体积小,图像质量好,“流”式的播放方式,支持多种多样的文件格式,以及强大的actionscript功能。已经有很多人在课件中用到2016-05-12
- flash怎么制作认字板?给小学生上课的时候,很多字他们不知道该怎么读,怎么写笔画和偏旁部首,这时候我们就可以制作一个认字板,将汉字写到田字格,将偏旁部首卸载旁边,2016-05-12
- 这篇教程是向脚本之家的朋友分享FLASH逐帧动画绘制圆方法,教程很不错,但过程有点复杂,推荐到脚本之家,来看看吧2016-05-11
- FLASH怎么制作日夜交替的动画?想制作一个太阳和月亮交替的动画,该怎么制作呢?今天我们就来看看flash制作日夜交替动画的详细教程,很简单,感兴趣的朋友可以进来练练手2016-05-10
- 今天小编为大家带来了FLASH绘制三角形方法,感兴趣的朋友和小编一起到下文了解一下吧2016-05-09
- 这篇教程是向脚本之家的朋友分享flash制作随着输入数据的变化而变化的柱形图方法,教程制作出来的柱形图非常不错,难度不是很大,值得大家学习,来看看吧2016-05-09
flash怎么制作模糊遮罩效果? flash遮罩动画的制作方法
flash怎么制作模糊遮罩效果?想让花朵有种朦胧感,就是有层雾气被风吹散的效果,该怎么制作呢?这个感觉就是flash中模糊遮罩的效果,下面我们就来看看flash遮罩动画的制作2016-05-09
最新评论