本教程主要使用Photoshop設計頹廢質感的網頁視頻游戲界面，整體的制作過程非常的詳細，喜歡的朋友讓我們一起來學習吧。

先看看最終效果圖

步驟1:背景

創建新的文件,尺寸是1152 px x 864 px。 我們的第一步是創建背景為我們的接口。 這個過程只是只是嘗試紋理。 基本上,我只是把一些紋理我發現和試驗它的混合模式。 我的第一次嘗試是一個 紙紋理 。

步驟2

添加一個 紙紋理 再一次,這一次改變其混合模式與繁殖。

步驟3

色相/飽和度調整圖層添加到它變黑。

步驟4

添加一個 古董書紋理 與混合模式和不透明度48%乘以。

步驟5

添加 老紙紋理 。 這一次使用混合模式和不透明度58%覆蓋。

步驟6

添加調整層黑色和白色。

步驟7

創建新層。 打D設置前景色和背景色為黑色和白色。 單擊過濾器> >云渲染。

步驟8

設置其混合模式為正片疊底,并減少其不透明度為8%。

步驟9

創建新層。 填補它與白色到黑色的徑向梯度。

第十步

設置其混合模式為屏幕,不透明度67%。

步驟11

添加調整層色相/飽和度。 選擇彩色化給它一個顏色。

 

步驟12

最后,添加一個漂亮的 撓金屬材質 。 設置其混合模式為正片疊底,并減少其不透明度為20%。

步驟13:工業線

打開繪圖軟體。 畫一個黃色的長方形。

步驟14

頂部的矩形、畫一個小黑色矩形。 選擇分岔與直接選擇工具和移動它們。

步驟15

選擇形狀和alt阻力來復制它。

步驟16

點擊Command / Ctrl + D重復重復過程。

步驟17

選擇所有的形狀。 點擊Command / Ctrl + c將它粘貼在Photoshop、命令/ Ctrl + v .選擇智能對象在粘貼對話框。

步驟18

雙擊層給打開圖層樣式對話框。 添加圖案疊加、負載顏色紙和選擇一個骯臟的模式。

步驟19

添加矩形在頂部和底部的條紋。