游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标

来源:学UI网 作者:西湖鱼 学习:18309人次

本篇的图标教程是通过PS来制作一款时下最流行的游戏《纪念碑谷2》的游戏图标,华丽又清新,通过它来练习钢笔工具和学习绘制扁平插画游戏图标的思路,喜欢的同学们一起来学习下吧。

效果图

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com
www.16xx8.com

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

1、新建画布,尺寸512*512,分辨率72ppi。用圆角矩形工具绘制一个圆角为90px的512*512的圆角矩形。给圆角矩形添加图层样式如图。

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

2、用椭圆工具绘制颜色为#ffffff的8px正圆,并复制十余个,改变部分圆的透明度,达到图a的效果。

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

1、分析出柱体的俯视图,这样更容易明白图标中柱体应如何绘制。八芒星柱体的俯视图如下,由两个正方形组合而成。

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

2、根据俯视图开始绘制柱体。仔细观察图a和图b,发挥空间想象力,根据数字提示看看怎么由图b得到图c的。

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

新建70*150的矩形,得到图c的矩形3。

新建50*150的矩形,自由变换斜切30°,得到图c的矩形2。

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

矩形5与矩形8受光程度不同,因此颜色不一。只要绘制出图c的矩形2和矩形3,通过水平变换和移动位置就可以得到图c。

3、用钢笔工具沿着柱体顶点画出部分八芒星,随后添加图层样式渐变叠加,参考数值如下:

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

添加图层蒙版擦除部分区域,实现近实远虚的效果。

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

记得关闭第二步中的矩形1与矩形7的图层显示,八芒星中擦除过的部分不透明度降低,不关闭显示则会影响八芒星的颜色效果。擦除效果接近图d即可。

4、绘制八芒星描边。按住键盘上的 Ctrl 键,鼠标单击八芒星图层的缩略图得到选区。

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

得到八芒星的选区后,选中选框工具(快捷键M),在选区内单击鼠标右键选择“变换选区”。

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

选区变换大小如图作参考

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

接着新建图层,即可激活描边选项。随后添加图层蒙版擦除部分区域。

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

以同样的步骤绘制颜色为#82b3ff的2px描边,以及16px的渐变描边,渐变叠加参数如下图。完成效果参考如图e。

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

1、小艾达可拆分如图:

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

① 用AI的形状生成工具绘制而成

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

游戏图标,用PS打造火爆游戏纪念碑谷的游戏图标_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
秃头小宝贝儿2020-12-14 03:33
我的作业:是这个

1537965792020-12-14 11:20
多谢您的分享。
秃头小宝贝儿2020-12-11 05:21
ICOIN

草木皆兵12018-11-15 01:09
太棒了
豹猫oO2018-11-15 09:28
喜欢
林子2018-11-15 09:00
赞一个
丨繁花灬落叶2018-03-06 11:32
纪念碑谷的游戏图标我的作业:
随意2018-01-13 03:26
我的作业:
椰子2017-11-07 10:17
一个女的和一个男的相亲,女的问:"我性格特别不好,不会做家务,爱发脾气,乱花钱还很任性,你能接受我吗?"男的憋了半天问了一句话:"你...你扛不扛揍呢?
八号风暴2017-11-07 10:04
感谢分享
昵称为鱼2017-11-07 06:56
太厉害了学不来
zhangduo2017-11-07 04:07
很是喜欢
天朝城管帝2017-11-07 05:07
好东西,必学。

关注大神微博加入>>

网友求助,请回答!