文章分类 | 软件分类 | 最新软件 | 杀毒软件 | 实用软件  | MTV下载  | 设为首页 |
  | 下载分类 | 最近更新
您的位置: 首页 >> 文章首页 >> 网页设计 >> Firework >>  
Firework点击TOP10
·按钮制作2006-2-10 17:45:00
·微软Windows徽标做法一例2006-2-10 22:48:32
·Fireworks4.0大内秘籍之——两仪剑法2006-2-10 10:09:55
·圆环相切效果的制作2006-2-10 10:11:39
·Fireworks MX的新特性2006-2-9 17:20:21
·Fireworks MX2004之Shapes工具组应用实例一 变形花朵2006-2-10 22:52:16
·Macromedia Fireworks MX的新特性四2006-2-10 10:06:58
·Fireworks MX之旅:GIF动画2006-2-9 17:21:36
·Fireworks卡通头像:搞怪宝宝(2)2006-2-6 7:46:12
·Fireworks制作破壳而出的美女2006-2-10 22:50:27
网页设计点击TOP10
·不要跳转或刷新 实现网页区域选择显示2006-2-6 7:47:20
·Micromedia Dreamweaver UltraDev 安装及使用教程(一)2006-2-6 6:40:51
·Fireworks4.0大内秘籍之——两仪剑法2006-2-10 10:09:55
·Flash Mx使用技巧十二则2006-2-6 7:37:27
·圆环相切效果的制作2006-2-10 10:11:39
·按钮制作2006-2-10 17:45:00
·微软Windows徽标做法一例2006-2-10 22:48:32
·十六则Dreamweaver使用快技法2006-2-9 18:03:11
·用Flash仿制Resistor Color Coder软件2006-2-5 18:51:50
·进入Flash MX组件时代之二 内置组件的使用(上)2006-2-5 11:52:41

 

按钮制作
作者:我去下载           时间:2006-2-10 17:45:00


按钮四

看如下按钮,是不是觉得透明感特别强呢,是不是想马上学会,呵呵,看教程吧。

一、 新建文件。用矩形工具在画布上画一个矩形,打开info面板,设置其W为226,H为46,按回车确定。设置填充色为蓝色,RGB值为#006699。在object面板中把roundness的滑动杆拉到最顶端,100。设置完这些,一个圆角的矩形就了来了。

二、 此时圆角处于被选择状态,我们打开effect面板来增加实时特效。
(1) 在下拉菜单中选择shadow and glow->drop shadow增加阴影,具体设置看下图。使阴影淡淡的。

(2)加完阴影后,再从下拉菜单中选择shadow and glow->glow,增加发光效果,颜色选为#CCCCCC,其他设置参考下图。

(3)增加完实时特效后,图形如下

三、 用矩形工具再画一矩形,打开info面板,把这个矩形的W设为192,高度设为24,颜色为#84FFFF。同上面一个矩形一样,在object面板中,把roundness设为100。选中这个矩形,执行菜单命令modify->ungroup。
四、 用白色箭头工具,把矩形上部分的二个定位点向下拉,拉到如下图的位置。

五、 打开fill面板,设置edge为feather,其羽化值为18。

六、二个圆角矩形的放置位置如下。

七、再画个矩形,方法同上,info面板设置为W为212,H为30。Object面板中的roundness为100,用小刀工具把这个矩形从左到右分成上下二部分,用白色箭头工具,选择下面一部分,按del键删除。

八、在fill面板中把这半个矩形的填充类型设为linear,按edit按钮编辑渐变色,并用箭头工具调整渐变方向。设置edge为feather,其羽化值为8。

九、把上面把完成的半圆角矩形放在如下位置。

十、用文字工具,在text editor编辑窗口中键入DONGER这几个字,字体为arial black,尺寸为28,加粗。

十一、打开effect面板,为字增加阴影,其设置如下,阴影深度为12,透明度为29%,柔化度为4。

十二、把字放在如下位置。

十三、再做下面二个矩形,方法上面已经详述,这里不再重复了,其中的设置看下面二张图。

十四、把二个矩形按如下位置摆放。执行菜单命令modify->mask->group as mask.

十五、放置的正确位置如下

至此,这个按钮就算全部完工了,还有什么地方不懂的话,请发email联系我donger@citiz.net

分页:
相关文章:
Copyright© 2005-2006 wqxz.com, All Rights Reserved. 购买虚拟主机请与本站联系