用Photoshop快速制作Vista风格按钮
0 f9 g9 W* h0 H8 Y' G& f0 x0 r% D) @' @# @2 t
" ~3 ^4 Y% u$ F( s
- q4 S* A1 m# f1 ^: z
出处：网页教学网 作者：闪电儿
1 U3 Q, k) `9 _0 {8 p! r
8 n/ N7 `$ r5 P0 {& }" T* l: t用Photoshop快速制作Vista的黑色任务栏按钮，步骤比较简单，希望大家能看清楚。
" v% T7 l: |% q2 `* X, H: x5 d" h' \
3 A# D- A2 B& y' |新建一张图，前景色选灰色(作为辅助色，可随意选一种较淡的颜色)，用圆角矩形工具，设置圆角半径为 3 像素，画一个高 30 左右的圆角矩形。
5 @$ k0 N2 ^4 O9 _/ R8 a0 \
3 z+ V6 |7 X3 T# V0 [; q1 `6 B: {& \ y
8 `1 W7 O* S5 R* t# K2 `4 u) t- G1 z8 j" ~5 Q
3 `. ~2 u! U8 W
/ h {; j! d% A `4 @$ d
- W3 z7 ^( s( I( F新建一个图层，用矩形选择工具在按钮上部约一半的地方选择一个矩形。选区越靠上，按钮就越显得凸起。然后按住Ctrl Alt Shift，单击图层面板中第一步建立的形状图层，以选中按钮的上半部。
6 K+ C7 W+ c0 r ^
9 v# Z* W! Q, k- d, ^6 A+ p2 N6 [& L8 ~* V5 r/ l0 ]! b' K
% n" G6 `. U9 p
" B4 i8 X3 w' f' a# t5 p3 c: I! {
6 n- v+ B$ ^3 t: j" Q- M, e( ~- h选择前景色 rgb(200,200,200)，背景色 rgb(90,90,90)，使用渐变工具由上至下在选区中填充渐变色。
$ ]. i6 z7 A8 ]3 P+ C5 ~. R. C9 c4 J, {* Q! f9 L9 U8 `% ?5 ~) H0 N V
8 S: ~. @/ n$ F5 g( ]& F
6 s& L/ H( [9 _
3 t6 t7 S4 N% s! k% {8 Y9 \6 e7 K
- t5 w2 o9 u- i
# {3 I0 m5 a/ L) o按Ctrl Shift I反选，再按住Ctrl Alt Shift单击图层面板中第一步建立的形状图层，选择按钮下半部分。 设置前景色为 rgb(24,24,24)，按Alt Del填充选区。
5 X( M4 v; W( _. `* _; ]8 D
0 c0 O1 U$ I. A9 M' V
( z% x9 l- c: d; O E/ r
( C# l$ x( |/ Z+ T9 p
; l* M( Y: I3 h7 u
" c' D& T) L5 [: }8 N5 V, c! }/ V Y" y& M3 J2 x# \4 h+ |
按Ctrl键单击图层面板中的形状图层，然后选择减淡工具，宽度5像素，曝光度设置为50%，加亮按钮的边缘。特别是圆角部分可以适当加大高光区。
0 |2 T/ A* N1 T/ P1 m+ o" O. t8 ?# h0 ^, n: S- `
) Z. r5 l5 x. x7 \4 E% U" B2 T4 B: D2 K& d
4 P) `1 m, O' p5 T1 H* m
/ a! t& L# Z3 A0 q( P- ]
W% _8 a @# I9 h' _$ {保持前景色为 rgb(24,24,24)，选择主菜单编辑->描边，居中1像素。然后选择前景色为rgb(200,200,200)，再次选择主菜单编辑->描边，居外1像素。最后按Ctrl D取消选区。
" D4 y6 M i. p s; ~
$ ^+ E4 R3 I, y! z0 T2 J
( E$ G! x/ S& x$ O1 l7 S
8 d# K- p6 g7 H: N0 O
" O) e9 Y2 {" p* `- o9 E2 b6 t+ t4 S" W% Q# s1 e/ b. z6 I9 L
4 E( ?0 z t) l9 Z- C. q
最后可根据需要隐藏背景层和形状图层，输出成网页格式，便于在网页上使用。
