欢迎来到福编程网,本站提供各种互联网专业知识!

Photoshop绘制任天堂Wii游戏手柄

发布时间:2013-03-16 作者:学而知 来源:互联网
将介绍如何使用Photoshop绘制新款任天堂WiiU游戏手柄,本PS教程属于Photoshop中级教程,游戏迷们可以跟着练习一下,下面先看看最终效果图吧!最终效果图photoshop教程图00第1步在Photoshop中建立如下图所示的新文件图01第2步使用圆角矩形工具(快捷键U),设定圆

将介绍如何使用Photoshop绘制新款任天堂Wii U游戏手柄,本PS教程属于Photoshop中级教程,游戏迷们可以跟着练习一下,下面先看看最终效果图吧!

最终效果图

Photoshop绘制任天堂Wii游戏手柄 全福编程网

photoshop教程图00

第1步

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

PS教程:Photoshop绘制任天堂Wii U手

图01

第2步

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

PS教程:Photoshop绘制任天堂Wii U手

图02

PS教程:Photoshop绘制任天堂Wii U手

图03

PS教程:Photoshop绘制任天堂Wii U手

图04

第3步

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

PS教程:Photoshop绘制任天堂Wii U手

图05

PS教程:Photoshop绘制任天堂Wii U手

图06

PS教程:Photoshop绘制任天堂Wii U手

图07_ueditor_page_break_tag_

第4步

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

PS教程:Photoshop绘制任天堂Wii U手

图08

PS教程:Photoshop绘制任天堂Wii U手

图09

PS教程:Photoshop绘制任天堂Wii U手

图10

第5步

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

PS教程:Photoshop绘制任天堂Wii U手

图11

PS教程:Photoshop绘制任天堂Wii U手

图12

PS教程:Photoshop绘制任天堂Wii U手

图13

第6步

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

PS教程:Photoshop绘制任天堂Wii U手

图14

第7步

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

PS教程:Photoshop绘制任天堂Wii U手

图15_ueditor_page_break_tag_

第8步

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

PS教程:Photoshop绘制任天堂Wii U手

图16

PS教程:Photoshop绘制任天堂Wii U手

图17

第9步

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

PS教程:Photoshop绘制任天堂Wii U手

图18

PS教程:Photoshop绘制任天堂Wii U手

图19

PS教程:Photoshop绘制任天堂Wii U手

图20

PS教程:Photoshop绘制任天堂Wii U手

图21

第10步

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

PS教程:Photoshop绘制任天堂Wii U手

图22_ueditor_page_break_tag_

PS教程:Photoshop绘制任天堂Wii U手

图23

第11步

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

PS教程:Photoshop绘制任天堂Wii U手

图24

PS教程:Photoshop绘制任天堂Wii U手

图25

第12步

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

PS教程:Photoshop绘制任天堂Wii U手

图26

PS教程:Photoshop绘制任天堂Wii U手

图27

PS教程:Photoshop绘制任天堂Wii U手

图28

PS教程:Photoshop绘制任天堂Wii U手

图29

相关推荐