我们本日就来一起学习一下这类风格,并且利用这类风格绘制一枚图标。
认识MBE风格
这类风格目前的利用之广泛,只要大家都在关注各大网站或APP的界面,就会创造这一趋势。但就只是表面的对元素的借用和拼装,实在并不能完备学会这一风格。
MBE风格的特点我们刚刚已经讲到了,是简洁圆润可爱,一个个看来如下:
1、一样平常因此粗而圆的线条勾勒轮廓,这一点类似于简笔画,也类似于单线条画。其线条粗细适中,越粗的线条在表现力方面会越靠近可爱感,线条的迁移转变过渡很圆润,险些看不到尖锐的直角。
2、填色方面的特点非常明显,填色的色块要偏移原有轮廓一些,以此来塑造高光和阴影效果。再填色色块和线条所形成轮廓之间的偏移所形成的白色会成为一道高光留白,而相对的一方则是阴影。
3、配色是大略的橙色、黄色、蓝色,以高饱和度的亮色为主,表现光鲜可爱的特点。适当时候在这个色彩上进行强弱变革,以表示色彩的层次。
4、线条大多采取一定的“断线”处理,并利用圆点增加线条的丰富感。
5、如果作为插画利用,大都增加许多几何状小装饰。我们把这些小装饰分别命名为“十字形”、“烟花形”、“小圆点”和“小圆圈”,它们以一种随机分散的状态点缀在主题周围。当然,如果用于图标的话,这个装饰会显得累赘。
其余,还有其他的特色,比如水平线的存在,以及物体工具的拟人表情。但我个人以为这些并非一定的要件,可以适当增删。通过理解了这些造型特色,才会知道,看上去大略的风格,本色上并不大略。接下,让我们实际动手来个现场感想熏染。
绘制轮廓线
STEP 01
打开AI,新建一个8001000px的文档。在文档中进入【编辑>首选项>参考线和网格】这一栏中,设置好相应的网格。网格线间隔为20Px,次分割线为5,当然,这个并不绝对。
STEP 02
根据我们要创作的主题是“刷子”,绘制轮廓线前可以在草稿上画一画,大致有个轮廓定型后再开始绘制。绘制的线条为18px,色彩为略带蓝的深玄色#22334f这个天下上所有的物体都可以用这些几何体组合而成。刷子的轮廓根本形利用圆形、圆角矩形等几何工具大略进行组合即可。
断线的艺术
STEP 03
断线是这一风格最为显著的特色,断线处理可以增加线条的丰富感,乃至产生一定的光影觉得。这在线条画中是常常会用到的。先选中所有工具,利用形状天生工具,删掉多余的线条。删掉往后就剩下一个外轮廓,再通过直接工具或钢笔工具增加相应的线条,以表现足够简洁又清晰的刷子的形象。这里的线条要把稳工具栏上方的“描边”,点开其描边参数面板,端点和边角都选择圆角。
STEP 04
在水平和垂直方向的线条可以采取“直接选择工具”对路径的锚点进行调度,而圆弧形的路径,则可以采取剪刀工具或钢笔工具。
以上是线体的部分,我们就完成了。接下进入填色的环节。
三色配色
之前我们谈到MBE风格的配色紧张选用橙色、蓝色与黄色进行搭配。这里,我们也连续沿用这一配色方案。
STEP 05
填色的形状要位于轮廓线下方(即不遮挡轮廓线),并且和轮廓线所形成的各部分轮廓同等,因此,在此我们可以借用轮廓线,将其复制后进行断线后的锚点重又连接,形成一个封闭形状后,关闭描边,并对其进行橙色添补,橙色值为#9dccfb
STEP 06
就按上一步的办法,添补完所有的形状。形状的位置与轮廓线形成一定的“错位”。
STEP 07
高光的位置位于左方,而阴影位于右方,在添补光面与阴影的时候,要做到对此心中有数。在亮的位置再增长一定的反光效果,反光就用白色的线条进行表达。下图中我们用亮色与阴影来标识。
STEP 08
由于是笔刷(有人说只是普通的刷子),好吧,不管是什么,它能刷出一定色彩。因此,我们为它增加一个笔刷刷过的痕迹。绘制这个笔刷痕迹,先用矩形工具创建一个30300的矩形,添补色为#3e9bf7。然后再复制一个矩形,将其向右移动30px,不断复制到8个矩形并列时停滞,将其间隔的矩形删除。
STEP 09
在上一步的矩形之上再增加一个与其宽度相称的矩形,并利用“路径查找工具”将其合并为一个路径。合并后,就可以选中锚点适当润色其矩形条的是非,使其变得更为随机。调度好往后,选中矩形条的锚点,使直角变为圆角。
STEP 10
利用同样的办法再绘制一个痕迹,添补色为#d6eafd,更为浅淡的蓝色在这里表现了色彩的层次感。
旁白小装饰,等待形体完成,就可以为其增加装饰。
STEP 11
就在对MBE风格的特点4里已经列举了涌现的小装饰,这里我们制作出各种类型的小装饰,色彩互异,将其点缀于刷子的阁下。于是终极效果完成。
本日的分享就到这里了。我是爱踢汪,您的关注是我坚持到现在的唯一动力,有了您的支持与鼓励,我才有信心一贯坚持下去,连续奉上更多内容。衷心期待您能点一下上面赤色关注按钮,关注我一下。万分感谢!