萬盛學電腦網

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

PS 設計遊戲級金屬龍形 Logo:圖層樣式疊加構建材質與光影的完整教學

最終效果

金屬龍形 Logo 最終效果

畫布與基礎背景

  1. 新建 1280×720 px,背景圖層解鎖。
  2. 漸變工具 (G) → 徑向漸變:#d97408 (中心) → #4c2407 (邊緣),從中心拖至角落,營造聚光燈氛圍。
漸變背景設定

龍形主體圖層樣式全解析

置入龍形矢量/透明底素材 (智能物件最佳),添加以下圖層樣式(參數可根據素材大小微調):

樣式關鍵參數視覺作用
倒角與浮雕樣式:內部倒角,技巧:平滑,深度 200%,方向:向上,大小 15px,軟化 3px,光澤輪廓:環形,反光:勾選,高光模式:螢幕 (白, 75%),陰影模式:正片疊底 (黑, 50%)核心金屬立體體積
描邊大小 2px,位置:外部,填充類型:漸變,漸變:#FFF8DC→#8B6914→#FFF8DC (金屬邊框條紋),角度 90°鍍金邊框細節
內陰影模式:正片疊底,顏色 #3B2A0F,不透明度 50%,角度 90° (全局光),距離 5px,阻塞 10%,尺寸 10px內凹結構深度
光澤模式:疊加,不透明度 60%,角度 90°,距離 0px,大小 15px,輪廓:環形,反相:否表面高光掃過感
漸變疊加模式:疊加,不透明度 40%,漸變:#FFF9E6→#D4A017→#8B6914 (金屬色帶),角度 45°,縮放 120%整體金屬色調統一
外發光模式:螢幕,不透明度 40%,顏色 #FFD700,擴展 0%,大小 15px,品質輪廓:線性金屬外緣微光暈
投影模式:正片疊底,顏色 #1A0F00,不透明度 60%,角度 90° (全局光),距離 8px,擴展 5%,尺寸 15px懸浮感與著地關係
龍形樣式套用後效果

文字整合:共享圖層樣式實現視覺一致性

  1. 文字工具輸入 "Dragon",選擇哥特風格粗體字體(推薦:35款黑暗哥特字體 中任一款)。
  2. 右鍵龍形圖層 → 複製圖層樣式 → 右鍵文字圖層 → 貼上圖層樣式,文字瞬間擁有同材質。
  3. Ctrl 點擊文字圖層縮略圖載入選區 → 選擇 → 修改 → 擴展 5px → 新建圖層置於文字下方 → 填充深金 #8B6914 → 模式正常,形成文字外描邊/投影一體效果。
文字排版
擴展選區製作描邊

細節昇華:閃光點綴

  1. 新建圖層置頂,模式線性減淡 (添加)。
  2. 白色硬筆刷 (3-5px) 點擊龍角、鱗片尖端、文字筆畫轉折處。
  3. 該圖層添加外發光 (螢幕, 白, 100%, 大小 10px),閃光點瞬間「亮」起來。
最終效果含閃光

知識點總結

  • 圖層樣式疊加順序固定:倒角浮雕 → 描邊 → 內陰影 → 光澤 → 漸變疊加 → 外發光 → 投影。理解順序才能預測疊加結果。
  • 全局光統一:所有樣式勾選「使用全局光」,單一光源邏輯貫穿整個 Logo。
  • 漸變疊加模擬陽極氧化/鍍金色帶:多色標金屬漸變比單色更真實。
  • 智能物件工作流:龍形素材轉智能物件,雙擊進入編輯向量,外部樣式自動更新,支援無限縮放不失真。
  • 樣式複用:.asl 文件導出,團隊專案一鍵統一視覺語言。

延伸練習

  • 將龍形替換為獅頭、鳳凰、機甲頭盔,同樣樣式瞬間獲得新 Logo。
  • 嘗試銀色/銅色/玫瑰金:只修改漸變疊加顏色停靠點、光澤/外發光顏色、投影顏色。
  • 動態化:導入 After Effects,為倒角深度、光澤角度、外發光大小添加關鍵幀,製造「金屬旋轉/呼吸」動態 Logo。
copyright © 萬盛學電腦網 all rights reserved