欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ai怎么设计简约可爱风格的MBE图标?

程序员文章站 2022-04-30 21:08:55
ai怎么设计简约可爱风格的MBE图标?ai中想要设计一款看上去简洁、圆润、可爱的图标,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下... 17-08-30...

今天我们就来看看使用ai绘制简约风格的mbe图标的实例教程,请看下文详细介绍。

一、认识mbe风格

这类风格目前的运用之广泛,只要大家都在关注各大网站或app的界面,就会发现这一趋势。但就只是表面的对元素的借用和拼装,其实并不能完全学会这一风格。

mbe风格的特点我们刚刚已经讲到了,是简洁圆润可爱,一个个看来如下:

1、一般是以粗而圆的线条勾勒轮廓,这一点类似于简笔画,也类似于单线条画。其线条粗细适中,越粗的线条在表现力方面会越接近可爱感,线条的转折过渡很圆润,几乎看不到尖锐的直角。

ai怎么设计简约可爱风格的MBE图标?

2、填色方面的特点非常明显,填色的色块要偏移原有轮廓一些,以此来塑造高光和阴影效果。再填色色块和线条所形成轮廓之间的偏移所形成的白色会成为一道高光留白,而相对的一方则是阴影。

ai怎么设计简约可爱风格的MBE图标?

3、配色是简单的橙色、黄色、蓝色,以高饱和度的亮色为主,表现鲜明可爱的特点。适当时候在这个色彩上进行强弱变化,以体现色彩的层次。

ai怎么设计简约可爱风格的MBE图标?

4、线条大多采用一定的“断线”处理,并运用圆点增加线条的丰富感。

ai怎么设计简约可爱风格的MBE图标?

5、如果作为插画运用,大都增加许多几何状小装饰。我们把这些小装饰分别命名为“十字形”、“烟花形”、“小圆点”和“小圆圈”,它们以一种随机分散的状态点缀在主题周围。当然,如果用于图标的话,这个装饰会显得累赘。

ai怎么设计简约可爱风格的MBE图标?

另外,还有其他的特征,比如水平线的存在,以及物体对象的拟人表情。但我个人觉得这些并非一定的要件,可以适当增删。通过了解了这些造型特征,才会知道,看上去简单的风格,实质上并不简单。接下,让我们实际动手来个现场感受。

二、绘制轮廓线

step 01、打开ai,新建一个800*1000px的文档。在文档中进入【编辑>首选项>参考线和网格】这一栏中,设置好相应的网格。网格线间隔为20px,次分割线为5,当然,这个并不绝对。

ai怎么设计简约可爱风格的MBE图标?

step 02、根据我们要创作的主题是“刷子”,绘制轮廓线前可以在草稿上画一画,大致有个轮廓定型后再开始绘制。绘制的线条为18px,色彩为略带蓝的深黑色#22334f

这个世界上所有的物体都可以用这些几何体组合而成。刷子的轮廓基础形利用圆形、圆角矩形等几何工具简单进行组合即可。

ai怎么设计简约可爱风格的MBE图标?

三、断线的艺术

step 01、断线是这一风格最为显著的特征,断线处理可以增加线条的丰富感,甚至产生一定的光影感觉。这在线条画中是常常会用到的。先选中所有对象,利用形状生成工具,删掉多余的线条。删掉以后就剩下一个外轮廓,再通过直接工具或钢笔工具增加相应的线条,以表现足够简洁又清晰的刷子的形象。

这里的线条要注意工具栏上方的“描边”,点开其描边参数面板,端点和边角都选择圆角。

ai怎么设计简约可爱风格的MBE图标?

step 02、在水平和垂直方向的线条可以采用“直接选择工具”对路径的锚点进行调整,而圆弧形的路径,则可以采用剪刀工具或钢笔工具

ai怎么设计简约可爱风格的MBE图标?

以上是线体的部分,我们就完成了。接下进入填色的环节。

四、三色配色