欢迎来到山村网

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

2019-03-15 15:33:12浏览:832 来源:山村网   
核心摘要:  新的任天堂WiiU已经上市。现在,您可以使用这个详细的教程在Photoshop中创建属于您自己的WiiU。本教程由于有大量的细节设置

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

  photoshop教程最终效果

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

  第一步

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

step01

  画一个矩形形状。

step02

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

step03
step04
step05
step06

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

step07

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

step08

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

  第二步

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

step10

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

step11
step12
step13
step14

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

step15

  第三步

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

step16

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

step17
step18
step19
step20

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

step21
step22
step23
step24
step25

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

step26

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

step27

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

step28

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

step29
step30
step31

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

step32
step33

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

step34

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

step35

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

step36

  第四步

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

step37

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

step38
step39
step40
step41
step42

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

step43

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

step44
step45

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

step46

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

step47
step48
step49
step50

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

step51

  第五步

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

step52

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

step53
step54
step55
step56

  设置完成后如下图所示。

step57

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

step58

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

step59
step60

  屏幕的最终效果如图所示

step61

  第六步

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

step62

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

step63

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

step64
step65
step66

  你应该有这样的事情。

step67

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

step68

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

step69
step70
step71
step72
step73

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

step74

  创建X,Y,B,A按钮

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

step75

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

step76
step77
step78
step79

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

step80
step81
step82

  创建小喇叭

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

step83

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

step84
step85
step86
step87

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

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

step88

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

step84
step85
step86
step87

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

step89
step90

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

step91
step92
step93
step94

  创建主键

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

step96

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

step91
step92
step93
step94

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

step97

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

step98

  最终效果图

result_big1

  结论

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

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

  本教程来源:http://designfestival.com

(责任编辑:豆豆)
下一篇:

PS简单绘制滑动的开关按钮

上一篇:

Photoshop打造高光立体三角形图标

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com