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

ps设计网页视频游戏界面

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

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

添加一些文本到矩形。

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

步骤70

复制矩形为另一个数据。 删除图层样式外发光,并减少其不透明度为30%来自非活动水平。

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

步骤71

复制所有的形状来创建另一个数据集。

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

步骤72:绘图按钮

回到插画家,创建这个形状。

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

步骤73

粘贴到Photoshop的形状作为形状图层。 后添加图层样式。

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

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

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

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

步骤74

油漆突出和影子手动使用软刷,硬度和不透明度0% 5 - 10%。

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

步骤75

重复的形状和水平翻转。

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

步骤76

画一个浅蓝色矩形和把它背后的形状。 后添加图层样式。

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

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

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

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

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

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

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

 

步骤77

画一些强调内部的形状。 添加按钮的标题。 漆光发光顶部的按钮。

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

步骤78

复制按钮,改变其标题。

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

最终的图像

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

 

*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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条