Photoshop绘制逼真的任天堂WII游戏机

2016-02-16 02:06 10 1 收藏

图老师小编精心整理的Photoshop绘制逼真的任天堂WII游戏机希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - PS 】

新的任天堂WiiU已经上市。现在,您可以使用这个详细的教程在Photoshop中创建属于您自己的WiiU。本教程由于有大量的细节设置,所以需要花费两到三个小时才能完成。

最终效果

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

第一步

创建一个新文件(Ctrl + N)1920×1290像素,颜色可随便设置。选择圆角矩形工具(U)形状图层和半径为200像素的路径类型。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

画一个矩形形状。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

然后按照如下参数设置图层样式

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

WIIU外观基本搞定,我们把该层命名为基础层。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

现在我们要设置基础图层的阴影。复制WIIU基础层,然后把复制的图层放在原图层的下方。右键单击复制的图层,然后选择清楚所有样式。接着双击矢量蒙版,并将其颜色改为:#000000

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

然后执行命令滤镜模糊高斯模糊。此步骤操作中会提示是否栅格化图层,选择是。高斯模糊的参数设置:模糊大小为4个像素

第二步

选择钢笔工具(P),然后在的WiiU层下面的一层创建一个形状像下面的图片。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

创建完成后,复制图层,执行命令编辑变换水平翻转。移动(Ⅴ)的复制形状,到右侧的基本形状。一旦定位,添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

左右按钮最终效果如下图所示。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

第三步

选择圆角矩形工具(U),然后在中间的WiiU上拖曳出一个体面的大小的矩形,然后选择椭圆工具(U),并添加一个椭圆形的中心矩形。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

圆角矩形添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

椭圆添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

矩形和椭圆应该是这个样子。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

现在,我们需要建立的摄像头,通过许多图层来实现摄像头的制作。每个图层都比下面的图层小,如果你复制的圈层,然后按住键盘上的Shift和Alt,而在自由变换模式(Ctrl + T)的圈子将调整从中间而不是从在您拖动锚点。使用椭圆工具(U)新建足够多的圆。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

添加颜色叠加,圆#1层,使用下面的设置。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

圆#2中添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

终于到了最后一圈,添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

完整的照相机镜头如下图。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

现在选择钢笔工具(P),勾画如下图所示的路径。请确保路径是一个新的图层并且在摄像头圈层的下方。

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

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

创建好路径后,用白色#FFFFFF填充路径,执行命令滤镜模糊高斯模糊,模糊它。模糊量应约4-5PX。一旦你已经添加的高斯模糊,将需要删除多余的像素。选择圆角矩形图层载入选区,然后进入选择反选,并按下删除键。最后,设置不透明度为15%左右。高光部分就设置完成,现在立体感是不是很强了。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

第四步

选择椭圆工具(U),然后在左侧的WiiU基地创建3彼此的顶部上的圆圈,每圈需要减小大小。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

3圈将弥补摇杆,最大的圆(Circle排名第1),添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

圆#1应该是这个样子。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

现在,添加下面的图层样式圆#2。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

圆#2应该是这样的。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

最后完成的摇杆添加下面的图层样式圆#3。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

完成后复制组放到右边的对应位置。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

第五步

选择圆角矩形工具(U),一个半径为10px的。拖出屏幕的中间的WiiU基地的。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

一旦你创建的矩形添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

设置完成后如下图所示。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

再次使用圆角矩形工具(U)创建一个矩形,略小于刚刚的图层。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

现在,添加下面的图层样式到第二个矩形。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

屏幕的最终效果如图所示

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

第六步

选择圆角矩形工具(U),设置半径约15 - 20个像素。下方的左摇杆上的左侧的WiiU基地拖出一个垂直的矩形。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

同时按住键盘上的Shift键再次拖出一个矩形(水平方向)。按住Shift键的形状会自动添加矢量蒙版。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

新成立的形状添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

你应该有这样的事情。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

接下来,再次创建上面所述的形状,略小于上一个形状。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

给较小的形状添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

使用矩形选框工具(M)在每个按钮中间位置添加一个小矩形。使用颜色#9e9fa3填充(G)矩形,最终按钮看起来应该类似下面的图片。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

创建X,Y,B,A按钮

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

选择椭圆工具(U),然后创建4个圆形按钮,在右侧的右摇杆的下方。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

每个按钮添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

每个圆圈内加字母X,Y,B,A使用类型的工具(T)。一旦你已经添加了字母,每一个字母添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

创建小喇叭

在底部的WiiU,我们需要创建几个项目,第一个是扬声器。只需选择圆角矩形工具(U),半径约50像素。创建两个小矩形的任一侧,在屏幕下方的WiiU。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

对于每一个扬声器矩形添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

创建电源按钮,LED和MIC

由于所有项目的标题指出了这一步,所有使用椭圆工具(U),我们将创建在一个步骤中。创建3个圈到右置扬声器,两个小的相同的大小和一个更大的圆。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

MIC圈中添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

LED圆添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

电源按钮添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

创建主键

使用椭圆工具(U)创建3圈,左侧的MIC圈。两个圆圈应该是相同的大小与一个更大的一个在中间。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

一旦已创建了3圈,添加下面的图层样式。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

最后,按钮应该是这样的。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

完成按钮的标签和图标按钮区域。

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

最终效果图

Photoshop绘制逼真的任天堂WII游戏机,PS教程,图老师教程网

结论

感谢您的参与本教程,如果你成功地完成本教程中,教程盒子是很期待看到大家的作品。

希望你喜欢本教程,如果有什么建议可以给我们提出。

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

延伸阅读
标签: PS PS基础
最终效果: 步骤 1 新建文档(Ctrl+N),设置分辨率300dpi。 然后新建一个图层(Ctrl+Shift+N)命名为背景。 步骤 2 给背景图层填充灰色,色值:C:0% M:0% Y:0% K:40%; 步骤 3 新建图层,命名为蛋壳,用椭圆图形工具(译者注:注意是绘制路径模式)创建一个椭圆路径。 步骤 4 按下Ctrl+T(自由变换工具),如下图所示,进行扭...
标签: PS PS基础
香烟构成非常简单,也非常适合新手练习。重点:学习一些组合图形的绘制方法;用图层样式来增加质感;细节部分的简单刻画等。 最终效果 1、新建大小自定文档,背景填充暗灰色。新建图层,没用矩形工具,椭圆工具画出香烟的外形。 2、用直线工具画出香烟上的纹理。 3、选择香烟嘴的图层,在香烟嘴图层用椭圆工具画出一个椭圆,为方便...
11种网页常用质感纹理填充图案 3,新建图层,创建矩形,添加图层样式,如图; 4,再建立如图所示的蓝色矩形,添加图层样式,如图; 5,画上两条高度为1像素的白色线条,将两条白色线条放在如图所示的位置; 6,绘制尺子上的刻度,绘制黑线,白线各一条。更改图层模式为叠加,如图所示; 7,将线条复制,形成尺子上的刻度,如图; 8...
标签: PS PS基础
先看看效果图   我是刚开始学习数字绘画,对于我来说还有很多东西要学习。我认为这次是一个锻炼我对细节注意的一个很好的机会,我还在学习一些技巧。这并不是一步一步的教程,主要是我的一个技术讲解。 我通常用粗一些的白线在背景上进行轮廓绘制,然后我简单的上一些颜色和细节,知道我想出来一个大概的色调。(图01、02) 图01 ...
标签: PS 音响 PS基础
先看看效果图 Step 1. 打开Photshop, 文件-新建,大小为500*500像素 Step 2. 新建图层1,绘制一个大小沾满画布的矩形,选择渐变工具(G),在上方的选项栏里选择,径向渐变。 Step 3. 新建图层2,使用圆角矩形工具,半径为10Px 添加图层样式 Step 4. 新建图层3,得到图层2的选区,在选区范围内打开图案 羊皮纸3 ...

经验教程

251

收藏

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