Fireworks

[复制链接]
查看: 221|回复: 0
gggds 发表于 2009-12-27 03:17:08 | 显示全部楼层 |阅读模式
关键词:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool) % y& @+ D! J; B( A8 h7 H# ^
这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。
& C( t8 U8 {4 t) V& G创建新文档,File>New(快捷键Ctrl+N)。文档大小:150*150 pixels.如果图片用于网络发布,保持默认分辨率为72不变。   k7 e3 O  I, N  l) ]  B2 n. w
选择矩形工具,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。 " X1 b- M+ d" ]: O: U" g$ h
7 z& G5 x* g' N, L% r! y! p
; b0 |7 ~; W9 T5 P5 J& ?0 f" @" h

* I- d; X% \" {, p6 G; O保持矩形为选择状态,在Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图,完成后,矩形按纽的形状应该如下图所示。 6 w0 k3 O& V  H. f& G8 B
1 W5 j- G: d0 n

' n3 H; o7 y% ?8 `2 G" R! e, y1 \
7 _1 A4 o9 I$ V$ C* ?7 X
* k" l% q5 }- |( W: o
. \  Y) V$ U) U/ w- q* V
3 F3 U% Y0 ?4 M8 h- x" r" U保持矩形为选中状态,继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下:/ ?# g. e1 J2 _% [4 m2 q, i* X6 E
7 w8 @: A, r' L$ n7 R
1 w5 h, D5 {  o; s& @
) @' b$ v  h# }5 s0 e: f9 J0 }
6 i9 l+ z" u3 I

5 |8 ~" z+ B4 h" I9 W8 U* y" H4 z, M" c9 E- `: X
现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。 ' Z2 ~! s  @$ s4 q2 J3 @; a' D5 N

8 X( O, |# a- Y! F% W4 g* {
1 \2 p: S$ s  u/ z. C/ v  ?
. ?/ z# r- F- n' L) }
  }7 L8 ], f( S7 r

本版积分规则

精彩图文

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