打印

[效果制作] 用fireworks制作的按钮教程

效果如图(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、最终效果如下:
本帖最近评分记录
  • 凌志 威望 +2 谢谢分享 2007-11-29 18:16
简单实用,支持下
(\/)︵ 
(·_ _ )~GO2HERE.NET/GO2HERE.NET.CN MORE THAN MEETS THE EYE ⺌囨囚囨図〆
很好看~~
还好```颜色和质感都很不错```但是不算是新颖```不过还是要鼓励下```希望看到LZ更多的好贴子```

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
谢谢大家的鼓励和支持,我虽然已经做了4年的网页设计,不过自己觉得不会的地方太多了,以后会继续努力,跟大家共同学习交流

TOP

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

TOP

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

TOP

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

TOP

不错
准备交作业了

TOP

谢谢了          相当实用的

正在实习中......

TOP

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

TOP

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

TOP

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

TOP

又找到新素材了!

TOP