Fireworks 交互式漸變工具打造立體導航選單：底條、選單條、高光突出、投影、缺口檔條六步驟

流行的立體導航選單實則由多層漸變矩形疊加而成。Fireworks 「交互式填充」工具 (即漸變控制桿) 讓漸變方向、位置、顏色停靠點視覺化調整，極適合製作此類需精細控制漸變的 Web UI 元件。

六步驟製作流程

1. 底條： 畫矩形做導航背景，設定邊框顏色與漸變 (互動式調整漸變桿)。
   
   
2. 選單條： 複製底條，調整長寬與漸變方向/顏色。
   
3. 突出高光條： 複製選單條、移除邊框、拉長、加深漸變顏色強化凸起感 (預留缺口顯示空間)。
   
   
4. 投影條： 複製高光條、旋轉 180°、調整長寬漸變做陰影。
   
5. 底部缺口檔條： 矩形+筆工具加節點或正方形旋轉 45° 切割做缺口，漸變填較複雜 (需多調整兩漸變停靠點觀察效果)，再加深色路徑強化缺口立體感。
   
   
   
6. 文字與分隔線： 加入選單文字、垂直分隔線。
   

完成效果

優點：向量可無限縮放、交互式漸變直觀好調、圖層結構清晰易於後期修改維護。