• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Photoshop绘制任天堂Wii游戏手柄

Photoshop绘制任天堂Wii游戏手柄

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了等相关知识,希望对您有所帮助

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

最终效果图

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图00

第1步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图01

第2步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图02

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图03

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图04

第3步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图05

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图06

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图07

第4步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图08

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图09

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图10

第5步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图11

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图12

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图13

第6步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图14

第7步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图15

第8步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图16

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图17

第9步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图18

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图19

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图20

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图21

第10步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图22

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图23


第11步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图24

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图25

第12步

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

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图26

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

图27

Photoshop绘制任天堂Wii游戏手柄,PS教程,思缘教程网

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • Ember.js和Vue.js对比,哪个框架更优秀?
  • PHP高并发实例详解之解决商品库存超卖问题
  • PHPcms v9安全教程:修改phpcms根目录下的phpcms目录名称
  • 解决sqlServer使用ROW_NUMBER时不排序的方法
  • 长尾关键词挖掘的技巧,你知道吗?
  • Nodejs路由可通过什么模块实现的
  • 宝塔面板一键部署wordpress,网址打不开怎么办?
  • 对比一下Vue指令v-show 和 v-if,聊聊使用场景
  • Photoshop利用通道及滤镜制作放射光束
  • 浅谈小程序怎么实现“五星评价”功能(支持点击+滑动)

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 如何利用CSS制作一个聚光灯效果(附代码)
    • 在 MySQL 中 int (10) 和 int (11) 的区别
    • 帝国CMS二次开发领号发号功能开发思路
    • curl获取结果乱码的解决方法
    • 怎么忽略FTP登录来升级WordPress
    • WordPress文章列表 添加文章内图片数量展示!
    • 3个小时内网站被谷歌,搜搜,有道收录
    • Photoshop制作液化效果的火焰艺术字教程
    • PHP+jQuery+MySql实现红蓝投票功能
    • WordPress url链接去掉category的方法插件即可搞定

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有