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

ps设计网页视频游戏界面(5)

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

选择所有图层并把它放在一个组层。 复制组,水平翻转,并把它放在另一边。

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

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

一步55:装饰

画形状,如下所示。 油漆突出和影子在上面。 不要忘记添加软阴影的形状对界面窗口。

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

 

一步56

下面你将看到结果在100%的观点。 重复两次的形状。

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

57步

创建新层根据形状和漆黑色像素使用小软刷。

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

一步58

复制所有的形状。 水平翻转和移动到另一边的接口。

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

一步59:添加生锈纹理

添加 锈纹理 覆盖整个界面。 命令/ ctrl界面边界和窗口标题创建一个选择基于他们的形状。 添加图层蒙版。 漆黑色标题形状与低透明度刷,因为我们不想看到太多纹理上锈。 下面,你可以看到我创建的面具。

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

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

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

一步60

降低不透明度为15%。

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

步骤61:车辆预览

创建一个框架在窗口界面。 这是由两个路径和内在路径设置为减。 后添加图层样式。

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

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

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

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

步骤62

粘贴 PNG图像的车辆 在框架。

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

步骤63

后面的帧添加一个新图层,填充灰色白色梯度。

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

 

步骤64

绘制一些阴影下的车辆。

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

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

步骤65:车辆数据

添加另一个框架在车下面预览。 使用类似技术在前面的步骤。

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

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

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

步骤66

添加一些信息到框架。

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

步骤67:研究和升级数据

画出另一个框架,这一次更大的。

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

步骤68

画一个简单的矩形在框架。 后添加图层样式。

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

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

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

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

 

步骤69

学习 · 提示

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

关注大神微博加入>>

网友求助,请回答!