萬盛學電腦網

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

PhotoShop 逐步繪製超酷 UFO 圖標:金屬質感與玻璃罩光影全解析

教程說明

經典教程重溫,旨在提煉金屬質感、玻璃材質、漸變光影等核心圖標設計技法。部分原文資源缺失(字體、3D 小人),請自行創意替代,舉一反三。

最終效果

分步製作指南

Step 1:文檔與背景氛圍

  • 600×450px 文檔,黑色背景
  • 背景圖層樣式:徑向漸變疊加,中心 #353535 → 邊緣 #000000,縮放 150%

Step 2:UFO 基礎幾何體構建

  • 橢圓形狀圖層(基底)#595959
  • 複製圖層,顏色加深 #424041(底部厚度)
  • 再複製第一橢圓,直接選擇工具上推頂點形成圓錐頂部

Step 3:拋光金屬質感(頂部圓錐面)

  • 圖層樣式 → 漸變疊加:徑向漸變,縮放 150%
  • 漸變編輯器:#CCCCCC 與 #666666 交替,色標間距 10%
  • 拖動漸變中心至形狀上端,增強圓錐體積感

Step 4:頂層橢圓厚度與邊緣反光

  • 內陰影:正片疊底,角度 -90°,距離 100px,大小 0
  • 內發光:參數設置製造內邊緣反光

Step 5:中間橢圓與底層光影關係

  • 中間橢圓:漸變疊加置於中下部
  • 白色投影模擬底層邊緣捕光
  • 複製頂層樣式至底層,降低漸變不透明度至 50%

Step 6:中部飾環與玻璃罩子

  • 新橢圓 #565455,漸變疊加 + 描邊(灰白漸變)
  • 玻璃罩:橢圓 #1D408A,編輯錨點調整輪廓
  • 罩子圖層樣式堆疊:光澤 → 內發光(#1D408A) → 徑向漸變(#76B9FD→#000000 線性減淡下拖) → 內陰影(頂光) → 投影(底部提亮)

Step 7:球體高光與細節收尾

小橢圓編輯錨點製作高光點,完善材質邊緣細節。(文檔截斷,後續步驟同理推演)

按此在新窗口瀏覽圖片

技法核心總結

本教程展示了圖標設計中「幾何體分層建模 → 圖層樣式參數化材質 → 漸變光影物理邏輯 → 玻璃/金屬雙材質協同」的完整工作流。掌握漸變編輯器色標控制、內陰影/內發光立體邊緣、投影空間定位、剪貼蒙版非破壞編輯等技法,可廣泛應用於科技感、未來風格圖標與 UI 元素設計。

copyright © 萬盛學電腦網 all rights reserved