创建FLASH 塑料质感按钮[初级]

作者: egoldy

性质: 原创

阅读次数: 11476

发表时间: 2005-05-29 12:38:54


透明按钮,可以在PHOTOSHOP中创建,也可以在FLASH中使用矢量工具创建,相比较而言,使用FLASH创建会使文件更方,更易编辑,更适用于FLASH的程序开发中缩放操作。



创建方法:
1.打开FLASH,新建一个文档,保存命名为plasticbutton.

2.在工具栏上选择矩形工具,同时取消描边色彩,点击园角工具,设置园角半径为5.当然你也可以设置其它的值。如图:


3.在场景绘制一个长为158,高为33的园角矩形。选中园角矩形,按下shift+f9打开混角器工具,选择线性,如下图所示:


4.点击工具栏上的填充工具填入线性渐变,默认为从左至右的渐变过程,我们需要变一下方向。点击填充变形工具或按下F键。点击圆角矩形。将其旋转90度。如下图所示:

5.按下V键或是点取箭头选择工具,选择圆角矩形,右击选择转换为元件选择button.再次右击此按钮选择在当前位置编辑,进入按钮的编辑状态。

6.新建一层。复制第一层。选中新建的层,按下ctrl+shift+v.贴到原位置,按下ctrl+T进行一些缩放。在长度上缩放98%,宽度上缩放94%,当然这个值你可以看情况进行调节,只要保证四周的边距相同就可以。选择填充工具,这里选的色彩是#003366,你也可以选择其它的色彩。然后再新建一层。选择第二层上的圆角矩形,按下ctrl+c,然后按下ctrl+shift+c将其贴到新建的第三层上。同样按下ctrl+T对其进行与上面同样的缩放。填入白色。在混色器中选择线性工具,将线性的一端调成白色透明。然后用选取工具,将最上层的下半部分选中,删除。如下所示。


7.由于上方半部分是从左至右渐变的。我们要将其变成横向的。所以要选择渐变变形工具,按下F键选择渐变变形工具。将白色渐变旋转90度并进行缩放。如下图所示:


注意为了保证我们的操作不会影响到其它两层你可以将下面的两层先进行锁定。

8.到现在为止基本上快完成了。我们需要再新建一层,复制图层4上的白色渐变,按下ctrl+shift+v将其贴到第五层上,然后选择菜单中的修改,变形,垂直翻转。调整它的位置至如下图所示:


9.上面步数完成后,我们马上就可以看到结果了。此时我选中图层2,按住shift选择图层4和图层5,然后按F8,将这三层合成一个剪辑,选择图形,然后删除图层2和图层4。

10.由于是按钮,在图层1和图层5上我们分别在其它三个状态上按F6, 复制帧,然后选择图层5上指针经过的关键帧,在下面的属性面板中将其亮度调为25%.如下图所示:


11.还有最后一步就是加入文字,新建一层再上面加文字。加入你想加的文字。Ok。

12.加入简单的链接。点击场景1,返回场景,选中些按钮,按下F9,打开Action面板,加入代码:

 

on(release){
getURL(http://www.webstudio.com.cn,”_blank”);
} 



13.这个我们的这个按钮就做完了。你可能要问为什么我们在合并的时候没有把图层1合成在图形剪辑中,图层1是一个渐变背景,如果你不想要它你可以随时删除它。如果合在一起就不方便删除了。如果你想换用其它的色彩,可以直按在属性面板中调节属性中的高级选项。现在你也可以轻松的做出像Macromedia一样的菜单按钮了。
演示:

服务项目_SERVICE

关于我们

万博思图(北京)信息技术有限公司,专业的flash,flex开发团队,5年经验。公司致力于互联网上的业务的开展,对于互动网站行销,互联网应用程序开发有成熟的解决方案。我们关注互联网市场动态,关注新技术,更注重在新的领域不断探索发现。
万博思图业务内容主要包括企业品牌Flash网站开发,企业形象宣传Flash设计,动画,多媒体演示,Flex企业级应用程序开发,拥有众多成功案例,欢迎来电咨询。
 
COPYRIGHT BY WEBSTUDIO INTERACTIVE DESIGN Co.,Ltd. ALL RIGHTS RESERVED.
公司地址: 北京市朝阳区朝外SOHO D 座727室 邮编: 100026 EMAIL: WEBSTUDIO@WEBSTUDIO.COM.CN
电话: 010-59070059 / 010-86390986-802  手机: 13693660520 传真: 010-59070059-801
京公网安备:110108006741      京ICP备08002333号-4
王先生