第一步當然是您建立一個新的檔案。到檔案>新建或乾脆按Ctrl +N.根據你自己的喜好選擇你的大小，點擊ok確定。這裡我們使用的大小為600×147 pixels。
現在考慮您想要使用的背景和挑選出的兩種顏色使用在您的背景中。兩種藍色被用在這裡。我們的前景顏色設定為#10365a和背景顏色為#2070bf 。然後選擇漸層工具和挑選前景色和背景色、線性漸層。
現在簡單的在圖層上從上到下拖曳漸層。
在你要放置導航連結的地方增加一個新圖層。使用一個矩形選框工具( ) 並選擇白色填滿。
將這個圖層的混合模式改為柔光，並將填充物降低至25 ％。
現在在連結中間新增分隔符號。建立一個新圖層，再次使用矩形選框工具，在這一層使用一個像素。請記住我們使用的背景顏色？我們將使用相同的，只是在相反的順序。 所以這個時候請將您的前景設定為#2070bf和你的背景顏色為#10365a。然後在漸層中使用前景色到背景色下，再次選擇線性漸變，從上到下拖曳漸層。這將是您的分隔符號。
將這個層的混合模式改為柔光使它混合的更好。
按下Ctrl+J 複製這個圖層。根據你想要的導航連結數量來決定。然後簡單的移動到適當的位置。
為了讓導航條增加一些細節。建立一個新圖層使用矩形選框工具在兩個分隔符號之間建立選取範圍。然後將給選取範圍填滿顏色。第一個顏色這裡使用的是#60c100.
現在在每一個分隔符號空間我們必須重複此步驟。為了確保你有相同的大小，每次簡單重複的這一層，並移動到下一個空間。然後按Ctrl +點擊在您的圖層視窗的調色板小圖片的前面圖層。這將選擇長方形的選區。然後，只需使用油漆桶工具（ ） ，來填補其他顏色。這時候所使用的顏色是#f80000 。
