Photoshop教程-导航条






















daohangbar1.gif (2290 bytes) 1、建RGB文件[200宽*300高]、选一个较深的颜色填充背景。新建一个图层,命名为buttons,选择正方形选取工具,在新的层上拉一个正方形,拉的同时按住SHIFT,以保持比例。
daohangbar2.gif (3262 bytes) 2、用鼠标按住渐变工具按钮,从弹出的工具栏中选择用红线圈住那个。
daohangbar3.gif (2191 bytes) 3、下"D"键,设置成默认颜色,然后从左下角向右上角拉一条渐变线,按住SHIFT键,(呈45度角)效果如左图。
daohangbar4.gif (2298 bytes) 4、接下来缩小选区:Selection>Modify>Contract [2],缩小两个像素点,然后用一个中等灰度的颜色进行填充,取消选区,效果如左图。
daohangbar5.gif (3241 bytes)
daohangbar6.gif (1999 bytes)
5、选取按钮的一半(如图),按住Alt-Ctrl-Shift不放,同时按键盘上的右方向键,向右移动,到你需要的按钮大小为止(如图)。
daohangbar7.gif (2590 bytes)
daohangbar8.gif (2303 bytes)
6、选取整个按钮,先按住Alt-Ctrl不放,按键盘上的向下方向键,向下移动一次,复制一个按钮,然后松开Alt键,移动新按钮(注意这时在同一个层上)到合适的位置,Ctrl+方向键一次移动1像素,Shift+方向键一次移动10像素。当然也可以使用Copy+Paste的方式效果如左图。

daohangbar9.gif (2956 bytes)
7、建立一个新层,用圆形选择工具拉出一个椭圆来。按D、X键设置前景和背景色。渐变方式选线性渐变(第一个)。
daohangbar10.gif (2898 bytes) 8、现在从右往左拉位置如红线所示,左边不要太黑了。
daohangbar11.gif (2790 bytes) 9、好了!现在先按住Ctrl键,然后单击Buttons层,选中按钮区域,再反转选区,按Del删除渐变层中按钮区域以外的部分,这时如左图。
daohangbar12.gif (3110 bytes) 10、在面板内选一个小的矩形,前景设为白色,背景深灰色,然后用线性渐变工具从下向上拉渐变线,注意要越过顶部一点,(渐变效果浅点更好),下面就是复制几个相同的内嵌按钮了,同前面的方法面一样,注意调节位置。OK!至此导航面板大功告成了^!^下面来做一些修饰,让它更漂亮!
daohangbar13.gif (4223 bytes) 11、你可以选各个层,渲染不同的颜色(用IMAGE/HUE/SATURATION来调节)也可以为各个层打上阴影,再加上文字及一些小修饰等,总之,现在一切任你自由发挥了!快试试吧,祝每一位朋友都拥有自己别具一格的导航条!
(左边这个我加了一个金属的外框)