Photoshop绘制一个复古的游戏手柄

2016-02-16 02:22 88 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Photoshop绘制一个复古的游戏手柄懂PS的网友们快点来了解吧!

【 tulaoshi.com - PS 】

我们将要创建的效果

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

创建手柄的基本形状

新建一个800 x 600像素的新文档(Ctrl+N),任意填充一个背景颜色。选择椭圆工具(U),在工具属性栏中选择形状图层,画出一个中等大小的圆形。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

在图层面板中选择形状图层的矢量蒙版,椭圆工具选中的状态下,按下键盘中的加号键,这样会将形状添加到形状图层中,然后在另外一边画一个小一点的圆形。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

接下来选择矩形工具(U),按下键盘中的加号键,画一个矩形,将两个圆形连起来。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

接下来,再次使用椭圆工具(U)在前面创建的圆形之内再创建两个圆形。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

现在选择圆角矩形工具创建一个小的圆角矩形。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

圆角矩形创建好了之后,按下Ctrl+T对此形状进行自由变换。按住Shift键逆时针方向转动直到它第二次定位。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

复制矩形图层,将其放置在合适的位置。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

创建底座

选择底座图层,给其添加如下图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

你的底座图层应该类似于下图的样式。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

接下来我们要让剩下的4个元素看上去有凹陷的效果。给两个圆形和矩形添加如下图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

现在你应该得到如下图所示的效果。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

完成底座

我们接下来完成游戏手柄的底座部分。我们从添加另外一个真实的阴影开始。复制底座图层,然后在图层面板中的图层缩略图上点击右键,选择清除图层样式。然后给该图层添加一个黑色的颜色叠加。

接下来我们给该图层添加动感模糊效果。选择滤镜模糊动感模糊,然后使用如下设置。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

将阴影的不透明度设置在30%左右,然后将阴影向下移动,直到手柄的上部边缘看不到阴影。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

我们接下来创建连线。首先选择矩形工具在手柄的顶部创建一个小的矩形。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

给矩形图层添加斜面和浮雕图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

接下来是连线,选择钢笔工具,创建一条曲线路径。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

曲线路经创建好之后,选择笔刷工具,将其设置为1至2个像素的硬笔刷,然后选择钢笔工具,在画布上右击,从菜单中选择描边路径。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

现在给它添加图层样式完成连线的创建。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

你应该得到如下图所示的效果。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

完成左边的面板

选择圆角矩形工具(U),将半径设置为15至20像素,然后画一个垂直的矩形。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

按下键盘中的加号键,在形状图层中画出另外一个水平的矩形。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

重复上面的步骤,不过这次矩形的大小比前面的矩形小5个像素。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

最后选择矩形工具(U)在矩形面板上画四条方向线。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

选择最初创建的圆角矩形,添加如下图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

选择小一点的圆角矩形,添加如下图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

最后,给矩形上面的小线条添加颜色值为#9e9fa3的颜色叠加。你应该得到如下图所示的结果。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

创建颜色按钮

选择椭圆工具(U),在右侧的圆形内创建4个圆形。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

现在我们需要让这4个圆形有凹陷的效果,给每一个圆形添加如下图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

你应该得到如下所示的效果。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

使用椭圆形工具(U)在刚才创建的圆形内创建4个小一些的圆形。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

给这些小一些的圆形添加如下所示的图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

将描边图层样式和渐变叠加图层样式的颜色更改为你期望的颜色。你应该得到如下所示的结果。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

在每一个按钮上选择一个符号添加上。然后给这些符号应用如下图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

将符号的颜色更改为和按钮相近的颜色,你应该得到如下所示的结果。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

创建中间的按钮

在我们之前创建的凹陷的区域内部再创建两个小圆角矩形。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

然后给这两个小圆角矩形添加如下图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

使用文字工具在两个按钮下方添加文字标签。你应该得到如下所示的效果。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

最后按照你的喜好给游戏手柄添加上名字。

Photoshop绘制一个复古的游戏手柄,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1566872.html

延伸阅读
Photoshop绘tulaoshi.com制一个青苹果技巧 苹果绘制过程并不复杂,不过中间的高光及顶部的暗部刻画比较麻烦。尤其是顶部凹下去的部分,需要慢慢处理中间及边缘的高光及暗部区域,把立体感刻画出来。 最终效果 1、新建一个1024 * 768像素的文档,新建一个组,用钢笔工具把苹果的轮廓抠出来,转为选区后给组添加图层蒙版...
Photoshop绘制一个小梨教程 教程介绍简单水果的绘制方法。过程也比较简单,绘制之前需要找一些(图老师整理)相关的实物图认真参考,按照自己的绘图习惯简单分解图片,再找出每一部分的高光及暗部的分布。这样就可以快速画出想要的实物效果。 最终效果 1、制作之前先来分解一下,水晶梨大致由下面的几部分构成。 ...
Photoshop绘制一个小萝卜教程 萝卜表面反光也比较强,绘制方法跟水果基本相似。可以先找一幅光感比较好的萝卜实物作为参考,找出暗部及高光构成,然后适当优化一下再刻画即可。 最终效果 1、新建一个600 * 800像素的文件,背景选择白色。先来制作萝卜主体部分,需要完成的效果如下图。 tulaoShi.com 图1 2、新建...
Photoshop绘制一个红色梨子教程 这次也是介绍梨的绘制方法,不过刻画的角度不同,这次是横放的。角度不同刻画的方法是一样的,先要找出高光及暗部的分布,然后慢慢细化即可。 最终效果 1、我们首先来制作红梨的主体部分,需要完成的效果如下图。 图1 2、新建一个1024 * 768像素的文件,背景选择白色。新...
标签: PS PS教程
大家好,今天为各位介绍一篇如何用PS为铅笔图标进行上色.首先,我们先在纸上绘制出它的轮廓.注意比例一定要正确,否则在电脑中就不好修改了.之后导入到Photosho中先是整体大色进行铺垫,在对细节部分进行处理即可.非常简单大家来试试吧. 最终效果 一、线稿的手绘。 1、画辅助线:辅助线可以让你的线稿事半功倍,解决物体角度透视问题...

经验教程

234

收藏

39
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部