当前位置:首页 > PS教程 > 网页设计

ps设计网页视频游戏界面

  • 2022-12-24 18:32:49
  • 来源/作者:互联网/佚名
  • 己被围观

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

本教程主要使用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教程网

 1/6    1 2 3 4 5 6 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条