当前位置:首页>ps实例教程>ps网页设计>网页模板>教程内容

ps设计网页视频游戏界面

来源:站酷 作者:wangzhaodi 学习:8009人次

本教程主要使用Photoshop设计颓废质感的网页视频游戏界面,整体的制作过程非常的详细,喜欢的朋友让我们一起来学习吧。

先看看最终效果图

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤1:背景

创建新的文件,尺寸是1152 px x 864 px。 我们的第一步是创建背景为我们的接口。 这个过程只是只是尝试纹理。 基本上,我只是把一些纹理我发现和试验它的混合模式。 我的第一次尝试是一个 纸纹理 。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤2

添加一个 纸纹理 再一次,这一次改变其混合模式与繁殖。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤3

色相/饱和度调整图层添加到它变黑。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤4

添加一个 古董书纹理 与混合模式和不透明度48%乘以。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤5

添加 老纸纹理 。 这一次使用混合模式和不透明度58%覆盖。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤6

添加调整层黑色和白色。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤7

创建新层。 打D设置前景色和背景色为黑色和白色。 单击过滤器> >云渲染。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤8

设置其混合模式为正片叠底,并减少其不透明度为8%。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤9

创建新层。 填补它与白色到黑色的径向梯度。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

第十步

设置其混合模式为屏幕,不透明度67%。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤11

添加调整层色相/饱和度。 选择彩色化给它一个颜色。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

 

步骤12

最后,添加一个漂亮的 挠金属材质 。 设置其混合模式为正片叠底,并减少其不透明度为20%。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤13:工业线

打开绘图软体。 画一个黄色的长方形。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤14

顶部的矩形、画一个小黑色矩形。 选择分岔与直接选择工具和移动它们。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤15

选择形状和alt阻力来复制它。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤16

点击Command / Ctrl + D重复重复过程。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤17

选择所有的形状。 点击Command / Ctrl + c将它粘贴在Photoshop、命令/ Ctrl + v .选择智能对象在粘贴对话框。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤18

双击层给打开图层样式对话框。 添加图案叠加、负载颜色纸和选择一个肮脏的模式。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

步骤19

添加矩形在顶部和底部的条纹。

Photoshop设计优秀的视频优秀界面教程,PS教程,16xx8.com教程网

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!