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