用fireworks制作的按钮教程

yangli606 楼主

效果如图（PNG源文件，反键保存。）

1、选择矢量工具中的圆角矩形工具，绘制一个90px×40px的矩形；

2、使用椭圆形填充；

3、给矩形添加外部投影效果，得到如下效果；

4、再绘制一个84px×22px的圆角矩形，用“扭曲”工具变形；

5、使用椭圆形填充，透明度设为50，如下图所示；

6、绘制一个90px×37px的白色圆角矩形，在复制一个设为蓝色放在白色矩形上方位置向下1px，选中两个矩形，修改->组合路径->打孔。并使用条状填充；

7、复制2里面的矩形，放到最上层，透明图设为30；

8、添加文字，选择字体Abadi MT Condensed Light，16px大小加粗并添加外部投影，得到如下效果；

10、最终效果如下：

froglt

简单实用，支持下

wx250977855

很好看~~

17526918

还好```颜色和质感都很不错```但是不算是新颖```不过还是要鼓励下```希望看到LZ更多的好贴子```

yangli606 楼主

谢谢大家的鼓励和支持，我虽然已经做了4年的网页设计，不过自己觉得不会的地方太多了，以后会继续努力，跟大家共同学习交流

westoy

做了四年了。。。文字没有垂直居中

yangli606 楼主

我本来也没想垂直居中，呵呵，再说也不一定非得垂直居中吧

wx250977855

很好看啊,特别是那个蓝光

amish

不错
准备交作业了

yidalimian

谢谢了          相当实用的

正在实习中......

lchlch

谢谢啦，简单实用易学，继续努力

zhangqihu

你好我是刚学习的能把第６步说具体点吗我没有看懂

BradPitt

新人进来看看,努力学习ING

NTTDoCoMo

又找到新素材了！