今天撰写了一个教程，是关于制作在追波上极为火爆的描边小图标，此教程十分简易，主要是期望能对新人有所助益，这类小图标学了后针对制作 APP 引导页而言效果颇为不错，本人同样是处于学习之中的新人，期望一边学习一边进行总结，也期望各位能够给予诸多包涵。

是追波上MBE大神起始设计的那种图标风格为描边图标，随后便引发了一股时尚风潮。

下面是一些截图：

www.16xx8.com

在绘制之前，我们先分析并总结一下上面图标的特点：

1. 图形的那种外观，是围绕着深色的那种描线的，这深红色的描线其实也能够说成是描边，且这个描线和图形，会偶尔出现错位分开的情况。

2.描边有断线

3.图形为线条，线条显得平常简单，线条比较往圆润的方向，线条基本上全是圆角，由于图形线条是这般，致使图形绘制起来轻松容易，而且图形模样十分可爱，可爱到了十分萌萌哒的地步。

4.色泽比较鲜艳大胆，几乎都是明亮色，明黄色，蓝色为主。

了解了描边小图标的特点，那么下面我们就开始讲如何绘制了。

绘制工具：AI,PS 。这里就用PS来举例。

开始绘制萌萌哒小雪糕

啦。

第一步，打开PS，第二步，新建画布，其尺寸为800*600，第三步sketch标注插件，将其命名为描边小图标，第四步，再把它命名为小雪糕，要知道随时进行命名这件事可是一种很不错的习惯呢。

用矢量矩形工具，绘制出雪糕的外形，尺寸自行决定，我这里采用的是W200*H260 ，上面的圆角是100px ，下面的圆角是40px ，描边为10像素 ，颜色是黑色。要注意 ，这里描边的风格应当选择第二个居中描边 ，端点和角点通常选择圆角形式 ，给雪糕描边进行命名，如有不清楚的情况 ，请看下图。

步骤一：复制雪糕描边图层，步骤二：将新图层命名为雪糕，步骤三：针对于此雪糕图层，要关掉描边，又要打开填充，步骤四：为其填充蓝色，步骤五：把雪糕图层放置在雪糕描边图层下部，步骤六：将蓝色雪糕图层朝右移动20像素，此时效果如下：

4：这一步要做出描边断线的效果，先将鼠标移至雪糕描边图层并选中它，点击小白工具也就是直接选择工具，此时会出现锚点和路径 ，在这里我们要先做一小段，接着点击钢笔工具来添加一些锚点，添加锚点的数量需依据实际情形来确定，至少要有3个以上的锚点，随后用小白工具选中中间的锚点并按下删除键，如此效果就呈现出来了，描边被分开了，其他的几段按照同样的方法操作，效果如下。

启用椭圆工具来绘制眼睛，将描边关闭并开启填充，且用以黑色进行填充，着手画眼睛，此步骤就不再过多阐述了，因为十分简单，得留意大小尽可能采用偶数呀，这里所采用的是16*16px。

6：用矢量工具画上嘴巴和舌头

用上基于运算的布尔的加减，来处理嘴巴，绘制出一个椭圆，其大小按照实际情况去确定，尽可能地保证所有绘制都采用偶数。

接着，在同一个图层当中，绘制出一个矩形，运用减去顶层形状的操作，留意，务必得和椭圆处于同一个图层。

首先，在同一个图层之上，添加一个圆角矩形，于此，所选择的乃是合并形状。

舌头直接画个椭圆就好了就不多说啦，嘴巴就画好了。

首先，打开描边功能，同时，填充功能也要打开，接着，运用矩形工具，就是那个可以调整矩形下面左右圆角度数的工具，去绘制雪糕棒，展现出来的样子如同图中所示：

给雪糕添加投影，其方法是，复制雪糕图层，将复制图层大小按照如图路径予以调整，并且添加内阴影。

将内阴影进行调整，其颜色设定为深蓝色，选取的角度是20，距离这个数值为34，阻塞的数值是0，大小所设为0，图像呈现如下模样：

9：然后就是画上一些小修饰物就大功告成啦

是不是很简单呢sketch标注插件，熟练了，5分钟就搞定哦。

1、需要本套教程素材和各种牛B插件的同学可以咨询客服微信

第二点，免费给予Ae，Pr，Ed，Ps，Ai，Fl，Dw，Cad，Cdr，Id，会声会影，word，ppt，excel，3Dmax，Maya，500G教学视频以及软件呐，添加微信就能获取哦。

3、想系统学习影视后期设计制作各种软件技巧的同学请加微信

如有侵权请联系删除！