萬盛學電腦網

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

Photoshop 制作立體五角星:多邊形工具與漸變建模的幾何體渲染入門

教學概覽

本教學以制作一顆金黃色立體五角星為例,系統講解多邊形工具特殊參數設置、參考線定位中心、鋼筆路徑分面選區、線性漸變模擬棱面反射、收縮選區製高光邊緣、圖層樣式斜面浮雕增厚度、亮度對比度統一調色 的幾何體渲染標準流程。看似簡單,實則包含產品渲染、圖標設計、3D 圖標扁平化表現的核心邏輯。

最終效果預覽

立體五角星最終效果

詳細製作步驟

步驟 1:多邊形工具精確生成五角星路徑

新建 800×800 px 文件,背景填深紅 #680000。前景色設金黃 #FCEB1F。選取多邊形工具 (U),關鍵參數設置 (圖 1):
▸ 邊數:5
▸ 選項齒輪圖標 → 星形比例:50% (決定內凹深度)
▸ 勾選「從中心點」
▸ 取消「鏈接」可獨立調整內外半徑

多邊形工具參數設置

步驟 2:參考線定位絕對中心繪製

Ctrl+R 顯示標尺 → 選擇工具 (V) 拖出兩條相交參考線定中心。以交點為心按 Shift+Alt (從中心等比縮放) 拖曳繪製五角星路徑 (圖 2)。路徑面板自動生成「工作路徑」。

參考線定位中心繪製

步驟 3-5:分面漸變建模 — 核心立體邏輯

五角星立體 = 5 個頂面三角形 + 5 個側面梯形 + 底面五邊形。本教學演示頂面三角形與側面梯形製作:
3.1 頂面三角形:新建圖層「面 1」。鋼筆勾選區覆蓋一個頂面三角形 (圖 3) → 漸變工具線性漸變,顏色停點按圖 4 (亮金→中金→暗金→中金→亮金,模擬曲面反射) → 拖曳方向垂直於該面法線 (圖 5) → 保持選區。
3.2 高光邊緣:保持選區 → 新建圖層「面 1 高光」 → 選取 > 修改 > 收縮 1 px → 填白 → 加蒙版 → 黑白線性漸變從邊緣向內拉出 (圖 6-7),形成極窄銳利高光線,定義棱角銳度。
3.3 其餘 4 個頂面 + 5 個側面:同法循環製作 (圖 8-9)。側面漸變角度垂直於側面法線,色調整體較暗。

頂面三角形選區

線性漸變顏色停點

頂面漸變效果

收縮選區填白

高光邊緣蒙版漸變

其餘頂面完成

側面完成

步驟 6-7:底面五邊形與頂點高光點

底面:新建圖層「底面」,鋼筆勾中心五邊形選區 (圖 10) → 填充 #FFF9A7 暖淡黃 (圖 11)。
頂點高光:新建圖層「頂點光」,1-2 px 白筆點綴 5 個頂點尖端 (圖 12),強化尖銳感。

底面五邊形選區

底面填色

頂點高光點綴

步驟 8-9:蓋印圖層 + 斜面與浮雕 — 一鍵增厚度

隱藏背景層 → 最上層新建圖層 → Ctrl+Alt+Shift+E (Stamp Visible 蓋印可見圖層) (圖 13)。
對蓋印層添加圖層樣式 > 斜面與浮雕 (圖 14):
▸ 風格:內部斜面
▸ 技術:平滑
▸ 深度:150%
▸ 方向:向上
▸ 大小:8-10 px (視星體大小)
▸ 角度:120°、高度:30° (匹配光源)
▸ 高光模式:螢幕色、不透明度 75%
▸ 陰影模式:正片疊底、不透明度 50%
顯示背景層,立體厚度感瞬間增強 (圖 15)。

蓋印圖層

斜面與浮雕參數

斜面浮雕效果

步驟 10-11:亮度對比度微調與最終輸出

新建亮度/對比度調整圖層 (圖 16):亮度 +10、對比度 +15 → 效果圖 17。
最後檢查細節:邊緣銳度、高光純度、陰影通透度、背景協調。適當添加背景裝飾 (如光暈、粒子) 完成 (圖 18)。

亮度對比度參數

調整後效果

最終完成效果

幾何體渲染通用方法論

  1. 分面即建模:將複雜幾何體分解為平面多邊形 (三角形/四邊形/多邊形),每面獨立處理光影。
  2. 漸變方向 = 面法線方向:線性漸變拖曳方向必須垂直於該面,才能正確模擬光滑面反射分佈。
  3. 高光邊緣 = 棱線定義:收縮選區 1-2 px 填白 + 蒙版漸變,是低成本產生銳利棱角的標準技法。
  4. 斜面浮雕 = 厚度快捷鍵:對合併後的扁平幾何體,一鍵添加幾何厚度感,參數需匹配真實光源角度。
  5. 調整圖層統一色調:後期全局調色用調整圖層,非破壞、可隨時回調、可蒙版局部控制。

延伸練習題

  • 制作立體六角星 (大衛星) — 修改多邊形工具邊數為 6、星形比例 40%。
  • 制作立體三角錐 — 多邊形工具邊數 3、星形比例 0%。
  • 制作立體正十二面體投影 — 組合 12 個五邊形面,挑戰複雜多面體渲染。
  • 嘗試3D 功能 (PS 3D 工作區):新建 3D 擠出圖層 → 設置材質/燈光/相機 → 渲染 → 與 2D 手繪對比優劣。
copyright © 萬盛學電腦網 all rights reserved