Fireworks

[复制链接]
查看: 237|回复: 0
gggds 发表于 2009-12-27 03:17:08 | 显示全部楼层 |阅读模式
关键词:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool)
4 s5 a1 o6 J: N0 L这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。
; j& F+ ]; R; B1 X( }, v: Z创建新文档,File>New(快捷键Ctrl+N)。文档大小:150*150 pixels.如果图片用于网络发布,保持默认分辨率为72不变。
, _4 I$ A+ J1 k5 Z选择矩形工具,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。
; m# L' q) Y* |% w  s# B  y
' E& K' Z/ b, e: e# @) {9 g% P0 H5 R7 \$ ~' I8 K" r
# Q& ]0 Q8 `/ ^/ a' q
保持矩形为选择状态,在Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图,完成后,矩形按纽的形状应该如下图所示。 4 N9 c, `0 _/ z# |6 |3 w
# Q+ D. u8 c$ o

1 L, t8 G1 Z' M" K$ _
2 e( R- z$ l) w9 k+ k
5 C" ?! J7 {  |; K9 x" o  Q( O
) h* Y- y% y1 N; B3 j9 y
3 c0 l) l/ V. R, j% x( z保持矩形为选中状态,继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下:5 v3 K; }1 w+ Q) L7 {3 X% J$ I
$ e/ x; c. U# G- U2 ~/ z
& H2 |1 ?- w1 P5 [! x

2 [$ H' u. Q- V' G
, J* N4 W/ J( g8 i) ~' F( A. q/ f7 ]* D: H
+ t+ O6 b6 b  z! N- [# F2 [
现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。
  [3 |- F& b, I1 k" ]0 r0 y  W! X3 I7 F$ [! ~. z- j* _3 Z

( u1 u+ k  {$ Y% |2 w* z
1 s# v$ Z! {3 g% P( u4 z
& T6 }0 @3 P* k1 S: y

本版积分规则

精彩图文

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