萬盛學電腦網

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

Photoshop 繪製金屬質感網頁界面

先看整體效果:

關鍵步驟

  1. 新建文件(建議 1100×1163px),背景 #252118。
  2. 複製圖層,大柔邊畫筆(1100px、硬度 0%、柔光、不透明度 60%)刷出光暈。
  3. 中間畫圓角矩形 995×295px,填充 #52442b。
  4. 複製並改色 #e9e9e9 疊加。
  5. 頁腳建矩形填 #15120d,寬 54px 放文字。
  6. 第一矩形加「雜色」(3-10%)增質感。
  7. 新建白矩形不透明度 13%,橡皮擦刪減做高光過渡。
  8. 頁腳上方再建矩形(寬 252px)放文字。
  9. 筆記本螺旋:兩小方塊+一長方形做漸變疊加,複製排列。
  10. 輸入文字,大字加描邊/投影,小字加投影。
  11. 圓角矩形畫按鈕(126×34px),加層樣式(漸變、內陰影、描邊)。
  12. 圓角矩形 209×223px 側邊卡片,內陰影+描邊。
  13. 鋼筆繪製不規則圖形加文字。
  14. 頂部矩形 415×281px,複雜層樣式(斜面浮雕、漸變、投影等)。
  15. 內部小矩形 381×258px,同樣豐富層樣式。
  16. 最後建導航組合,完成整體界面。
copyright © 萬盛學電腦網 all rights reserved