优艾设计网

Photoshop设计网页视频游戏界面

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:wangzhaodi
本教程主要使用Photoshop设计颓废质感的网页视频游戏界面,整体的制作过程非常的详细,喜欢的朋友让我们一起来学习吧。

添加图层蒙板。 命令/ ctrl路径创建选择。 反向选择按命令/ Ctrl + Shift + i .添加一个柔软的黑暗梯度上,漆黑色的工业线隐藏的影子。

Photoshop设计网页视频游戏界面

Photoshop设计网页视频游戏界面

Photoshop设计网页视频游戏界面

一步24

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

Photoshop设计网页视频游戏界面

步骤25

画出另一个矩形。 这个时间小于之前的。

Photoshop设计网页视频游戏界面

一步26

添加 锈纹理 在其上。 使用图层蒙版隐藏不需要的区域。 设置其混合模式为正片叠底,并减少其不透明度为10%。

Photoshop设计网页视频游戏界面

Photoshop设计网页视频游戏界面

一步27

 

创建新的矩形覆盖所有的形状。 添加小矩形内部的形状,将其设置为减。

Photoshop设计网页视频游戏界面

一步28

重复之前的形状。 调整内部路径。

Photoshop设计网页视频游戏界面

一步29

后添加图层样式。

Photoshop设计网页视频游戏界面

Photoshop设计网页视频游戏界面

Photoshop设计网页视频游戏界面

一步30

有太多的阴影部分的窗口上。 在图层样式对话框激活图层蒙版隐藏效果。

Photoshop设计网页视频游戏界面

步骤31

命令/ ctrl路径。 反向选择(命令/ Ctrl + Shift + I)和阴影画在窗口的上部与灰色。

Photoshop设计网页视频游戏界面

Photoshop设计网页视频游戏界面

Photoshop设计网页视频游戏界面

步骤32

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

Photoshop设计网页视频游戏界面

步骤33

画一个矩形覆盖所有的窗口界面。 设置其填充到0%,后添加图层样式。

Photoshop设计网页视频游戏界面

Photoshop设计网页视频游戏界面

Photoshop设计网页视频游戏界面

Photoshop设计网页视频游戏界面

Photoshop设计网页视频游戏界面

 

步骤34

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

Photoshop设计网页视频游戏界面

步骤35:洞

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消