萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Adobe Illustrator 教學

Illustrator 快速製作斜投影/長陰影效果:三種方法從入門到精通

扁平化設計風靡時期,長陰影成為標誌性視覺語言。本文介紹 Illustrator 中三種製作斜投影/長陰影的方法,從基礎混合工具到外觀面板非破壞性編輯,再到 3D 效果一鍵生成,滿足不同專案需求與效率要求。

方法一:混合工具——經典手動控制法

  1. 繪製基礎圖形(文字輪廓、圖標等),複製一份置於後方 Ctrl/Cmd + B。
  2. 後方圖形填色為陰影色(通常為基礎色深化或純黑),移動至預期陰影位置(如右下 45°)。
  3. 選取兩圖形,物件 > 混合 > 混合選項,間距選「指定步數」,輸入 50–100 步(視距離而定)。
  4. 物件 > 混合 > 建立(Ctrl/Cmd + Alt + B),即得平滑漸變長陰影。
  5. 若需調整角度/長度,直接移動後方圖形,混合即時更新。

優點: 完全可編輯、向量無損、檔案輕量。
缺點: 步數過大影響效能;複雜形狀易產生雜亂中間形狀。

方法二:外觀面板 + 效果「路徑偏移」——非破壞性專業流程

    1. 選取物件,開啟「外觀」面板,點選「新增填色」,拖至最底層。 2. 新填色設為陰影色,點選「fx」圖示 → 路徑 > 偏移路徑,偏移量設正值(如 2mm)。 3. 再添加效果 fx > 扭曲和變換 > 變換:移動水平/垂直數值設定陰影位移,複製數值設 30–50,即產生疊層長陰影。 4. 調整底層填色不透明度、混合模式(正片疊底/柔光),完成非破壞性長陰影。

優點: 單一物件攜帶完整效果、可儲存為圖形樣式一鍵複用、隨時修改參數。
缺點: 複製數過大可能降低重繪速度。

方法三:3D 效果「擠出與斜角」——一鍵生成立體長陰影

  1. 選取物件,效果 > 3D > 擠出與斜角。
  2. 位置選「等軸測投影」或自訂旋轉;擠出深度設為陰影長度;斜角選「無」。
  3. 「更多選項」中調整光源位置至對面,產生單一方向陰影面。
  4. 確定後,物件 > 展開外觀,刪除正面圖形,保留側面即為長陰影。

優點: 透視關係自動正確、複雜形狀也能精準生成。
缺點: 展開後節點極多,需簡化路徑;非即時可編輯。

實戰建議

  • UI 圖標、按鈕:用方法二存為圖形樣式,團協作統一視覺規範。
  • 海報標題、Logo:用方法一精細控制漸變過渡與邊緣銳度。
  • 複雜插畫物件:用方法三快速生成基礎陰影,再手動精修細節。
  • 導出 SVG/Web:優先用方法二,CSS 可直接映射 filter: drop-shadow() 或 transform 動畫。

掌握三種方法並理解其底層邏輯,才能根據專案時程、輸出格式、團隊協作模式,做出最優技術選型。建議建立個人「長陰影樣式庫」,涵蓋 45°/135°、不同長度、不同漸變曲線,大幅提升重複性工作效率。

copyright © 萬盛學電腦網 all rights reserved