Photoshop设计制作纹理效果视频界面教程

站酷   发布时间:2013-04-25 15:59:09   作者:wangzhaodi   我要评论
Photoshop设计优秀的视频优秀界面教程,喜欢的朋友可以一起来学习。
 
        一步40
  右键单击并选择变换>形状反映。 选择轴:垂直并单击复制。
Photoshop设计制作纹理效果视频界面教程
  步骤41
  移动复制形状。
Photoshop设计制作纹理效果视频界面教程
  步骤42
  选择分是重叠的。 右击并选择加入。
Photoshop设计制作纹理效果视频界面教程
  一步43
  粘贴到Photoshop的路径作为一个形状图层。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  一步44
  油漆突出和影子的形状。 你可以看到下面的进展我。 我使用非常软刷(硬度:0%,不透明度:5 - 10%)和大约10层。
Photoshop设计制作纹理效果视频界面教程
  一步45
  添加游戏标题和后添加图层样式。 这里使用的字体是 凯尔特加拉蒙字体第二 。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  一步46:装饰
  画一个圆角矩形左边的接口。 使用颜色:# 605847。 添加微妙的渐变叠加从灰色变成白色。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  一步47
  重复之前的形状,并调整其大小。 见下面的照片供参考。
Photoshop设计制作纹理效果视频界面教程
  一步48
  画出另一个矩形。 这一次使用明亮的颜色。 添加渐变叠加。 复制,并将其在较低的部分更大的矩形。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  一步49
  画1 px线为其突出和阴影。 我们要把这形成一个三维形状。 最后,你会发现这个小1 px细节是需要得到一个现实的结果。
Photoshop设计制作纹理效果视频界面教程
  一步50
  下面画形状添加3 d透视到形状。 后添加渐变叠加。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  一步51
  画阴影下形成的。
Photoshop设计制作纹理效果视频界面教程
  一步52
  下面画形状和完整的影子。 添加渐变叠加到形状。
Photoshop设计制作纹理效果视频界面教程
 
Photoshop设计制作纹理效果视频界面教程
  一步53
  这是导致100%的观点。
Photoshop设计制作纹理效果视频界面教程
  一步54
  选择所有图层并把它放在一个组层。 复制组,水平翻转,并把它放在另一边。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  一步55:装饰
  画形状,如下所示。 油漆突出和影子在上面。 不要忘记添加软阴影的形状对界面窗口。
Photoshop设计制作纹理效果视频界面教程
  一步56
  下面你将看到结果在100%的观点。 重复两次的形状。
Photoshop设计制作纹理效果视频界面教程
  57步
  创建新层根据形状和漆黑色像素使用小软刷。
Photoshop设计制作纹理效果视频界面教程
  一步58
  复制所有的形状。 水平翻转和移动到另一边的接口。
Photoshop设计制作纹理效果视频界面教程
  一步59:添加生锈纹理
  添加 锈纹理 覆盖整个界面。 命令/ ctrl界面边界和窗口标题创建一个选择基于他们的形状。 添加图层蒙版。 漆黑色标题形状与低透明度刷,因为我们不想看到太多纹理上锈。 下面,你可以看到我创建的面具。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  一步60
  降低不透明度为15%。
Photoshop设计制作纹理效果视频界面教程
  步骤61:车辆预览
  创建一个框架在窗口界面。 这是由两个路径和内在路径设置为减。 后添加图层样式。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  步骤62
  粘贴 PNG图像的车辆 在框架。
Photoshop设计制作纹理效果视频界面教程
  步骤63
  后面的帧添加一个新图层,填充灰色白色梯度。
Photoshop设计制作纹理效果视频界面教程
  步骤64
  绘制一些阴影下的车辆。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  步骤65:车辆数据
  添加另一个框架在车下面预览。 使用类似技术在前面的步骤。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  步骤66
  添加一些信息到框架。
Photoshop设计制作纹理效果视频界面教程
  步骤67:研究和升级数据
  画出另一个框架,这一次更大的。
Photoshop设计制作纹理效果视频界面教程
  步骤68
  画一个简单的矩形在框架。 后添加图层样式。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  步骤69
  添加一些文本到矩形。
Photoshop设计制作纹理效果视频界面教程
  步骤70
  复制矩形为另一个数据。 删除图层样式外发光,并减少其不透明度为30%来自非活动水平。
Photoshop设计制作纹理效果视频界面教程
  步骤71
  复制所有的形状来创建另一个数据集。
Photoshop设计制作纹理效果视频界面教程
  步骤72:绘图按钮
  回到插画家,创建这个形状。
Photoshop设计制作纹理效果视频界面教程
  步骤73
  粘贴到Photoshop的形状作为形状图层。 后添加图层样式。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  步骤74
  油漆突出和影子手动使用软刷,硬度和不透明度0% 5 - 10%。
Photoshop设计制作纹理效果视频界面教程
  步骤75
  重复的形状和水平翻转。
Photoshop设计制作纹理效果视频界面教程
  步骤76
  画一个浅蓝色矩形和把它背后的形状。 后添加图层样式。
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
Photoshop设计制作纹理效果视频界面教程
  步骤77
  画一些强调内部的形状。 添加按钮的标题。 漆光发光顶部的按钮。
Photoshop设计制作纹理效果视频界面教程
  步骤78
  复制按钮,改变其标题。
Photoshop设计制作纹理效果视频界面教程
  最终的图像
Photoshop设计制作纹理效果视频界面教程

相关文章

最新评论