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