扁平化設計風靡時期,長陰影成為標誌性視覺語言。本文介紹 Illustrator 中三種製作斜投影/長陰影的方法,從基礎混合工具到外觀面板非破壞性編輯,再到 3D 效果一鍵生成,滿足不同專案需求與效率要求。
方法一:混合工具——經典手動控制法
- 繪製基礎圖形(文字輪廓、圖標等),複製一份置於後方 Ctrl/Cmd + B。
- 後方圖形填色為陰影色(通常為基礎色深化或純黑),移動至預期陰影位置(如右下 45°)。
- 選取兩圖形,物件 > 混合 > 混合選項,間距選「指定步數」,輸入 50–100 步(視距離而定)。
- 物件 > 混合 > 建立(Ctrl/Cmd + Alt + B),即得平滑漸變長陰影。
- 若需調整角度/長度,直接移動後方圖形,混合即時更新。
優點: 完全可編輯、向量無損、檔案輕量。
缺點: 步數過大影響效能;複雜形狀易產生雜亂中間形狀。
方法二:外觀面板 + 效果「路徑偏移」——非破壞性專業流程
1. 選取物件,開啟「外觀」面板,點選「新增填色」,拖至最底層。
2. 新填色設為陰影色,點選「fx」圖示 → 路徑 > 偏移路徑,偏移量設正值(如 2mm)。
3. 再添加效果 fx > 扭曲和變換 > 變換:移動水平/垂直數值設定陰影位移,複製數值設 30–50,即產生疊層長陰影。
4. 調整底層填色不透明度、混合模式(正片疊底/柔光),完成非破壞性長陰影。
優點: 單一物件攜帶完整效果、可儲存為圖形樣式一鍵複用、隨時修改參數。
缺點: 複製數過大可能降低重繪速度。
方法三:3D 效果「擠出與斜角」——一鍵生成立體長陰影
- 選取物件,效果 > 3D > 擠出與斜角。
- 位置選「等軸測投影」或自訂旋轉;擠出深度設為陰影長度;斜角選「無」。
- 「更多選項」中調整光源位置至對面,產生單一方向陰影面。
- 確定後,物件 > 展開外觀,刪除正面圖形,保留側面即為長陰影。
優點: 透視關係自動正確、複雜形狀也能精準生成。
缺點: 展開後節點極多,需簡化路徑;非即時可編輯。
實戰建議
- UI 圖標、按鈕:用方法二存為圖形樣式,團協作統一視覺規範。
- 海報標題、Logo:用方法一精細控制漸變過渡與邊緣銳度。
- 複雜插畫物件:用方法三快速生成基礎陰影,再手動精修細節。
- 導出 SVG/Web:優先用方法二,CSS 可直接映射
filter: drop-shadow() 或 transform 動畫。
掌握三種方法並理解其底層邏輯,才能根據專案時程、輸出格式、團隊協作模式,做出最優技術選型。建議建立個人「長陰影樣式庫」,涵蓋 45°/135°、不同長度、不同漸變曲線,大幅提升重複性工作效率。