当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > FireWorks象素按纽教程

FireWorks
Fireworks教程:立体金属小球的表现方式
Fireworks教程:打造多样式按钮的方法
Fireworks教程:打造华丽仿3D炫光DNA特效
Fireworks教程:路径工具简单打造艺术字体
Fireworks教程:打造漂亮渐变网格马赛克背景
网页设计基础:Web设计中鲜为人知的黄金分割
网页设计教程:web应用界面的十个实用技术
Fireworks教程:绘制一支闪亮卡通风格的铅笔
Fireworks 2004 画明基鼠标简单操作
Fireworks 2004 画明基77G显示器
[手绘系列]手绘朵朵姑娘
极光字体效果的制作
实现素描效果
FW制作眼睛眨动效果
fireworks画液晶显示器简要教程
一个Logo的制作过程
制作一个签名
logo系列玻璃效果
Fireworks制作隐藏影像
Fireworks制作钟摆式公告牌摇摆动画

FireWorks象素按纽教程


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 53 ::
收藏到网摘: n/a

  转载请联系作者

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

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


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

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



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

  

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

  

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