萬盛學電腦網

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

Photoshop 立體剪紙風天氣圖標設計:光影層次構建與質感營造全流程

設計理念

剪紙/折紙風格核心在於光影邏輯自洽:頂層接光最亮、中層側面受光、底層投影最深,疊加紙張材質紋理。本教學以天氣 APP 圖標為例,完整演示 36 步驟構建多層疊紙質感場景。

成品展示

圖層架構總覽

圖層組結構:背景組 → 太陽組 (3層疊加) → 投影組 → 折痕組 → 雲組 (3層) → 水滴組 (4層疊加) → 投影組 → 文字組。每組獨立可編輯。

核心模組製作拆解

模組一:漸變背景與紙張基底

  • 徑向漸變背景(淺藍→深藍)模擬天空纵深。
  • 矩形選區填色 + 高斯模糊 + 蒙版漸變,快速產生柔邊紙張基底。

模組二:三層疊加太陽(立體核心)

每層橢圓形狀 + 圖層樣式(內發光/斜面浮雕/漸變疊加)差異化設定:

  • 第 1 層:最大圓,暖黃基底 + 內發光橙紅。
  • 第 2 層:中圓,變形橢圓,強化側面體積。
  • 第 3 層:最小圓,高亮核心。

模組三:通用投影製造流程 (太陽/雲/水滴共用)

  1. 載入圖層選區 (Ctrl+點擊縮略圖) → 新建圖層填黑。
  2. 濾鏡 > 模糊 > 高斯模糊 (半徑視距離而定)。
  3. 加蒙版,黑筆擦除多餘投影(如遮擋主體)。
  4. 漸變工具 (前景透明) 由邊緣向內拉,模擬投影自然消逝。

模組四:紙張折痕質感 (關鍵細節)

矩形選框拉 3 條漸變橫條 (顏色由淺入深) → 調整不透明度 (15%/30%/50%) → 疊加模式「疊加/柔光」→ 扭曲變形貼合透視。

模組五:雲朵與水滴 (複雜有機形狀)

  • 雲朵:鋼筆精確勾勒邊緣 (拒絕磁性套索粗糙邊緣) → 3 層疊加 (底色/高光/陰影) + 投影流程。
  • 水滴:橢圓基底 → 內發光/斜面浮雕造球面 → 高光層 (線性減淡) + 陰影層 (正片疊底) + 反光層 → 群組複製變色/縮放/位移組合。

模組六:文字整合與圖層樣式

文字圖層套用「斜面浮雕」(內凹/外凸) + 「漸變疊加」+ 「投影」+ 「描邊」,融入紙張質感體系。

最終成果

方法論總結

  1. 模組化思維:每個物件獨立圖層組,含「主體、高光、陰影、投影、折痕」標準化子結構。
  2. 光影統一:全場單一光源 (左上) 決定所有高光/陰影/投影方向。
  3. 非破壞流程:形狀圖層+圖層樣式+蒙版,隨時可調整形狀/顏色/疊加順序。
  4. 細節決定成敗:折痕漸變、投影漸變消逝、水滴反光層疊加,是區分「業餘」與「專業」的分水嶺。
copyright © 萬盛學電腦網 all rights reserved