網站的頭部大多是最值得設計的地方，因為頭部往往包含導航與logo，作為一個網站的門面，頭部也起到很關鍵的作用，可以說一個網站的頭部好壞往往覺得了這個網站設計的成功與否，本文使用ps來設計一個比較簡潔的網站頭部效果。

相關photoshop制作網站導航文章教程：

photoshop教程：創建有創新力的網站導航　　photoshop制作vista風格公司網站導航條

photoshop教程：簡潔的有光澤的網站導航　　photoshop實例：創建常見的網站導航按鈕

photoshop教程：制作簡潔的藍色導航框　　photoshop繪制個性化的網站導航

最終效果：

第一步建立新文件，設置如下圖

下一步設置前景色為#e6e0d5，背景色為#cec5af

制作頂部區域，確保之前設置的顏色正確，然后使用“濾鏡>渲染>云彩”！

開始設計導航按鈕，新建圖層，使用矩形工具，制作如下圖形

再次新建圖層，制作#ac2a2a顏色矩形

再用單行選區工具制作按鈕鼠標移動上后的黃色滑桿

為滑桿添加漸變樣式

|||

新建圖層，使用橢圓選區工具，羽化設置20px，這樣之后填充的黑色將會出現羽化的效果

為之前的橢圓選區填充黑色，然后設置圖層為"正片疊底"，使用矩形選區工具刪除右邊區域，這樣看上去紅色的導航條上就出現了陰影分割效果

復制之前做的橢圓陰影

制作rss破損紙張效果，制作2個圖層，用選區勾畫出紙張的輪廓，一個大的為白色，小的紅色，如果覺得效果過于平滑，可以使用濾鏡來讓其看上去更自然

為白色的輪廓添加內陰影樣式

完成后的效果圖

現在進行最后的修飾，使用單行選區工具

填充顏色#e6e0d5

復制圖層，并將它移動到如下箭頭位置，設置不透明度為20%

最后將logo標志放入，一個完整的網站頭部導航設計就完成了