打開PS，新建壹文件，大小設置為“200*800”，背景色設為“透明”。
選擇“工具欄”中的“圓角矩形工具”項，並設置合適的“半徑”（如20像素），然後在繪圖區域進行繪制，可以通過按鍵盤組合鍵“Ctrl+T”對其進行調整。
切換至“路徑”面板，點擊“將路徑作為選區載入”按鈕。
接著返回“圖層”面板，選擇“工具欄”中的漸變工具，並設置合適的漸變色進行填充。
接著雙擊該圖層，為其添加“浮雕 圖層樣式”
新建壹個“圖層2”，接著選擇“圓角矩形工具”，將半徑設置為“10像素”，並繪制如圖所示的圖形。然後切換至“路徑”面板，點擊“將路徑作為選區載入”按鈕，然後返回圖層面板，填充壹種純色。
雙擊“圖層2”，為其添加“圖層樣式”
接著將“圖層2”拖動到“新建圖層”按鈕上以創建“圖層2 副本”，接著選擇“移動”工具將“圖層2 副本”移動到合適的位置。
按住鍵盤上“Ctrl”鍵不放的同時，點擊“圖層2 副本”以選中該圖像，然後為其填充另壹種顏色。
基本的導航欄結構已經做好。接下來創建切片。點擊“工具欄”中的“切片”工具，然後對整個圖像區域進行劃分。
最後點擊“文件”→“存儲為Web所有格式”項，選擇文件類型為“JPEG”格式，接著點擊“存儲”按鈕，在打開的“另存為”窗口中將“存儲類型”設置為“網頁和圖像”，最後點擊“保存”按鈕。