当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

图标设计,用PS绘制胶囊为主要元素的拟物图标

来源:飞特网 作者:何毛蛋 学习:22725人次

本篇教程通过PS绘制一款拟物的胶囊图标,教程主要是胶囊细节的绘制手法,创意的原图来自于Insfire Studios, 他新奇的创意和极致的细节,所以临摹了这个拟物图标,同学们一起来制作一下吧。

效果图:

图标设计,用PS绘制胶囊为主要元素的拟物图标_www.16xx8.com

操作步骤:

首先这是一个拟物ICON,为了能够把细节坐做好,以及遵循ICON的设计规范,我们这边先新建一个尺寸2048*1500,分辨率72的画布。给初始图层填充色值为:32c5f0。然后使用形状在画布中间绘制一个大小为1024*1024,圆角为180的正圆角矩形,色值为:fcfcfc,并将其命名为【底板】

图标设计,用PS绘制胶囊为主要元素的拟物图标_www.16xx8.com

接下来继续绘制整个“药丸”底部的形。依旧使用形状工具里边的圆角矩形,分别依次绘制下面圆角矩形,数值图也是按顺序的。两者色值分别为:eeeeee、f4f6f7。

图标设计,用PS绘制胶囊为主要元素的拟物图标_www.16xx8.com

图标设计,用PS绘制胶囊为主要元素的拟物图标_www.16xx8.com

  1、泡罩粘合处                                                                                                             2、泡罩

接下来我们来绘制胶囊主体的形。绘制新的圆角矩形,命名为:【胶囊主体】,大小圆角如下。色值无所谓。

图标设计,用PS绘制胶囊为主要元素的拟物图标_www.16xx8.com
www.16xx8.com

接下来使用Ctrl+J复制两层【胶囊主体】,并分别命名:【胶囊蓝】,【胶囊_紫】。色值随意填充两个相对应的颜色让我们接下来的细化方便操作。在这里【胶囊_蓝】,【胶囊_紫】都需要进行布尔运算的操作。【胶囊_蓝】需要在其右侧,使用矩形形状工具按住Alt键拖动,达到如下效果,【胶囊_紫】则方向相反。需要注意的是,两者都需要在中间留一点空隙。

图标设计,用PS绘制胶囊为主要元素的拟物图标_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
2019-05-05 06:49
32个赞
巴扎嘿2018-06-03 12:50
非常好
无语2018-02-17 12:57
谢谢分享<流汗>
依旧是小哦2018-02-16 12:57
回复一下
阡陌大地2018-02-15 11:01
好东西啊啊啊啊啊
征东平西将军2018-02-15 09:17
谢谢分享
哈哈的羊x2018-02-15 03:38
努力学习
王累大虾2018-02-15 10:54
6666666
可爱的钻石女孩2018-02-15 02:56
签到
新清风猪影2018-02-15 02:53
收益
CF爱好者恩2018-02-15 02:53
打卡

关注大神微博加入>>

网友求助,请回答!