创建FLASH 塑料质感按钮

7次阅读

创建塑料质感按钮 —Create plastic button

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

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

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

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

4.点击工具栏上的填充工具填入线性渐变,默认为从左至右的渐变过程,我们需要变一下方向。点击填充变形工具或按下 F 键。点击圆角矩形。将其旋转 90 度。如下图所示:
创建 FLASH 塑料质感按钮
5.按下 V 键或是点取箭头选择工具,选择圆角矩形,右击选择转换为元件选择 button. 再次右击此按钮选择在当前位置编辑,进入按钮的编辑状态。

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

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

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

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

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

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

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

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

代码:
on(release){
getURL(http://www.ningmop.com,”_blank”);
}

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

最后:如果你认为此教程对你有用,请抽出一秒钟时间点击右上方的 GOOGLE 广告,做为对本站的捐助。以便增加带宽和空间。

正文完