ps設(shè)計(jì)網(wǎng)頁(yè)視頻游戲界面(5)

來(lái)源:站酷 作者:wangzhaodi 學(xué)習(xí):8009人次

選擇所有圖層并把它放在一個(gè)組層。 復(fù)制組,水平翻轉(zhuǎn),并把它放在另一邊。

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

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

一步55:裝飾

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

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

 

一步56

下面你將看到結(jié)果在100%的觀點(diǎn)。 重復(fù)兩次的形狀。

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

57步

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

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

一步58

復(fù)制所有的形狀。 水平翻轉(zhuǎn)和移動(dòng)到另一邊的接口。

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

一步59:添加生銹紋理

添加 銹紋理 覆蓋整個(gè)界面。 命令/ ctrl界面邊界和窗口標(biāo)題創(chuàng)建一個(gè)選擇基于他們的形狀。 添加圖層蒙版。 漆黑色標(biāo)題形狀與低透明度刷,因?yàn)槲覀儾幌肟吹教嗉y理上銹。 下面,你可以看到我創(chuàng)建的面具。

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

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

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

一步60

降低不透明度為15%。

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

步驟61:車輛預(yù)覽

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

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

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

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

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

步驟62

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

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

步驟63

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

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

 

步驟64

繪制一些陰影下的車輛。

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

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

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

添加另一個(gè)框架在車下面預(yù)覽。 使用類似技術(shù)在前面的步驟。

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

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

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

步驟66

添加一些信息到框架。

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

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

畫(huà)出另一個(gè)框架,這一次更大的。

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

步驟68

畫(huà)一個(gè)簡(jiǎn)單的矩形在框架。 后添加圖層樣式。

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

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

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

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

 

步驟69

學(xué)習(xí) · 提示

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

關(guān)注大神微博加入>>

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