萬盛學電腦網

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

PS 30 分鐘擬真圖標速成:網球篇

成果預覽

僅用形狀工具、圖層樣式、智慧濾鏤與剪貼蒙版,30 分鐘產出可商用的網球擬真圖標,含毛氈質感、白色膠縫立體感、前景景深模糊。

畫布與基礎形狀

  1. 新建 1600×1200 px / 72 dpi,背景填 #e6efd4(淡嫩綠)。
  2. 橢圓形狀工具 (U),按 Shift 拉 800×800 px 正圓,填色 #90bf00,命名「綠毛毛層」。
  3. 圖層樣式 → 漸變疊加:模式「正常」、樣式「徑向」、角度 15°、縮放 150%。漸變編輯器設 3 色停駐點(深綠→中綠→亮綠),模擬球體受光體積感。

白色膠縫繪製

  1. 新建圖層「白線」,鋼筆工具 (P) 勾勒網球特徵雙曲線,描邊 3 px、顏色 #e9efb8。
  2. 圖層樣式 → 描邊:大小 3 px、位置「外部」、混合模式「正片疊底」、不透明度 11%,產生微陰影立體感。

修剪多餘球體(布林運算)

  1. 路徑選擇工具 (A) 點選「綠毛毛層」向量蒙版。
  2. 屬性欄「路徑運算」選「減去頂層形狀」,繼續用鋼筆在白線外側繪製閉合路徑,剪去球體超出白線的部分,形成標準網球輪廓。

毛氈質感三步走(智慧濾鏤非破壞)

  1. 「綠毛毛層」右鍵「轉換為智慧物件」。
  2. 濾鏡 → 雜色 → 添加雜色:量 16%、均勻分佈、單色。
  3. 濾鏡 → 模糊 → 徑向模糊:量 10、方法「縮放」、品質「草稿」。
  4. 濾鏡 → 銳化 → 進一步銳化。

此時智慧濾鏤面板含三項,可隨時雙擊修改參數。

表面細節圖層分離

  1. 複製智慧物件 → 命名「綠毛毛層-2」,關閉前兩項濾鏤眼睛,僅保留「進一步銳化」。
  2. 為「綠毛毛層-2」添加 高斯模糊 0.5 px(智慧濾鏤),柔化表面顆粒,避免過銳利。

白線膠質立體感:剪貼蒙版疊加法

陰影面(正片疊底)

  1. 複製「白線」→「白線-2」;複製「綠毛毛層-2」→「白線材質-1」,建立剪貼蒙版(Alt+點擊圖層間分隔線),模式「正片疊底」。
  2. 選中兩圖層 ↑ 移動 10 px,形成白線下方陰影帶。

高光面(柔光)

  1. 同法複製「白線-3」+「白線材質-2」,剪貼蒙版,模式「柔光」。
  2. 同上移 10 px,形成白線上方高光帶。

手繪微調明暗

柔邊畫筆 800 px,前景 #4e6e17(深綠),在白線上方新建剪貼圖層依次點繪 3 個暗部;前景白色點繪 1 個亮部。第 3 暗部圖層模式「正片疊底」不透明度 70%,因靠近光源。

白線紋理收尾

為白線群組添加「圖案疊加」(帆布紋理、柔光、不透明度 15%),再疊加「內發光」(濾色、白色、尺寸 3 px)模擬膠質邊緣微透光。完成!

關鍵技法回顧

  • 向量形狀 + 圖層樣式:解析度無關,隨時可改顏色、大小。
  • 智慧濾鏤堆疊:雜色→徑向模糊→銳化 = 程序化毛氈紋理,參數可回調。
  • 剪貼蒙版 + 混合模式:以底層透明度為遮罩,疊加質感零破壞。
  • 路徑布林運算:精確剪切幾何體,保持向量可編輯。

同套流程替換素材(高爾夫球、棒球、地球仔)即可批量產出同風格圖標集,極適合 UI 設計系統化輸出。

copyright © 萬盛學電腦網 all rights reserved