先整理好需要做的內容至一個文件夾中。

　　打開photoshop新建一個空白面板。

　　選擇矩形工具繪制一個980*auto的圖形。

　　結果如下：

　　使用選擇工具點擊邊緣節點。

　　在菜單欄下方可看見圖片的寬與高。

　　點擊背景

　　圖層，再按下shift鍵點擊新建的圖層。

　　按下選擇快捷鍵"V"，在菜單欄下方會出現對齊選項。選擇居中對齊。

　　從標尺區域按下鼠標向右拖動會形成一根輔助線。拖至矩形邊緣自動吸附即可。

　　我們可以看見的結果如下：

　　在圖層面板新建header文件夾，并把logo放置進來。

　　在header文件夾下建立menus目錄，并繪制一個矩形圖形。

　　為矩形圖形添加漸變。(或者雙擊圖層空白處也可以編輯效果)

　　所開啟的面板：

　　描邊參數如下：

　　漸變效果如下：

　　設置內發光，參數如下：

　　菜單導航背景最終效果。

　　打上文本。文本選擇工具快捷鍵"T"。

　　把最左側的文本吸附在左側輔助線上。(按住shift拖拽)