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

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

添加圖層蒙板。 命令/ ctrl路徑創(chuàng)建選擇。 反向選擇按命令/ Ctrl + Shift + i .添加一個(gè)柔軟的黑暗梯度上,漆黑色的工業(yè)線隱藏的影子。

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)

一步24

你可以看到差異之前和之后的修改在下圖的影子。

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

步驟25

畫出另一個(gè)矩形。 這個(gè)時(shí)間小于之前的。

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

一步26

添加 銹紋理 在其上。 使用圖層蒙版隱藏不需要的區(qū)域。 設(shè)置其混合模式為正片疊底,并減少其不透明度為10%。

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

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

一步27

 

創(chuàng)建新的矩形覆蓋所有的形狀。 添加小矩形內(nèi)部的形狀,將其設(shè)置為減。

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

一步28

重復(fù)之前的形狀。 調(diào)整內(nèi)部路徑。

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

一步29

后添加圖層樣式。

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)

一步30

有太多的陰影部分的窗口上。 在圖層樣式對話框激活圖層蒙版隱藏效果。

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

步驟31

命令/ ctrl路徑。 反向選擇(命令/ Ctrl + Shift + I)和陰影畫在窗口的上部與灰色。

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)

步驟32

下面,你可以看到之前和之后的差異部分隱藏的影子。

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

步驟33

畫一個(gè)矩形覆蓋所有的窗口界面。 設(shè)置其填充到0%,后添加圖層樣式。

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)

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

 

步驟34

我們的最后一步就添加微妙突出到窗口界面。

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

步驟35:洞

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

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

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

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