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

2016-03-18 07:02 74 1 收藏

今天图老师小编给大家精心推荐个Photoshop绘制逼真的任天堂WII游戏机教程教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - PS 】

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

最终效果

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

第一步

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

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

画一个矩形形状。

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

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

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

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

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

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

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

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

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

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

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

第二步

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

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

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

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

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

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

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

(www.tulaoshi.com)Photoshop绘制逼真的任天堂WII游戏机,图老师

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

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

第三步

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第四步

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

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

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

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

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

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

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

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

“圆#1”应该是这个样子。

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

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

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

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

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

“圆#2”应该是这样的。

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

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

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

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

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

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

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

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

第五步

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

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

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

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

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

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

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

设置完成后如下图所示。

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

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

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

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

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

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

屏幕的最终效果如图所示

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

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

第六步

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

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

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

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

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

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

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

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

你应该有这样的事情。

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

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

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

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

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

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

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

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

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

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

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

创建X,Y,B,A按钮

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

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

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

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

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

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

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

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

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

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

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

创建小喇叭

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

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

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

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

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

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

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

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

创建“电源”按钮,LED和MIC

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

创建主键

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

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

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

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

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

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

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

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

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

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

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

最终效果图

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

结论

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

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

 

来源:http://www.tulaoshi.com/n/20160318/1875075.html

延伸阅读
标签: PS PS基础
最终效果 1、新建大小适当的文档,背景填充黑色。新建图层,用钢笔勾出果实轮廓选区,加上简单的渐变后,用柔角画笔把果实边缘涂上高光,过程如下图。 2、新建图层,给果实的局部添加高光。然后合并整个果实图层,再复制,对副本执行:滤镜 扭曲 玻璃,数值自定。 3、新建图层,给果实加上简单的水珠,方法自选,做好一滴水珠...
标签: PS PS基础
最终效果 1、新建一个900 * 750像素的文件,选择渐变工具,颜色设置为灰色至深灰色如图1,拉出图2所示的径向渐变作为背景。 2、新建一个组,用钢笔勾出鸡蛋的轮廓,转为选区后给组添加图层蒙版,如下图。 3、在组里新建一个图层填充橙黄色:#D6AF5E,作为底色。 4、新建一个图层,用钢笔勾出底部暗部大区块的选区,羽化35个...
标签: PS PS教程
本文由 中国 sooo 收集整理,转载请保留此信息! 先看下最终效果 所需素材如下 [next] 步骤比较多,不过应该算较简单的步骤,有耐心的看下去哈 1.打开纹理(62) 2.图层,新建,组 3.组名称为:基本图形 4.新建图层1,用圆角矩形工具做一个路径,有关参数可以参考我的 [next] 5用钢笔工具和直接选...
PS绘制逼真的游戏战龙教程 教程最终效Tulaoshi.Com果 详细绘制教程 PS绘制逼真的游戏战龙教程(2) 完成最终效果

经验教程

320

收藏

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