DesignTips > > 使用Fireworks制作按钮的方法

使用Fireworks制作按钮的方法

使用Fireworks制作按钮的方法

为您解说使用Fireworks制作按钮的方法。

虽然是非常简单的网页按钮,但自然的渐变和阴影等设置却非常专业。这是一种使用频率较高的技能,因此请务必牢牢掌握。

Step01 通过Fireworks的矩形工具制作长方形

打开Fireworks,通过矩形工具绘制一个长方形。

这个长方形的尺寸为网页按钮的尺寸,因此请设置为您所喜欢的尺寸。

Step02 适用黑白渐变

对制作好的长方形适用黑白渐变。

如上图所示,将画布颜色右方的[实心]变更为[渐变→线性]后,适用渐变。

Step03 Photoshop动态效果

选择长方形后,单击[属性→滤镜(单击 + )→Photoshop动态効果]。

打开[Photoshop动态效果]对话框,选择左上方的[投影]。如上图所示进行设置,单击确定。

Step04 已对按钮适用了投影!

已对网页按钮适用了[投影]!

由此,网页按钮的原形就制作完成了。

Step05 指定按钮的颜色

接着,指定网页按钮的颜色。

选择网页按钮后,单击[属性→滤镜(单击 + )→调整颜色→色相/饱和度]。

打开[色相/饱和度]对话框,如上图所示进行设置。另外,通过移动色相、饱和度、亮度的滑动条来改变网页按钮的颜色。请选择您所喜欢的颜色。

Step06 在按钮中输入文字

最后,在网页按钮中输入文字后即可完成。将颜色设置为白色(#FFFFFF)。

完成!

简单美观的网页按钮就完成了。

隐约渐变和阴影可为您带来良好的视觉效果。

这种网页按钮可在实践中马上使用。请您务必尝试一下。

この投稿文は次の言語で読めます: 英语, 日语

15 个作为设计师必须会用的免费字体
30 秒将照片转为棕褐色调的方法 3
使用 Photoshop 制作胖胖鲜艳 Logo
不使用钢笔工具绘制七星瓢虫插图的方法
微凹猫脚印的设计(Photoshop)
使用 Photoshop 制作凹凸 Logo 与纹理
30 秒将照片转为棕褐色调的方法 2
使用 Photoshop 制作凹凸 Logo 与纹理
微凹猫脚印的设计(Photoshop)