萬盛學電腦網

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

Photoshop 繪圖教學:從零繪製質感玻璃五角星——選區收縮、漸變、蒙版、路徑描邊綜合實戰

教學目標

本教學由 djyuning(89ps)出品,示範如何純粹使用 Photoshop 基礎工具——選區操作、漸變工具、蒙版、鋼筆路徑描邊、圖層樣式——繪製一枚擁有通透玻璃質感、折射高光、背光邊緣、環境光暈的五角星。無需 3D 軟體,純 2D 手繪即可達到偽 3D 質感效果。適合平面設計師、圖標設計師鍛鍊光影邏輯與工具綜合運用能力。

最終效果

最終玻璃五角星:通透藍紫漸變體、鋒利高光邊緣、折射光條、背光暈、星星點點裝飾

核心知識點預習

  • 選區收縮(選擇 > 修改 > 收縮):製作內縮邊緣、厚度均勻的邊框/高光帶。
  • 前景色到透明漸變:製作自然衰減的高光/陰影過渡。
  • 鋼筆路徑描邊(模擬壓力):繪製粗細變化自然的矢量感線條/高光。
  • 圖層蒙版漸變:非破壞性控制圖層局部透明度。
  • 鏡頭光暈濾鏡 + 濾色模式:快速生成逼真光暈元素。

步驟詳解(26 步完整版)

1. 畫布與基礎形狀

新建文件(如 800×800 px),背景填黑(Ctrl+I 反相或直接填黑)。新建圖層「星形」,選擇「自定義形狀工具」→ 選五角星形狀 → 按住 Shift 拉出正比例五角星路徑。

繪製五角星路徑

2. 主體漸變填充(正面色)

設置前景/背景色為同色系漸變(如深藍 #001a3a 到淺藍 #4d9fff)。選擇「線性漸變」工具。Ctrl+Enter 將路徑轉選區,在選區內從頂點向底部拖曳漸變,形成主體立體色塊。

漸變顏色設置
主體漸變填充效果

3. 邊緣高光帶製作(選區收縮 + 前景到透明漸變)

  1. 保持選區,執行「選擇 > 修改 > 收縮」3 px,獲得內縮選區。
  2. D 恢復默認黑白前背景色,X 交換使前景色為白。
  3. 漸變工具選擇「前景色到透明」(預設第二個預設)。
  4. 新建圖層「頂部高光」,在收縮選區內從頂部向中心斜向拖曳漸變,形成頂部高光帶。
選區收縮3px
前景到透明漸變預設
頂部高光效果

4. 修剪高光過長部分(鋼筆路徑轉選區刪除)

鋼筆工具繪制曲線路徑勾勒需保留的高光形狀 → Ctrl+Enter 轉選區 → Ctrl+Shift+I 反選 → Delete 刪除多餘高光。

修剪路徑
修剪後高光

5. 中心鏤空圓環(內部折射區)

新建圖層「中心環」,橢圓選框工具按 Shift+Alt 從中心拉出正圓選區 → 填充白色 → 縮小選區(選擇 > 修改 > 收縮 或 Ctrl+T 縮放選區)刪除中間,獲得白色圓環。此環代表玻璃厚度邊緣折射區。

中心圓環制作
圓環效果

6. 折射光條(蒙版漸變控制)

為圓環圖層添加蒙版,黑白漸變工具在蒙版上從環外向內拖曳,使環內側透明、外側不透,形成「折射光從邊緣向內衰減」效果。複製圖層 2 次,疊加增強亮度。

折射光蒙版效果
疊加三層折射光

7. 表面高光折線(鋼筆路徑描邊模擬壓力)

鋼筆工具繪製沿星角邊緣的彎曲高光路徑(模擬玻璃棱鏡折射高光)。路徑面板右鍵「描邊路徑」→ 畫筆、模擬壓力、前景白色。獲得粗細變化自然的高光線條。

高光折線路徑
描邊設置

8. 星星點點裝飾

新建圖層,小畫筆(2-3 px)隨意點綴白色小圓點,模擬環境微塵反光/星光。

星星點點裝飾

9. 背光折射(再次收縮 + 藍色前景到透明漸變)

再次對星形選區收縮 3 px,前景色設為藍色(#0066cc),漸變模式「前景色到透明」,在新圖層不同角度多次拖曳,形成底部/側面背光折射彩虹光。多圖層疊加,混合模式「濾色」/「線性減淡」。

背光折射制作

10. 鏡頭光暈添加環境光效

頂層新建圖層填黑 → 「濾鏡 > 渲染 > 鏡頭光暈」預設參數(50-105mm 輕度、亮度 100%) → 混合模式改「濾色」→ Ctrl+T 自由變換縮放旋轉定位 → 「圖像 > 調整 > 色相/飽和度」給光暈著色(藍紫調)使其融入畫面。

鏡頭光暈濾鏡
光暈默認參數
濾色模式疊加
光暈變換定位
光暈著色

11. 複製變換構建群星效果

分別複製「星形主體組」與「光暈組」,Ctrl+T 縮放至不同大小,分佈畫面四周,形成主星伴隨微星的層次感。

群星佈局

12. 背景色調變化與全域色彩調整層

背景圖層填充深藍漸變替代純黑。頂層新建圖層,模式「柔光」,大柔邊畫筆以高飽和度色彩(洋紅、青、金)大範圍掃繪,利用柔光模式特性(50% 灰不顯色、亮於 50% 灰變亮、暗於 50% 灰變暗)進行全域色彩氛圍調整,極具彈性。

背景色調變化
柔光調色層

13. 炫光線條與外發光終極裝飾

鋼筆隨意繪製複雜曲線路徑(「繁」),描邊白色畫筆模擬壓力 → 圖層樣式添加「外發光」:混合模式「線性減淡」、不透明度 100%、大小 15 px、顏色高飽和藍紫,**關鍵:噪聲 0%、範圍 100%、抖動 0%**,獲得極銳利、純淨的雷射感炫光線條。大量複製、變換、疊加,構建科幻感光網。

炫光路徑
外發光參數(關鍵100%設置)

14. 最終星星點綴與完成

最上層隨意點綴不同大小/顏色的星星點點,完成最終大師級玻璃五角星藝術字/圖標作品。

最終完成圖

核心技法總結與舉一反三

技法核心參數/操作應用場景
選區收縮 + 前景到透明漸變收縮 2-5px,漸變方向垂直邊緣任何幾何體的邊緣高光/厚度表現
鋼筆路徑描邊(模擬壓力)畫筆硬度 80-100%,形狀動態-筆壓控制大小高光線條、裝飾線條、髮絲、裂紋
蒙版漸變控制透明度黑白線性/徑向漸變在蒙版上折射光衰減、煙霧消散、光暈邊緣羽化
鏡頭光暈 + 濾色模式預設/自定義參數,著色融入強光源、魔法特效、科幻界面光效
柔光模式調色層填充 50% 灰為基準,畫筆不透明度 10-30%全域/局部色彩氛圍調整,非破壞、極易修改

避坑指南

  • 高光線條過直/過均勻 → 多用鋼筆曲線、模擬壓力、手動擦除打破規律。
  • 光暈過大/過雜 → 縮小光暈圖層、降低不透明度、蒙版擦除干擾主體區域。
  • 顏色過濃/髒 → 降低填充/不透明度,改用疊加/柔光/顏色減淡模式疊加色彩。
  • 圖層過多混亂 → 嚴格分組命名、顏色標籤、刪除廢棄圖層、善用智能對象。
copyright © 萬盛學電腦網 all rights reserved