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

效果图:

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

操作步骤:

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

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

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

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

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

  1、泡罩粘合处                                                                                                             2、泡罩

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

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

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

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