优界网

首页 > 教程经验 > 教你用Photoshop绘制新款任天堂Wii U游戏手柄

教你用Photoshop绘制新款任天堂Wii U游戏手柄

67

0

0

2015-04-23 19:49:45

金龙

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

SDC翻茄匠: @我是一只小车
软件:Adobe Photoshop
版本:CS5
难度:中
完成时间:1.5-2h

最终效果

ninwii-final

第1步

Photoshop中建立如下图所示的新文件

ninwii-01

2

使用圆角矩形工具(快捷键U),设定圆角半径150-160px。绘制如下面第1图所示的圆角矩形,填充颜色#dee0df。然后添加图层样式(Layer Style)(2步,如下面第2、3图所示)。做完之后,复制图形并清除图层样式(Clear Layer Style),将复制图形的“填充(Fill)”设置为0,然后增加如下面第4图所示的图层样式。重新命名两个图层“Base”和“Base 1”。

ninwii-02
ninwii-021
ninwii-022
ninwii-023

第3步

建立新图层并将其置于前两个图层上方。选择钢笔工具(P),绘制手柄的边缘按钮(如下第1图)。应用如下第2、3图所示的样式

ninwii-03
ninwii-031
ninwii-032

4

对所有图层编组,命名为“Base”。创建新图层,选择椭圆工具(U),画一个小圆形填充颜色#dee0df,然后应用如下图所示的样式。

ninwii-04
ninwii-041
ninwii-042

5

复制上面的小圆形两次,将复制图层的“填充”值都设为0。将复制的第一个图层的样式清除,并应用如下面第1图所示的样式;对复制的第二个图层进行与上面相同的处理,添加样式如下第2图。最后,在圆圈上面写上字母“Y”(颜色:#959595,字体:Arial/Helvetica,字号:4pt)。

ninwii-05
ninwii-051
ninwii-052

6

把刚制作的“Y”按钮编组并命名为“Y”,复制该组3次,按下图所示的次序摆放。

ninwii-06

7

将上面的“Y”“X”“A”“B”编组,命名为“YXAB”。同样的方法制作组“+-”,如下图所示。

ninwii-07

8

创建新图层,使用圆角矩形工具(U)。设置圆角半径为5px,绘制如下两个图形(颜色#dee0df),并添加如下图所示的样式。

ninwii-08
ninwii-081

9

画两个圆,合并两个图形并应用以下样式。

ninwii-09
ninwii-091
ninwii-092
ninwii-093

10

复制刚刚制作的十字形,将填充设置为0。添加如下图所示样式,并绘制4条短线(颜色#959595)。

ninwii-10
ninwii-101

11

将上面第8-11步的图层编组,命名为“Cross”。现在开始制作游戏手柄的操纵杆了。创建一个新图层,选择椭圆型工具(U),绘制一个正圆,填充颜色#deeodf,将填充值设置为0,并应用下面所示的图层样式。

ninwii-11
ninwii-111

12

复制上面的圆圈,清除已有的样式,将填充值设为0,并应用下面的样式。

ninwii-12
ninwii-121
ninwii-122
ninwii-123

13

再次复制该圆圈,将填充值设为0,清除已有样式,替换为如下所示样式。

ninwii-13
ninwii-131
ninwii-132

14

再次复制该圆圈,将填充值设为0,应用如下所示样式。

ninwii-14

15

最后一次复制该圆圈,将填充值设为0,应用如下所示样式。

ninwii-15

16

创建新图层,选择钢笔工具,绘制圆形并应用画笔描边(2px,颜色#dbdddc),然后添加如下所示样式。

ninwii-16
ninwii-161
ninwii-162

17

创建新图层,使用“soft round brush”,增加一些高亮点。将第11-17步的图层编组,命名为“Right analogue stick”。

ninwii-17

18

复制“Right analogue stick”组,放置于图片的另一边,重新命名为“Left analogue stick”。

ninwii-18

19

现在开始绘制屏幕了。选择矩形工具(U),绘制一个大的矩形(如下第1图所示)。然后将填充值设为0,应用下面的样式。

ninwii-19
ninwii-191

20

绘制另外一个矩形(颜色#ffffff),比上面的矩形略小,添加如下所示的样式。

ninwii-20
ninwii-201
ninwii-202

21

在屏幕上添加logo。将19-21步的图层编组,命名为“Screen”。到现在为止,大体的性状已经出来了。

ninwii-21

22

绘制一些圆形(一个黑色两个白色),来完成顶部的摄像头(你可以增加一些高亮点)。

ninwii-22
ninwii-221
ninwii-222
ninwii-223

23

创建一个新的图层,选择椭圆形工具,绘制一下小圆(颜色#282828),应用如下所示样式。

ninwii-23
ninwii-231
ninwii-232

24

复制上面的圆圈,并缩小(如下图所示红色圆圈)。将颜色填充为#84919a,清除已有样式,添加如下所示样式。

ninwii-24
ninwii-241

25

再次复制该蓝色圆圈,略微缩放该圆圈。清除之前的内阴影样式,替换为如下样式。

ninwii-25
ninwii-251
ninwii-252

26

最后,应用soft round brush添加高亮点。将22-26步的图层编组,命名为“Camera”。

ninwii-26

27

创建新图层,应用钢笔工具并使用描边(颜色#b7b7b7,画笔大小2px),绘制如下所示图形。

ninwii-27

28

创建新图层,选择圆角矩形工具,将圆角半径设置为10px,绘制一个非常小的圆角矩形。填充颜色为#000000,应用如下样式。

ninwii-28
ninwii-281
ninwii-282

29

复制上面的小圆角矩形,并将其置于对应的位置。最后,在左边添加logo。如下图所示。

ninwii-29

30

应用与上面相同的样式,绘制两个小圆圈(颜色#000000),并做相应的标注。如下图所示。

ninwii-30

31

将上面的图层编组,命名为“Lower parts”。然后建立一个新图层,绘制一个较大的圆圈,将填充值设为0,应用如下所示的样式。

ninwii-31
ninwii-311
ninwii-312
ninwii-313

32

用一个房子的图标装饰上面绘制的圆圈(这个圆圈实际上是Home键,房子图标可以从网上找到),并在图标下面做标注。

ninwii-32

33

复制第三十一步中的圆圈(保持填充值为0),清除已有样式,添加如下所示样式。

ninwii-33
ninwii-331

34

将31-33步的图层编组,命名为“Home”。然后创建新图层,绘制一个小的正圆,填充颜色为#deeodf,并应用如下所示的样式。

ninwii-34
ninwii-341

35

复制上面的圆圈两次,并将填充值都设为0,清除所有已有样式。然后对复制的第一个图层添加如下第一幅图所示的样式,复制的第二个图层添加下面第二幅图所示样式。

ninwii-35
ninwii-351

36

在上面的圆圈中添加I/O图标,颜色为#d1200e。并在下方添加文本。如图。

ninwii-36

37

创建新图层,应用圆角矩形工具(圆角半径为6px),绘制一个小的圆角矩形,填充颜色为#dee0df,重复步骤34-35。

ninwii-37
ninwii-371

38

添加装饰(TV,颜色:#079389,字体:Arial/Hekvetica,字号:3.5pt)。并在下方添加文本。如图。

ninwii-38

39

增加整体高光。打完收工。

ninwii-39

总结

教程至此结束。你可以增加一些很酷的背景让你的游戏手柄看上去更好,希望你会喜欢这篇文章。

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

  • 刚刚
  • 登录优界网 ×