ps設計網(wǎng)頁視頻游戲界面(5)

來源:站酷 作者:wangzhaodi 學習:8009人次

選擇所有圖層并把它放在一個組層。 復制組,水平翻轉,并把它放在另一邊。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

一步55:裝飾

畫形狀,如下所示。 油漆突出和影子在上面。 不要忘記添加軟陰影的形狀對界面窗口。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

 

一步56

下面你將看到結果在100%的觀點。 重復兩次的形狀。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

57步

創(chuàng)建新層根據(jù)形狀和漆黑色像素使用小軟刷。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

一步58

復制所有的形狀。 水平翻轉和移動到另一邊的接口。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

一步59:添加生銹紋理

添加 銹紋理 覆蓋整個界面。 命令/ ctrl界面邊界和窗口標題創(chuàng)建一個選擇基于他們的形狀。 添加圖層蒙版。 漆黑色標題形狀與低透明度刷,因為我們不想看到太多紋理上銹。 下面,你可以看到我創(chuàng)建的面具。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

一步60

降低不透明度為15%。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

步驟61:車輛預覽

創(chuàng)建一個框架在窗口界面。 這是由兩個路徑和內(nèi)在路徑設置為減。 后添加圖層樣式。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

步驟62

粘貼 PNG圖像的車輛 在框架。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

步驟63

后面的幀添加一個新圖層,填充灰色白色梯度。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

 

步驟64

繪制一些陰影下的車輛。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

步驟65:車輛數(shù)據(jù)

添加另一個框架在車下面預覽。 使用類似技術在前面的步驟。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

步驟66

添加一些信息到框架。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

步驟67:研究和升級數(shù)據(jù)

畫出另一個框架,這一次更大的。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

步驟68

畫一個簡單的矩形在框架。 后添加圖層樣式。

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

Photoshop設計優(yōu)秀的視頻優(yōu)秀界面教程,PS教程,16xx8.com教程網(wǎng)

 

步驟69

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!