萬盛學電腦網

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

PS 香爐圖標設計:從造型分析到材質渲染的完整實戰

教程預覽:8 步驟構建香爐圖標

針對具有文化屬性的香爐造型,展示如何在 64×64 px 畫布內平衡細節與辨識度,完成從線稿到金屬/陶質材質的全流程。

製作邏輯拆解

1. 造型簡化與網格對齊

  • 參考博物館藏品照片,提取「爐體、爐耳、爐足、蓋頂」四大幾何體。
  • 鋼筆工具在 4 px 網格上勾勒,爐體最大寬 40 px,高 32 px,爐耳寬 6 px,爐足高 8 px,蓋頂半徑 18 px。
  • 所有錨點吸附網格,確保縮放至 16 px 仍清晰可辨。

2. 材質分區與基礎色

部件材質基礎色 (HSB)圖層組
爐體青銅35° 45% 55% (#8B6B4A)Body_Bronze
爐耳/足青銅同左Body_Bronze
爐蓋陶瓷40° 15% 90% (#E6DCCC)Lid_Ceramic
煙氣體積光白 10% 不透明度FX_Smoke

3. 青銅質感構建(圖層樣式堆疊)

  1. 內陰影:距離 2、大小 4、顏色 #3D2B1A、模式正片疊底 → 模擬凹陷紋飾。
  2. 斜面浮雕:外部、平滑、深度 180%、大小 3、角度 120°、高光 #D4B896、陰影 #3D2B1A → 基礎金屬體積感。
  3. 漸變疊加:線性、角度 90°、#5C442C → #A68B6B → #5C442C、不透明度 30%、模式疊加 → 環境反射條帶。
  4. 雜色:濾鏡→雜色→添加雜色 1.5% 單色 → 模式柔光 不透明度 20% → 表面顆粒感。

4. 陶瓷蓋質感

  • 基礎色塊不透明度 95% + 內發光(來源中心、大小 8、顏色 #F5F0E8、模式螢幕)→ 邊緣透光感。
  • 紋理:濾鏡→紋理→紋理化(畫布、縮放 100%、浮雕 2、光線左上)→ 不透明度 15% 模式疊加。
  • 高光:橢圓選區羽化 6 px 填白 → 模式線性減淡 40% → 蒙版修飾。

5. 煙氣特效

新建圖層組 `FX_Smoke`,用「雲彩濾鏡+扭曲→波浪」生成煙氣基礎形 → 自由變形拉長 → 高斯模糊 4 px → 模式螢幕 不透明度 30% → 蒙版漸變消隐頂部。

多尺寸導出策略

  • 16 px:僅保留爐體+蓋輪廓,描邊 1.5 px,移除爐耳足細節。
  • 24/32 px:標準版,全細節保留。
  • 64/128 px:展示版,增加「銹蝕邊緣」「刻字紋飾」微細節,圖層組 `Detail_Large` 控制顯隱。

適合文化類 APP、文創電商的圖標設計參考。

copyright © 萬盛學電腦網 all rights reserved