加入收藏
设为首页

Fireworks制作按钮简明教程

正文字体:
作者:佚名 添加时间:2007-12-29 来源:不详
关键词:按钮, FireWorks
导读:Fireworks制作按钮简明教程效果如图(PNG源文件,反键保存。)1、选择矢量工具中的圆角矩形工具,绘制一个90px×40px的矩形;2、使用椭圆形填充;3、给矩形添加外部投影效果,得到如下效果;4、再绘制一个84px...

Fireworks制作按钮简明教程效果如图(PNG源文件,反键保存。)

Fireworks制作按钮简明教程_易龙教程网dwww.cn


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

Fireworks制作按钮简明教程_易龙教程网dwww.cn

2、使用椭圆形填充;

Fireworks制作按钮简明教程_易龙教程网dwww.cn

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

Fireworks制作按钮简明教程_易龙教程网dwww.cn

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

Fireworks制作按钮简明教程_易龙教程网dwww.cn

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

Fireworks制作按钮简明教程_易龙教程网dwww.cn

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

Fireworks制作按钮简明教程_易龙教程网dwww.cn

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

Fireworks制作按钮简明教程_易龙教程网dwww.cn

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

Fireworks制作按钮简明教程_易龙教程网dwww.cn

10、最终效果如下:

Fireworks制作按钮简明教程_易龙教程网dwww.cn

来源:蓝色理想

延伸阅读
人气
我要发言
我顶!
我踩!
将本文加入收藏夹
返回本栏目首页
返回首页
正文字体: 上一篇:
下一篇:
留言载入中...请稍后...
最多500个字符
  • 网友提交的评论和留言属网友个人意见,与本网站立场无关。
  • 请尊重网上道德,遵守中华人民共和国各项有关法律法规。
  • 以上资料除注明为本站原创以外,均为各方收集或网友推荐所得。以共享、研究为目的,不存在任何商业考虑。
  • 目前有些文章未注明作者或出处或标注错误,并非不尊重作者及出处网站,而是因为有些资料来源的不规范。如果有了解作者或出处的朋友,请告知,本网站将立即更正注明,并公开向作者或出处单位道歉。
  • 被摘录的对象如有异议,请与本站联系,联系方式见页尾,本站确认后将立即撤下。
  • 本站原创的内容如需转载需获得本站授权。
今天是,农历。您当地72小时内天气如下:
夜未央
夜未央
王羽馨
王羽馨
Linda 林丸子
Linda 林丸子
Feeling
Feeling
兔女郎
兔女郎
夜未央
王羽馨
Linda 林丸子
Feeling
兔女郎
CG[11]
插画[21]
超酷[96]
风景[18]
节庆[11]
卡通[17]
炫光[18]
闽ICP备07074275号 CopyRight b2fm.com.cn E-Dragon CMS研讨群:13601519 投稿信箱:gtxj45h1@yeah.net [举报不良信息]
请使用1024*768或更大分辨率,IE6.0以上,FireFox2.0以上,Opera9.0以上,NetScape7.0以上,Safari3.0以上版本的浏览器浏览本站
Valid XHTML 1.1 Transitional Valid CSS!
Powered By E-Dragon CMS 1.0 Beta