|
关键词:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool) . O0 E# E/ T& d/ M2 W2 }
这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。 ; [# K! |( M' J0 n
创建新文档,File>New(快捷键Ctrl+N)。文档大小:150*150 pixels.如果图片用于网络发布,保持默认分辨率为72不变。 5 Y( U- ^* |! G) J7 Y
选择矩形工具,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。 $ x& R) L( N, K7 A" @
" F a# P9 n( M8 u* `) x0 i
& ]9 [& d% I# Q2 q+ {7 l' }
+ i7 C9 ?; Q6 x N8 w4 V6 M2 w! p
保持矩形为选择状态,在Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图,完成后,矩形按纽的形状应该如下图所示。
9 C6 @! a6 Y( x% Q; J6 g5 T( k$ q2 i L' R
D7 h0 t1 A' [' R4 v( i6 d3 F& \8 m
. r8 M/ s. s; Y$ [
! ]" J8 I% P( M7 E) R4 h% m& D![](http://edu.chinaz.com/Files/BeyondPic/micro3.jpg)
; |$ Y5 {5 Q) J* Y$ e7 `
/ u- s1 U/ ~, {& p* `保持矩形为选中状态,继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下:
1 Z/ t& a: r* F5 g# o8 v/ k0 |* A
1 }4 r6 R! p+ x: G! Y s1 y % ^& c3 |3 o8 V
R2 c! Z; n# {' D5 U' m9 z, E( _0 d1 r' }+ k- Y5 M+ n [. X9 O+ T5 X
1 t' ]4 h4 g# t
0 E. D9 k/ S. @, s% ]9 ~现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。 R1 p5 H* @* l# V1 {. r& `
, h7 P2 W% f% w7 p$ k
" v; H6 `1 u' W% B
5 A! Y# A) M3 M6 X# I/ u) l' k
* e& |" ~2 ?. A- X/ s" U9 N
![](http://edu.chinaz.com/Files/BeyondPic/micro7.gif) |
|