陰影是賦予平面設計立體感、空間感、真實感的關鍵。本教程超詳細拆解六大陰影類型製作方法:投影、內陰影、路徑描邊陰影、3D 擠出陰影、透視投影、環境光遮蔽(AO),讓你的物體「站」起來。
六大陰影類型與製作核心
1. 基礎投影——圖層樣式/濾鏡雙路徑
- 圖層樣式:混合選項/投影 → 角度 120°/距離 5-10px/大小 8-15px/噪點 3-5%/輪廓「圓錐-反向」
- 濾鏡法:複製圖層 → 填黑 → 自由變換扭曲透視 → 高斯模糊 → 不透明度 30-50% → 模式「正片疊底」
- 長投影趨勢:角度 45°、距離 50-100px、大小 0、不透明度 20%,扁平化設計常用
2. 內陰影——凹陷/壓印質感
- 圖層樣式/內陰影 → 角度 120°/距離 3-8px/大小 5-10px/噪點 2%
- 適用:按鈕按下狀態、輸入框凹槽、卡片內凹區域、文字壓印效果
3. 路徑描邊陰影——矢量級精準控制
- 鋼筆繪製路徑 → 路徑面板「描邊路徑」選「筆刷」→ 筆刷設定:硬度 0%、間距 1%、形狀動態/大小抖動 0%、最小直徑 80%
- 優勢:可編輯、可縮放、可動畫、筆觸質感豐富
4. 3D 擠出陰影——立體字/標誌專用
- 3D 菜單/從選定路徑/圖層/文字新建 3D 擠出 → 屬性面板調整擠出深度 50-200px
- 無限光光源調整角度/柔和度 → 渲染 → 圖層面板右鍵「光柵化 3D」
- 後期:側面加漸變、頂面高光、底部接觸陰影
5. 透視投影——地面接觸真實感
- 複製物件圖層 → 編輯/變換/透視 → 拉動底部控制點模擬地面投影透視
- 高斯模糊漸變:近處銳利(2px)、遠處模糊(15px)
- 不透明度漸變:近處 40%、遠處 10%
- 關鍵:接觸陰影(物體接觸地面最窄最深處)單獨繪製,深度 2-3px、不透明度 60%
6. 環境光遮蔽——微觀陰影大師
- 3D 軟體烤製 AO 圖最佳;PS 模擬:疊加多層「內陰影/投影」不同參數組合
- 或:高通濾鏡提取細節邊緣 → 反相 → 模式「正片疊底」不透明度 10-15%
- 作用:縫隙、轉角、接觸面加深,極大提升真實感
實戰效果展示
陰影設計黃金法則
- 單一光源原則:全圖所有陰影方向、軟硬、顏色必須邏輯自洽
- 距離衰減:物體離地越遠,投影越大、越模糊、越淡
- 顏色非純黑:投影采樦環境色(如暖光環境投影偏暖灰、冷光環境偏冷灰)
- 接觸陰影最深:物體接觸地面處必有細窄深色線條
- 材質影響:光滑面投影銳利、粗糙面投影柔和、透明體投影有彩色透光
效率提升建議
- 將常用陰影參數存為圖層樣式預設(投影/內陰影/斜面浮雕)
- 建立陰影動作集:一鍵生成長投影/透視投影/3D 擠出流程
- 收集陰影素材庫:各類透視角度、模糊程度的現成投影 PNG
陰影不是裝飾,是空間語言。精通六大類型製作,並遵循黃金法則,你的設計將具備專業級的立體說服力。建議每類陰影各練習三次,建立肌肉記憶與參數直覺。