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

Photoshop绘制一个复古的游戏手柄

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

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

本教程主要使用Photoshop设计立体复古风格的游戏手柄,主要使用形状工具和图层样式来完成,喜欢的朋友让我们一起来学习吧。

我们将要创建的效果

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

创建手柄的基本形状

新建一个800 x 600像素的新文档(Ctrl+N),任意填充一个背景颜色。选择椭圆工具(U),在工具属性栏中选择形状图层,画出一个中等大小的圆形。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

在图层面板中选择形状图层的矢量蒙版,椭圆工具选中的状态下,按下键盘中的加号键,这样会将形状添加到形状图层中,然后在另外一边画一个小一点的圆形。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

接下来选择矩形工具(U),按下键盘中的加号键,画一个矩形,将两个圆形连起来。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

接下来,再次使用椭圆工具(U)在前面创建的圆形之内再创建两个圆形。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

现在选择圆角矩形工具创建一个小的圆角矩形。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

圆角矩形创建好了之后,按下”Ctrl+T”对此形状进行自由变换。按住Shift键逆时针方向转动直到它第二次定位。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

复制矩形图层,将其放置在合适的位置。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

创建底座

选择底座图层,给其添加如下图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

你的底座图层应该类似于下图的样式。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

 

接下来我们要让剩下的4个元素看上去有凹陷的效果。给两个圆形和矩形添加如下图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

现在你应该得到如下图所示的效果。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

完成底座

我们接下来完成游戏手柄的底座部分。我们从添加另外一个真实的阴影开始。复制底座图层,然后在图层面板中的图层缩略图上点击右键,选择清除图层样式。然后给该图层添加一个黑色的颜色叠加。

接下来我们给该图层添加动感模糊效果。选择滤镜>模糊>动感模糊,然后使用如下设置。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

将阴影的不透明度设置在30%左右,然后将阴影向下移动,直到手柄的上部边缘看不到阴影。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

我们接下来创建连线。首先选择矩形工具在手柄的顶部创建一个小的矩形。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

给矩形图层添加斜面和浮雕图层样式。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

接下来是连线,选择钢笔工具,创建一条曲线路径。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

 

曲线路经创建好之后,选择笔刷工具,将其设置为1至2个像素的硬笔刷,然后选择钢笔工具,在画布上右击,从菜单中选择”描边路径”。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

现在给它添加图层样式完成连线的创建。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

你应该得到如下图所示的效果。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

完成左边的面板

选择圆角矩形工具(U),将半径设置为15至20像素,然后画一个垂直的矩形。

Photoshop绘制一个复古的游戏手柄,PS教程,站长图库

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

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

相关文章

  • 网站推广最全的解释
  • phpmyadmin如何重置密码?
  • 宝塔面板数据库占用磁盘过大怎么办?
  • PHP中fopen()函数的使用(附代码示例)
  • PhotoShop制作滚动渐隐文字GIF动画教程
  • 深入了解PHP中的序列化和反序列化
  • 简单聊聊Redis中GETBIT和SETBIT
  • Laravel Excel 的五个隐藏功能
  • 插件highcharts在thinkphp中的使用
  • 什么是事件循环?详解Node.js中的事件循环

文章分类

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

最近更新的内容

    • 飞飞CMS后台密码是什么?忘记了怎么办?
    • VUE动态添加的路由页面刷新时失效的原因及解决方案
    • JS canvas实现画板和签字板功能
    • 如何优化jQuery性能?优化方法汇总
    • ThinkPHP5分页paginate代码实例解析
    • Photoshop多边形套索工具无法闭合BUG(单击,双击,Esc,回车)均无效的解决办法
    • 浅析Vue中hash路由和history路由的区别
    • 如何禁用WordPress 5.5+内置的图片延迟加载功能
    • 给dedecms增加二维码功能
    • 让padding、border等不占据高宽度的方法

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

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