| 加入收藏

用Fireworks制作象素按钮

2009-06-19 21:17来源:未知 浏览:[]

这个Fireworks应用教程将讲述网页上常见的一种导航栏的象素按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。

打开Fireworks,创建新文档,File>New(快捷键Ctrl+N)。文档大小:150*150 pixels.如果图片用于网络发布,保持默认分辨率为72不变。

选择矩形工具,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。

象素按钮雏形

保持矩形为选择状态,在Fireworks的Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图,完成后,矩形按纽的形状应该如下图所示。

Fireworks的Effects面板

立体按钮效果出现

保持矩形为选中状态,继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下:

特效面板

增加阴影效果

现在我们需要在象素按钮上添加文字。这里我使用的是一种04系列的字体。选择Fireworks的文字工具,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。

选择Fireworks文字工具

象素按钮最终效果


字体下载链接



Copyright 2008 逆云网 | 粤ICP备08131116号 |关于我们 | 联系我们 |