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

2022-12-26 10:50:48 來源/作者: / 己有:28人學(xué)習(xí)過

選擇所有圖層并把它放在一個(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:裝飾

畫形狀,如下所示。 油漆突出和影子在上面。 不要忘記添加軟陰影的形狀對(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ù)

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

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

步驟68

畫一個(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