频道直达 - 专题 - 新闻 - 技巧 - 组网 - 开发 - 安全 - web编程 - 图像 - 操作系统 - 数据库 - 教育 - 旅游 - 健康 - 时尚 - 驱动 - 软件 - 游戏 - 多媒体 - ERP - 讨论组

Fireworks制作按钮简明教程

来源: 作者:yangli606 出处:巧巧读书 2007-11-30 进入讨论组

精华网络内容 :http://www.qqread.com/network/

效果如图(PNG源文件,反键保存。)

Fireworks制作按钮简明教程(图一)

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

Fireworks制作按钮简明教程(图二)

2、使用椭圆形填充;

Fireworks制作按钮简明教程(图三)

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

Fireworks制作按钮简明教程(图四)

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

Fireworks制作按钮简明教程(图五)

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

Fireworks制作按钮简明教程(图六)

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

Fireworks制作按钮简明教程(图七)

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

Fireworks制作按钮简明教程(图八)

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

Fireworks制作按钮简明教程(图九)

10、最终效果如下:

Fireworks制作按钮简明教程(图十)

更多文章 更多内容请看ASP.NET教程FreeBSD使用教程Fireworks教程推荐专题,或进入讨论组讨论。
收藏此文】【 】【打印】【关闭
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
巧巧读书宗旨
相关专题
讨论组问题推荐
站内各频道最新更新文档
站内最新制作专题
热门关键字导读
Photoshop教 程照片处理 照片制作 PS快捷键 抠图
计 算 机 故 障XP系统修复
艺 术 与 设 计设计 流媒体 设计欣赏 边框
计 算 机 安 全ARP
站内频道文章精选
巧巧电脑频道编辑信箱  告诉我们您想看的专题或文章