Photoshop制作Web2.0风格导航条-中国展示论坛

& A2 {  X& K& z! O% ]5 x1. 创建一个新文件600 * 140px。现在选择圆角矩形工具制作一个圆角矩形如下图。
7 d$ U5 v+ b- S# R/ T; J3 M; g

/ h; _- A. B5 R% `2. 应用层样式：内发光 混合模式：滤色 方法：柔和。

9 f  f5 T2 E- t; B& N" i
1 I) Z& ]& B7 t5 r$ p% J, L  S, {3. 渐变叠加:颜色设置为 #5e80a3 ,#839db8 and #b8c7d6
, w* _! @$ W# c  n, A' Z5 u
: T6 V! S: t6 G+ d  Z9 M. B
- Z- S- z0 j# ?; U2 i9 G. H8 ^4.描边: #5e80a3

& d# ~% R# ]# ]. o3 {1 ?+ T/ Q; s8 ?
5. 这就是它应该呈现的样子。


6. 现在书写链接使用 Segoe 14 pt #ffffff


7. 给字体链接应用层效果：描边 #53769a
+ t% V" c: H( G9 ]0 ?
7 [4 Q. W. U$ m) _- p
  j' Q4 _2 F5 M* X! \' t; w! Z( _8.创建一个新层。选择矩形选框工具,绘制1px宽度的线条并使用# ffffffs填充
/ K; z' c& w9 Y$ b" J

5 J) n& N0 E/ c% E5 N+ t9 H2 T9. 复制这个层接着在每个链接之间添加每个线条。现在选择矩形选框工具选取线条底部的区域覆盖到所有的线条，然后使用选择- >修改- >羽化和应用5px半径。按下Del然后采取相同的方法处理上方的线条。

2 `% h5 o' h* {) ?( a4 H. a* m
10. 将线条图层的混合模式改为柔光
; z2 ]% X8 ^2 ^. V
6 {6 q* m  R7 r' X- e, ~6 M: @2 O7 |1 s
& v! y5 D* K7 I6 E& J. C3 q11. 使用矩形选框工具选取你链接的内部区域 （在两个线条之间）然后填充任何你想要的颜色。

) B3 {3 [1 k8 u+ V: i. V( J5 t7 H
12.现在给这个层应用混合模式渐变叠加使用颜色: #567595, #728fae #b3c3d3
! c( u* N/ r% U

13. 这就是它应该呈现的样子。

+ r) U/ l2 F( J$ U, @
14. 现在使用矩形选框工具2px的半径绘制一个小矩形使用#ffffff填充。
3 z- Q& R: f& ~0 x
7 o3 y, ]1 P( Q: G% Z8 }
; x  l/ B7 `2 L( `15. 应用如下的层效果到形状图层: 内发光（混合模式：叠加）


16. 渐变叠加: #e6e6e6 和 #ffffff

) W: k5 R" h. G. @2 v, n; H
. D' o( R% R0 W, n8 i* i' H5 Y17. 描边: #5e80a3

: `5 R6 f' Q( G. b
18. 这就是它应该呈现的样子。
/ ~- |5 d, D% G$ U* |& g* N, P5 l

7 C3 Z5 b- Q/ Z$ f19. 在形状内输入“search”使用Segoe字体 大小为 12pt 颜色#7b7b7b
  i4 g9 B( W% l
7 t# I8 b% l1 m. v' s1 t6 B
% l+ q" G! ^- b7 Q/ v; h+ `20. 从 f3 Silk Icons（Silk Icons是一组免费的图标译者注）中添加一个放大镜这样你的导航条就完成了。这就是最后呈现的效果正常状态下和鼠标滑过时。