|
关键词:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool)
5 ^9 [% [$ d2 g3 ?3 |这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。 & l- I7 \- q$ y& e8 f2 L% N
创建新文档,File>New(快捷键Ctrl+N)。文档大小:150*150 pixels.如果图片用于网络发布,保持默认分辨率为72不变。
$ C$ ]/ G( V+ C; V7 _' a, o! O- V选择矩形工具,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。
5 ?3 H* w+ u4 [9 h+ C% r2 i+ U. }
5 k, J, N* W. l
2 W3 {( M5 d# h$ v4 M4 U
保持矩形为选择状态,在Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图,完成后,矩形按纽的形状应该如下图所示。
1 [5 Z# j% ?* N4 U. ?1 Y
7 V; }, K. q3 h! J& A![](http://edu.chinaz.com/Files/BeyondPic/micro2.jpg)
4 I3 i, @; X1 |! y& h$ f5 m0 h; B! P k4 e9 m' E& U. A
3 O# C W k$ i. N5 C
. \" B, A' J2 E
( t( W: ~- R% V6 Z! c保持矩形为选中状态,继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下:
. Z+ q$ Y( O* v \1 E
' Q( o( n/ Z- Y: j; V b" y![](http://edu.chinaz.com/Files/BeyondPic/micro4.jpg)
9 a+ Z4 y- {8 q& Z8 c
& q7 R3 W L7 B* @
5 ]' g. v4 d1 V/ ]4 m 9 R* ^8 ^% F0 V
t2 ?- _7 |1 u8 E7 F; j, E
现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。
& m9 m+ q; n* N0 [! A- V
2 d' g4 l; j1 }& [* H1 F" Q' e' C![](http://edu.chinaz.com/Files/BeyondPic/micro6.jpg)
Y6 T& n/ D+ E( Y/ \; o
% _; g8 ]/ B V7 d0 @/ _' e/ ^+ O& |/ ~+ ]; X
![](http://edu.chinaz.com/Files/BeyondPic/micro7.gif) |
|