萬盛學電腦網

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

Photoshop 打造簡易 3D 地球圖標:網格球面化 + 雙層漸變疊加實現立體光影

效果預覽

本教學展示純 PS 2D 工具模擬 3D 球體光影:矩形網格 → 球面化濾鏡 → 雙層漸變疊加模擬球面反射 → 陰影與高光精修。無需 3D 功能,CS6 以上版本皆可操作。

核心技術路線

矩形網格 (7×7) 
    → 橢圓選區裁切 
    → 濾鏡/扭曲/球面化 (100%) 
    → 複製前臉圖層 
    → 圖層 1:漸變疊加 (線性、亮藍→暗紅) 
    → 圖層 2:複製旋轉 45° + 漸變疊加 (亮紅→暗藍) 
    → 背景漸變 + 投影 
    → 內陰影增強邊緣高光 
    → 疊加模式融合光效

詳細步驟

步驟 1:建構球面網格基礎

  1. 新建 600×600 px 文件,背景深灰 #2c354d
  2. 矩形工具(U)畫 40×40 px 正方形,Alt+拖動 複製排列成 7×7 網格
  3. 選中所有矩形圖層 → 右鍵「分佈水平中心」+「分佈垂直中心」對齊
  4. 選中所有 → Ctrl+E 合併 → Ctrl+T 旋轉 45° → 再次合併形成菱形網格

步驟 2:球面化濾鏡生成球體

  1. 橢圓選框工具(M)按 Shift 畫正圓選區(直徑約 400px),置中
  2. 濾鏡 → 扭曲 → 球面化:數量 100%、模式「正常」
  3. Ctrl+J 複製選區至新圖層(命名「Earth_Front」),隱藏原網格圖層

步驟 3:雙層漸變疊加構建 3D 球面光影

  1. 第一層(主光面):Earth_Front → 圖層樣式 → 漸變疊加:
    • 混合模式:線性減淡(添加)
    • 漸變:左 #0066cc(深藍)→ 右 #ff3366(亮紅)
    • 樣式:線性,角度 90°,縮放 100%
  2. 第二層(側面反射):複製 Earth_Front → 命名「Earth_Side」 → Ctrl+T 旋轉 45° → 漸變疊加:
    • 混合模式:線性減淡
    • 漸變:左 #ff3366(亮紅)→ 右 #0066cc(深藍)
    • 樣式:線性,角度 -45°(與第一層正交)

步驟 4:背景環境光與投影

  1. 背景圖層 → 圖層樣式 → 漸變疊加:
    • 漸變:中心 #aa616b(暖粉)→ 邊緣 #2c354d(深藍灰)
    • 樣式:徑向,縮放 140%,拖動漸變中心至球體頂部
  2. 投影製作:選中 Earth_Front + Earth_Side → Ctrl+J 複製 → Ctrl+E 合併 → 圖層樣式 → 色彩疊加(黑 #000000) → 濾鏡 → 模糊 → 高斯模糊(半徑 15px) → Ctrl+T 縮放調整位置 → 混合模式「正片疊底」,不透明度 20%

步驟 5:邊緣高光與全局光效融合

  1. 內陰影模擬邊緣折射高光:Earth_Front → 圖層樣式 → 內陰影:
    • 混合模式:顏色減淡,顏色白 #ffffff,不透明度 60%
    • 角度 100°,距離 3px,大小 7px
  2. 全局光暈:全選所有可見圖層 → Ctrl+Alt+Shift+E 蓋印 → 高斯模糊(半徑 20px) → 混合模式「疊加」,不透明度 50%

進階擴展:從地球到通用 3D 圖標工作流

目標物體基礎網格球面化後處理關鍵漸變策略
地球/球體正方形網格單一橢圓選區雙層正交線性漸變
水滴/雨滴水平線條水滴形選區 (路徑轉選區)徑向漸變 + 高光點
玻璃球/水晶球極座標網格正圓選區 + 內部倒影多色環形漸變 + 環境反射
金屬球/球軸承同心圓網格正圓選區 + 銳利高光金屬漸變 (多色標) + 鏡面高光

常見問題與優化

  • 球面化邊緣扭曲嚴重:選區直徑勿超過畫布 70%,或改用「極座標」濾鏡(矩形 → 極座標 → 矩形到極座標)
  • 漸變疊加不自然:改用「形狀爆發」樣式漸變,或手繪高光圖層蒙版控制
  • 需要真 3D 效果:PS 2022+ 內建 3D 功能(3D → 新建網格來自圖層 → 球體),支持 IBL 環境光、材質預設、即時渲染
copyright © 萬盛學電腦網 all rights reserved