PS设计教程网欢迎你!

Photoshop绘制任天堂Wii游戏手柄

文章来源于 PConline,感谢作者 优设 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2013-03-10
本教程主要使用Photoshop绘制逼真的任天堂Wii游戏手柄,本PS教程属于Photoshop中级教程,教程主要通过图层样式来完成手柄界面的设计,游戏迷们可以跟着练习一下,下面让我们一起来学习吧。

本教程主要使用Photoshop绘制逼真的任天堂Wii游戏手柄,本PS教程属于Photoshop中级教程,教程主要通过图层样式来完成手柄界面的设计,游戏迷们可以跟着练习一下,下面让我们一起来学习吧。

最终效果图

Photoshop绘制任天堂Wii游戏手柄

图00

第1步

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

Photoshop绘制任天堂Wii游戏手柄

图01

第2步

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

Photoshop绘制任天堂Wii游戏手柄

图02

Photoshop绘制任天堂Wii游戏手柄

图03

Photoshop绘制任天堂Wii游戏手柄

图04

第3步

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

Photoshop绘制任天堂Wii游戏手柄

图05

Photoshop绘制任天堂Wii游戏手柄

图06

Photoshop绘制任天堂Wii游戏手柄

图07

第4步

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

Photoshop绘制任天堂Wii游戏手柄

图08

Photoshop绘制任天堂Wii游戏手柄

图09

Photoshop绘制任天堂Wii游戏手柄

图10

第5步

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

Photoshop绘制任天堂Wii游戏手柄

图11

Photoshop绘制任天堂Wii游戏手柄

图12

Photoshop绘制任天堂Wii游戏手柄

图13

第6步

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

Photoshop绘制任天堂Wii游戏手柄

图14

第7步

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

Photoshop绘制任天堂Wii游戏手柄

图15

第8步

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

Photoshop绘制任天堂Wii游戏手柄

图16

Photoshop绘制任天堂Wii游戏手柄

图17

第9步

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

Photoshop绘制任天堂Wii游戏手柄

图18

Photoshop绘制任天堂Wii游戏手柄

图19

Photoshop绘制任天堂Wii游戏手柄

图20

Photoshop绘制任天堂Wii游戏手柄

图21

第10步

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

Photoshop绘制任天堂Wii游戏手柄

图22

Photoshop绘制任天堂Wii游戏手柄

图23

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa