|
关键词:矩形工具(rectangle tool),效果(Effect),文字工具(Text Tool) , J# Q% o* n% M: v$ y2 Q
这个教程将讲述网页上常见的一种导航栏的按纽制作过程。教程的部分图片大小被放大了200%。记住,在得到最终结果之前,你随时可以用Ctrl+Z来撤消你上一步的操作。
" p \+ u- K$ @+ h; g/ @* L4 k创建新文档,File>New(快捷键Ctrl+N)。文档大小:150*150 pixels.如果图片用于网络发布,保持默认分辨率为72不变。 % v) g6 |+ J6 a1 {9 H
选择矩形工具,绘制矩形长为40 pixels,高为11 pixels。可以通过Info面板精确控制矩形大小。
% B& B- P7 C: \! G/ p$ m
1 @& g. m) ~3 ` / @3 v1 T: _* i7 A% D a; t
6 G0 S/ x# c2 f保持矩形为选择状态,在Effects面板里选择Bevel and Emboss>Inner Bevel,参数设置如图,完成后,矩形按纽的形状应该如下图所示。 1 O2 [; X) {5 V) {7 m; L' W0 ^8 k; q
0 R6 M3 Y x: P H" M8 Q. T* I
4 D" P7 C2 Q2 Z. A6 v6 B
0 N8 h7 t! M8 r) r6 Y" U6 `$ P9 E3 w, ]
* D8 o z5 @' b2 {- l
0 _# U4 h/ H& \* b, F% ]
保持矩形为选中状态,继续添加Effect,选择Shadown and Glow >Drop Shadown ,参数设置如下:9 @. b& E: W: k( Y4 F
( V' ~7 y7 v5 P# i" [; |* G

" V" [$ I# K0 }, j" M
3 u& V* j9 H9 H* J4 K( h
7 W2 v4 s* L' ]+ g ( S4 M5 }4 }0 ~
1 y% `1 T* t* T' s: |/ y
现在我们需要在按钮上添加文字。这里我使用的是一种04系列的字体。选择文字工具,在字体下拉列表里选择04b_21,大小为8 px。这里我打下了QUIT,如下图所示。 c, h6 ~1 L3 i, z
, Q( H) v$ T$ F) ]* Y% y * H8 v1 ~, i: K
+ p' k2 ^8 r& m7 l7 ]4 L
8 s) m; f( H* F! B
 |
|