Fireworks - 象素按钮

[复制链接]
查看: 272|回复: 0
gggds 发表于 2009-12-27 12:31:19 | 显示全部楼层 |阅读模式
关键词:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool)
2 u% ?7 v$ V2 B这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。
: x. Z% t% h& d' h创建新文档,File>New(快捷键Ctrl+N)。文档大小:150*150 pixels.如果图片用于网络发布,保持默认分辨率为72不变。
# U- @0 c9 S+ L! P选择矩形工具,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。 4 N6 J- |2 S4 g& L6 @4 _  S

3 ^" r" p4 O, q6 G0 o( {1 |- Z  s' u  t

7 V' d) N$ V% j+ m- ]$ t* P保持矩形为选择状态,在Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图,完成后,矩形按纽的形状应该如下图所示。 . C$ u4 i% b6 j5 n# F' }* I$ s
) L) G1 J5 T7 h; e/ r
, D' f' @8 L5 a# P3 r, m2 \

* ^6 _7 Q) F! K! G1 m% j9 O+ r/ o" t) d( i  G+ j, [: D
" S$ {  {! K% a. g; G
! b7 K1 \/ R+ u( g
保持矩形为选中状态,继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下:& ?7 |. h$ N' a. Y: e) L% Y

4 |8 a& K! \! |  L+ O8 S1 ^# `. G+ L! D* ^
: @; g% w( F: x
' r; ^7 n8 k. |1 P
# I3 H/ t) S) ?, @. `$ X

: y: |0 ~% H$ Q! f  \$ ?" ^2 }0 I现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。 5 a+ t2 o4 l' u
$ t% Y2 b: c) K; X8 j6 Q

5 p" O) u3 o  }5 j" t/ I. {' a  u# M( A& F
/ o  g4 z, A2 d5 x/ u. x. F3 w( ^

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )