教學內容：網頁導覽列製作

0. 範例圖片：

1. 首先開啟一個 180 x 200，背景為白色的新文件， 利用矩形工具畫出一個 180 x 200 的矩形當作背景，顏色填入 #CFE7C0。 同樣利用矩形工具畫出一個 160 x 160 的矩形，顏色填入 #FFFFFF， 筆畫為 #333333，1 像素實邊，矩形圓度設為 5。

2. 按 CTRL + SHIFT + G 將其解散群組，你可以在畫布上先拖曳出參考線，以利對齊， 利用鋼筆工具新增如下圖中的 4 個節點， 再利用選取細部工具同時選取如下圖 4 個紅圈圈所示的 6 個節點， 再利用鍵盤上的 "↓" 向下鍵，將節點同時往下位移 10 個像素，

3. 點選屬性列 → 效果旁邊的 "+" 號按鈕，增加一個 Eye Candy 4000 LE → Bevel Boss 的效果，設定值如下： 現在你的圖看起來應該像是下圖那樣。

4. 點選畫布上的面版物件，按 CTRL + G 將其組成群組，然後幫他增加一個陰影， 點選屬性列 → 效果旁邊的 "+" 號按鈕 → 陰影和光暈 → 陰影，設定值如下： 現在你的圖看起來應該像是下圖那樣。

5. 利用矩形工具畫出一個 150 x 140 的矩形，顏色填入 #FFFFFF， 筆畫為 #333333，1 像素柔化， 點選屬性列 → 效果旁邊的 "+" 號按鈕，增加一個凹下浮雕的效果，設定值如下： 現在你的圖看起來應該像是下圖那樣。 現在我們要在左邊增加一個線段，讓他看起來更立體一點， 利用線段工具拉出一條 1 x 140 的直線，筆畫顏色 #333333，1 像素實邊， 點選屬性列 → 效果旁邊的 "+" 號按鈕，增加一個高斯模糊的效果，模糊強度為 0.9， 將線段拖曳到剛剛凹下浮雕矩形的左邊，如下圖所示。

6. 利用矩形工具拉出一個 140 x 20 的矩形，顏色填入 #9FB08F，並取消筆畫填色， 矩形工具拉出兩個 7 x 7 的小矩形，顏色填入 #FFFFFF，筆畫填入 #333333，1 像素實邊， 利用文字工具製作出標題，在這裡我用的是 Alfredo Heavy 的字型，

7. 再來我們要在導覽列中增加內容了，而我想要在文字之前加上項目符號的小圖示， 這些小圖示在以後可能會重複使用，所以我們可以先將其製作成元件，要用的時候直接從元件庫中拉出即可。 點選編輯 → 插入 → 新增元件，出現元件屬性對話方塊， 名稱填入：項目符號一，類型選擇：圖像， 按下確定後即會出現元件編輯視窗，利用矩形工具拉出兩個 6 x 6 的小矩形， 顏色填入 #AFC79F，筆畫填入 #333333，1 像素實邊，做好後按下視窗右上角的關閉按鈕離開即可。 這時你可以在圖庫中看到你剛剛製作好的圖像元件，如果沒看到圖庫視窗， 請點選上方的 視窗 → 圖庫，就會出現了。 如果要編輯之前的元件，只要在圖庫視窗中按兩下滑鼠左鍵，即可叫出編輯視窗供您修改。 接下來重複上面的步驟，製作出你想要的元件。

8. 小圖示元件製作好後，請將其拖曳到畫布上，排列後並打上文字，你可以拉出參考線來對齊。

9. 再來我們為導覽列的下方加上一個小圖示點綴一下，詳細做法我就不再說明了， 你可以下載這個原始檔回去研究。 完成圖如下：

教學內容來源：模仿至國外某網站，站名忘了。