Photoshop绘制一个复古的游戏手柄
教程作者：飞鱼的声纳我们将要创建的效果http://pic1.16xx8.com/allimg/121113/161P01550-0.jpg
创建手柄的基本形状
新建一个800 x 600像素的新文档(Ctrl+N)，任意填充一个背景颜色。选择椭圆工具(U),在工具属性栏中选择形状图层，画出一个中等大小的圆形。
http://pic1.16xx8.com/allimg/121113/161P02400-1.jpg
http://pic1.16xx8.com/allimg/121113/161P04528-2.jpg
在图层面板中选择形状图层的矢量蒙版，椭圆工具选中的状态下，按下键盘中的加号键，这样会将形状添加到形状图层中，然后在另外一边画一个小一点的圆形。
http://pic1.16xx8.com/allimg/121113/161P0Ma-3.jpg
接下来选择矩形工具(U)，按下键盘中的加号键，画一个矩形，将两个圆形连起来。
http://pic1.16xx8.com/allimg/121113/161P01306-4.jpg
接下来，再次使用椭圆工具(U)在前面创建的圆形之内再创建两个圆形。
http://pic1.16xx8.com/allimg/121113/161P032A-5.jpg
现在选择圆角矩形工具创建一个小的圆角矩形。
http://pic1.16xx8.com/allimg/121113/161P05146-6.jpg
圆角矩形创建好了之后，按下”Ctrl+T”对此形状进行自由变换。按住Shift键逆时针方向转动直到它第二次定位。
http://pic1.16xx8.com/allimg/121113/161P05A5-7.jpg
复制矩形图层，将其放置在合适的位置。
http://pic1.16xx8.com/allimg/121113/161P0M24-8.jpg
创建底座
选择底座图层，给其添加如下图层样式。
http://pic1.16xx8.com/allimg/121113/161P04330-9.jpg
http://pic1.16xx8.com/allimg/121113/161P0K18-10.jpg
http://pic1.16xx8.com/allimg/121113/161P05127-11.jpg
http://pic1.16xx8.com/allimg/121113/161P030F-12.jpg
http://pic1.16xx8.com/allimg/121113/161P045V-13.jpg
你的底座图层应该类似于下图的样式。
http://pic1.16xx8.com/allimg/121113/161P0D52-14.jpg
接下来我们要让剩下的4个元素看上去有凹陷的效果。给两个圆形和矩形添加如下图层样式。
http://pic1.16xx8.com/allimg/121113/161P04360-15.jpg
http://pic1.16xx8.com/allimg/121113/161P029A-16.jpg
http://pic1.16xx8.com/allimg/121113/161P01413-17.jpg
http://pic1.16xx8.com/allimg/121113/161P03I4-18.jpg
http://pic1.16xx8.com/allimg/121113/161P043I-19.jpg
现在你应该得到如下图所示的效果。
http://pic1.16xx8.com/allimg/121113/161P05016-20.jpg
完成底座
我们接下来完成游戏手柄的底座部分。我们从添加另外一个真实的阴影开始。复制底座图层，然后在图层面板中的图层缩略图上点击右键，选择清除图层样式。然后给该图层添加一个黑色的颜色叠加。
接下来我们给该图层添加动感模糊效果。选择滤镜>模糊>动感模糊，然后使用如下设置。
http://pic1.16xx8.com/allimg/121113/161P01W8-21.jpg
将阴影的不透明度设置在30%左右，然后将阴影向下移动，直到手柄的上部边缘看不到阴影。
http://pic1.16xx8.com/allimg/121113/161P01B1-22.jpg
我们接下来创建连线。首先选择矩形工具在手柄的顶部创建一个小的矩形。
http://pic1.16xx8.com/allimg/121113/161P05b3-23.jpg
给矩形图层添加斜面和浮雕图层样式。
http://pic1.16xx8.com/allimg/121113/161P015N-24.jpg
接下来是连线，选择钢笔工具，创建一条曲线路径。
http://pic1.16xx8.com/allimg/121113/161P015Q-25.jpg
曲线路经创建好之后，选择笔刷工具，将其设置为1至2个像素的硬笔刷，然后选择钢笔工具，在画布上右击，从菜单中选择”描边路径”。
http://pic1.16xx8.com/allimg/121113/161P03K8-26.jpg
现在给它添加图层样式完成连线的创建。
http://pic1.16xx8.com/allimg/121113/161P04162-27.jpg
http://pic1.16xx8.com/allimg/121113/161P03936-28.jpg
http://pic1.16xx8.com/allimg/121113/161P02Q3-29.jpg
你应该得到如下图所示的效果。
http://pic1.16xx8.com/allimg/121113/161P01H5-30.jpg
完成左边的面板
选择圆角矩形工具(U)，将半径设置为15至20像素，然后画一个垂直的矩形。
http://pic1.16xx8.com/allimg/121113/161P0HV-31.jpg
按下键盘中的加号键，在形状图层中画出另外一个水平的矩形。
http://pic1.16xx8.com/allimg/121113/161P01642-32.jpg
重复上面的步骤，不过这次矩形的大小比前面的矩形小5个像素。
http://pic1.16xx8.com/allimg/121113/161P03M1-33.jpg
最后选择矩形工具(U)在矩形面板上画四条方向线。
http://pic1.16xx8.com/allimg/121113/161P04945-34.jpg
选择最初创建的圆角矩形，添加如下图层样式。
http://pic1.16xx8.com/allimg/121113/161P0K95-35.jpg
http://pic1.16xx8.com/allimg/121113/161P04632-36.jpg
选择小一点的圆角矩形，添加如下图层样式。
http://pic1.16xx8.com/allimg/121113/161P024Q-37.jpg
http://pic1.16xx8.com/allimg/121113/161P03415-38.jpg
http://pic1.16xx8.com/allimg/121113/161P05224-39.jpg
http://pic1.16xx8.com/allimg/121113/161P01632-40.jpg
http://pic1.16xx8.com/allimg/121113/161P01564-41.jpg
最后，给矩形上面的小线条添加颜色值为#9e9fa3的颜色叠加。你应该得到如下图所示的结果。
http://pic1.16xx8.com/allimg/121113/161P06126-42.jpg
创建颜色按钮
选择椭圆工具(U)，在右侧的圆形内创建4个圆形。
http://pic1.16xx8.com/allimg/121113/161P0C23-43.jpg
现在我们需要让这4个圆形有凹陷的效果，给每一个圆形添加如下图层样式。
http://pic1.16xx8.com/allimg/121113/161P03B2-44.jpg
http://pic1.16xx8.com/allimg/121113/161P0J56-45.jpg
http://pic1.16xx8.com/allimg/121113/161P01517-46.jpg
你应该得到如下所示的效果。
http://pic1.16xx8.com/allimg/121113/161P041I-47.jpg
使用椭圆形工具(U)在刚才创建的圆形内创建4个小一些的圆形。
http://pic1.16xx8.com/allimg/121113/161P0J12-48.jpg
给这些小一些的圆形添加如下所示的图层样式。
http://pic1.16xx8.com/allimg/121113/161P0BD-49.jpg
http://pic1.16xx8.com/allimg/121113/161P01539-50.jpg
http://pic1.16xx8.com/allimg/121113/161P02357-51.jpg
http://pic1.16xx8.com/allimg/121113/161P01114-52.jpg
http://pic1.16xx8.com/allimg/121113/161P0A53-53.jpg
将描边图层样式和渐变叠加图层样式的颜色更改为你期望的颜色。你应该得到如下所示的结果。
http://pic1.16xx8.com/allimg/121113/161P02231-54.jpg
在每一个按钮上选择一个符号添加上。然后给这些符号应用如下图层样式。
http://pic1.16xx8.com/allimg/121113/161P01491-55.jpg
http://pic1.16xx8.com/allimg/121113/161P04507-56.jpg
将符号的颜色更改为和按钮相近的颜色，你应该得到如下所示的结果。
http://pic1.16xx8.com/allimg/121113/161P0HQ-57.jpg
创建中间的按钮
在我们之前创建的凹陷的区域内部再创建两个小圆角矩形。
http://pic1.16xx8.com/allimg/121113/161P02210-58.jpg
然后给这两个小圆角矩形添加如下图层样式。
http://pic1.16xx8.com/allimg/121113/161P0BD-49.jpg
http://pic1.16xx8.com/allimg/121113/161P01539-50.jpg
http://pic1.16xx8.com/allimg/121113/161P02357-51.jpg
http://pic1.16xx8.com/allimg/121113/161P01425-62.jpg
使用文字工具在两个按钮下方添加文字标签。你应该得到如下所示的效果。
http://pic1.16xx8.com/allimg/121113/161P06262-63.jpg
最后按照你的喜好给游戏手柄添加上名字。
http://pic1.16xx8.com/allimg/121113/161P03N5-64.jpg
<p align="center"> http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg
页:
[1]