ps設(shè)計網(wǎng)頁視頻游戲界面
本教程主要使用Photoshop設(shè)計頹廢質(zhì)感的網(wǎng)頁視頻游戲界面,整體的制作過程非常的詳細,喜歡的朋友讓我們一起來學(xué)習(xí)吧。
先看看最終效果圖
步驟1:背景
創(chuàng)建新的文件,尺寸是1152 px x 864 px。 我們的第一步是創(chuàng)建背景為我們的接口。 這個過程只是只是嘗試紋理。 基本上,我只是把一些紋理我發(fā)現(xiàn)和試驗它的混合模式。 我的第一次嘗試是一個 紙紋理 。
步驟2
添加一個 紙紋理 再一次,這一次改變其混合模式與繁殖。
步驟3
色相/飽和度調(diào)整圖層添加到它變黑。
步驟4
添加一個 古董書紋理 與混合模式和不透明度48%乘以。
步驟5
添加 老紙紋理 。 這一次使用混合模式和不透明度58%覆蓋。
步驟6
添加調(diào)整層黑色和白色。
步驟7
創(chuàng)建新層。 打D設(shè)置前景色和背景色為黑色和白色。 單擊過濾器> >云渲染。
步驟8
設(shè)置其混合模式為正片疊底,并減少其不透明度為8%。
步驟9
創(chuàng)建新層。 填補它與白色到黑色的徑向梯度。
第十步
設(shè)置其混合模式為屏幕,不透明度67%。
步驟11
添加調(diào)整層色相/飽和度。 選擇彩色化給它一個顏色。
步驟12
最后,添加一個漂亮的 撓金屬材質(zhì) 。 設(shè)置其混合模式為正片疊底,并減少其不透明度為20%。
步驟13:工業(yè)線
打開繪圖軟體。 畫一個黃色的長方形。
步驟14
頂部的矩形、畫一個小黑色矩形。 選擇分岔與直接選擇工具和移動它們。
步驟15
選擇形狀和alt阻力來復(fù)制它。
步驟16
點擊Command / Ctrl + D重復(fù)重復(fù)過程。
步驟17
選擇所有的形狀。 點擊Command / Ctrl + c將它粘貼在Photoshop、命令/ Ctrl + v .選擇智能對象在粘貼對話框。
步驟18
雙擊層給打開圖層樣式對話框。 添加圖案疊加、負(fù)載顏色紙和選擇一個骯臟的模式。
步驟19
添加矩形在頂部和底部的條紋。
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop繪制好看的老式wordpress主題
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細教程