武陵观察网 问答 flash如何制作漂亮的3d按钮

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

无论是网页还是动画,经常会使用按钮作为交互方式。如果有一定的特点,对于网页或者动画的表达也会吸引人们的注意力。如何制作一个令人难忘的按钮?在这里,我想和大家分享一篇关于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按钮的介绍。操作很简单。你学会了吗?希望你喜欢这个教程!

本文来自网络,不代表本站立场,转载请注明出处:https:

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

武陵观察网后续将为您提供丰富、全面的关于flash如何制作漂亮的3d按钮内容,让您第一时间了解到关于flash如何制作漂亮的3d按钮的热门信息。小编将持续从百度新闻、搜狗百科、微博热搜、知乎热门问答以及部分合作站点渠道收集和补充完善信息。