云山游客 发表于 2008-12-25 19:01:38

FireWorks象素按纽教程

转载请联系作者

关键词:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool)


www.ad119.cn/bbs/attachments/websoft/20081225/20081225190114677801.gif
这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl Z来撤消你上一步的操作。


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

选择矩形工具
www.ad119.cn/bbs/attachments/websoft/20081225/200812251901398477802.gif
,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。


www.ad119.cn/bbs/attachments/websoft/20081225/200812251901568777803.jpg


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


www.ad119.cn/bbs/attachments/websoft/20081225/200812251901568777804.jpg

www.ad119.cn/bbs/attachments/websoft/20081225/200812251901570377805.jpg
  

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


www.ad119.cn/bbs/attachments/websoft/20081225/200812251901575077806.jpg

www.ad119.cn/bbs/attachments/websoft/20081225/200812251901579677807.jpg
  

现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具
www.ad119.cn/bbs/attachments/websoft/20081225/200812251901581277808.jpg
,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。


www.ad119.cn/bbs/attachments/websoft/20081225/200812251901585977809.jpg

www.ad119.cn/bbs/attachments/websoft/20081225/2008122519015921778010.gif
页: [1]
查看完整版本: FireWorks象素按纽教程