游戲UI教程：PS繪制金屬質感的游戲登錄界面，小伙伴們會做嗎？有思路嗎？今天跟大家聊聊關于現階段最火的一款游戲--“吃雞”的UI設計教程，如何用PS繪制金屬質感的游戲登錄界面。

 一、構建草圖

 首先我們把登錄框的草圖畫出來，下圖是我們已經畫好的，客戶說了想要這種形狀的。如果客戶沒有指定的話那就要自己動手畫了。

 二、純色填充

 草圖完成后，接下來我的操作是使用鋼筆工具勾勒出登錄框各個部分的外形，然后再用純色塊填充。在這里網格工具可以很好的幫助你，網格線的間隔可以在首選項（ctrl k）中設置，下面是過程圖

 三、添加質感

 接下來為登錄框添加質感。

 我通常的做法是材質圖結合圖層樣式實現效果，下面拿登錄框的底框為例講解具體操作，其他部分大同小異就不做詳細講解了。首先背景我找了多張質感劃痕素材進行融合然后對底框添加了簡單的立體效果圖層樣式，最后在為其疊加材質，具體操作如下

 背景融合：

 圖層樣式：

 然后創建剪貼蒙版，導入素材圖，為底框添加紋理效果，在此過程中可以多多嘗試圖層模式，并適當降低不透明度。

 內框采用同樣的方法，這時的圖層樣式就要添加內陰影的效果了，耐心調整素材與圖層的效果。

 添加輸入框以及一些文字提示，輸入框的效果可以在圖層樣式設置中將陰影模式改為正常，顏色改為白色，然后適當調整位置與大小即可。

 制作登錄按鈕，跟底框制作道理是一樣的。

 按鈕制作分解圖

 四、整體裝飾

 大體效果已經完成，最后我們在做一些收尾工作。比如說我在登錄框上部加了幾個小螺絲，頁面的上下加了邊框效果，當然這只是我的做法，你也可以添加其他的效果，最后一個荒野行動吃雞游戲登錄界面就完成了！

這次游戲UI教程：PS繪制金屬質感的游戲登錄界面干貨分享結束啦！歡迎小伙伴們下載繪學霸App喲，海量視頻教學,一步一腳印，零基礎變大神~