Fireworks制作按钮简明教程

所属分类: 平面设计 / Fireworks教程 阅读数: 173
收藏 0 赞 0 分享
效果如图(PNG源文件,反键保存。)

Fireworks制作按钮简明教程_脚本之家jb51.net转载
1、选择矢量工具中的圆角矩形工具,绘制一个90px×40px的矩形;

Fireworks制作按钮简明教程_脚本之家jb51.net转载
2、使用椭圆形填充;

Fireworks制作按钮简明教程_脚本之家jb51.net转载
3、给矩形添加外部投影效果,得到如下效果;

Fireworks制作按钮简明教程_脚本之家jb51.net转载
4、再绘制一个84px×22px的圆角矩形,用“扭曲”工具变形;

Fireworks制作按钮简明教程_脚本之家jb51.net转载
5、使用椭圆形填充,透明度设为50,如下图所示;

Fireworks制作按钮简明教程_脚本之家jb51.net转载
6、绘制一个90px×37px的白色圆角矩形,在复制一个设为蓝色放在白色矩形上方位置向下1px,选中两个矩形,修改->组合路径->打孔。并使用条状填充;

Fireworks制作按钮简明教程_脚本之家jb51.net转载
7、复制2里面的矩形,放到最上层,透明图设为30;

Fireworks制作按钮简明教程_脚本之家jb51.net转载
8、添加文字,选择字体Abadi MT Condensed Light,16px大小加粗并添加外部投影,得到如下效果;

Fireworks制作按钮简明教程_脚本之家jb51.net转载
10、最终效果如下:

Fireworks制作按钮简明教程_脚本之家jb51.net转载

更多精彩内容其他人还在看

教你用Fireworks制作红墙砖头效果 并在上面涂鸦

本教程是向大家介绍利用Fireworks制作红墙砖头效果,并且自己可以在上面涂鸦。教程比较简单,也很有趣,相信大家都很喜欢。转发过来,与大家一起学习制作
收藏 0 赞 0 分享

教你用Fireworks绘制漂亮的国画牡丹花

本教程是向大家介绍利用Fireworks绘制漂亮的国画牡丹花,绘制出来的牡丹花非常漂亮,而且方法也不是很难,转发过来,喜欢的朋友可以跟着一起来学习
收藏 0 赞 0 分享

Fireworks 9 路径调版的使用方法图解

本文将为大家介绍Fireworks 9 路径调版的使用方法,希望大家通过本篇文章对路径的使用方法能熟练掌握
收藏 0 赞 0 分享

Fireworks制作残破边缘效果的MM照片

本教程是向大家介绍利用Fireworks制作残破边缘效果的MM照片,教程比较基础,方法很简单,制作出来的照片效果非常漂亮。转发过来,喜欢的朋友可以跟着一起来制作
收藏 0 赞 0 分享

FWMX2004移除相片红眼效果的工具使用讲解

本教程是向大家介绍FWMX2004移除相片红眼效果的工具,该工具作用于选定范围内移除特定区域的红色暗影,代之以灰黑之间的自然色彩。教程介绍的很详细,也很实用,转发过来,希望对大家有所帮助
收藏 0 赞 0 分享

教你用Fireworks如何设计优秀的APP图标

本教程是教大家如何利用Fireworks设计优秀的APP图标,教程非常不错,不仅介绍图标设计的方法,同时也向大家指出了在设计时需要注意的事项。推荐给大家,希望对大家有所帮助
收藏 0 赞 0 分享

Fireworks设计一个扁平化透明风格的登录界面

本教程是向大家介绍利用Fireworks设计一个扁平化透明风格的登录界面,教程难度不是很大,但实用性很强,转发过来,希望对大家有所帮助
收藏 0 赞 0 分享

Fireworks动画教程:简单制作轮子滚动动画效果

本教程是向大家介绍利用Fireworks简单制作轮子滚动动画效果,方法很简单,主要想通过这一实例向大家介绍fw mx如何让我们的web design变得更easy,希望大家通过本篇教程能有收获
收藏 0 赞 0 分享

Fireworks制作中国古典水墨风格人物签名

本教程是向大家介绍利用Fireworks制作中国古典水墨风格人物签名,制作方法很简单,教程还提供了素材,喜欢的朋友可以跟着一起来学习制作
收藏 0 赞 0 分享

Fireworks制作美女背景的GIF动态时钟

本教程是向大家介绍利用Fireworks制作美女背景的GIF动态时钟,制作出来的效果非常漂亮,教程难度不是很大,转发过来,喜欢的朋友可以跟着一起来学习
收藏 0 赞 0 分享
查看更多