当前位置:首页>ps实例教程>ps网页设计>logo教程>教程内容

ps制作立体游戏应用图标设计教程(2)

来源:中国PhotoShop资源网 作者:Jeffrey  学习:12606人次

Stept1:这就是我们今天要一起绘制的“游戏中心”的图标啦。第一步咱们先把图标“宽衣解带”一下。这个图标主要可以分解为两个部分,一个“外框”和一个“游戏手柄”。

按此在新窗口浏览图片

Stept2:先用圆角矩形工具画出两个交叠的圆角立体矩形,这个就是我们外框的基本形了。接下来我们对其进行渐变着色。在圆角处添加高光,使得整个立体图形更加自然圆滑,同时在明暗区分较强颜色区隔处增加1px的高光边线,使得图标更显质感。

按此在新窗口浏览图片

Stept3:我们开始绘制暗底区域的高光,这边值得注意的是,我们绘制的高光区域要在暗底选中区域的基础上内收缩1px,使得高光区与暗底间存在明显的间隔,同时为了使绘制的高光区更有色感,我们要进行“二次混合模式叠加”,第一次使用“叠加”的混合模式,第二次则使用“滤色”的混合模式。为了使绘制的高光区更富有质感,我们在原有的高光区基础上,添加1px的高光亮边,这么一来,图标就更晶莹剔透咯。

按此在新窗口浏览图片

Stept4:接下来我们开始绘制右下角的蓝色游戏标签。简单的蓝色侧45度渐变便可完成基本型配色,但是为了锦上添花,我们需要在蓝色渐变的基础上加上与高光区同向的高光亮边,绘制方法与之前提到的绘制高光区域的方法一致,同样需要“二次混合模式叠加”。接下来添加“GAME”的文字,效果使用渐变+投影即可,值得注意的是,渐变色区隔不要太大,淡淡的即可,投影选择黑色“正片叠底”,距离1px,大小2px即可。同时在暗底上层加上蓝色的高光,便可给图标带来不一样的剔透质感。

按此在新窗口浏览图片

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
酷酷的阿阳2018-05-28 12:52
加油
东临碣石2018-03-11 02:23
不错 。。。。。
淋雨一直走2017-05-28 08:22
真是好帖子
淋雨一直走2017-05-28 08:22
真是好帖子
豫剑少林2017-05-28 08:40
不错 。。。。。
豫剑少林2017-05-28 08:40
不错 。。。。。
初遇hope2017-05-28 07:48
老师真厉害,多向老师学习。
初遇hope2017-05-28 07:48
老师真厉害,多向老师学习。

关注大神微博加入>>

网友求助,请回答!