晓谈-MBE可爱风的打造手法

<上半场>

起 - 会面

hi，Z !  好久不见！欢迎光临~我终于可以开讲了~

/ 一晃好久，你终于回来开讲了，小林童鞋 ，忙啥大事去了?

额~瞎忙，碌碌而已，现努力回归中，这次会面聊聊MBE-Style~哈，还记得么？

/ MBE-Style? 貌似有点不太记得，但又好像有点印象

/ 是一些可爱风格的图形？你打算要聊聊创作技巧么？

嗯~今天主题就是这个，看来我是真离开的太久

之前简单和你说起过嘛...好吧

今天从头完整的来一遍，我要聊聊名为“MBE-Style”的可爱风图形以及创作要点~

估计会聊的有点久，所以我们分上下两场吧~中间可以自由休息会儿~

今天一定要完成这次话题了，你懂的，一个计划拖的太久

难免又因为什么事情而停滞不前，搞不好最后又放弃掉了...

:-)

/ 理解，我最近刚好有空就顺道过来了...哈哈~也算是碰上了啊~

我废话一遍自己的讲解风格，我肯定不会一上来就告诉你

首先 打开设计工具  然后 新建一个文件....然后 请看截图1..截图2...

如何...如何..... 最后 成功完成了...虽然那样也没什么问题…

当然了，我还是会讲步骤...

还会尽我可能地详细说明创作要点与细节

但不会一一截图、每步都分毫不差的演示之类...

我就是想提前和你说明下哈

/ 好的...我没问题，何况我会记笔记还有录音...请快开讲吧

莫急~ 不会耽误你太久时间~且让我开个音乐

你知道的，没有音乐 我没法静下来...

对了，你看那刚入水的茶叶，已翻滚出香味，沁人心脾

边饮茶，边听我慢慢讲来吧~

/ 嗯，这茶确实香气撩人呀~ 嘻嘻~ 我先试试...？哈哈

没问题~

话题正式开始

好啦，开始我的高谈阔论了啊~~欢迎回神~

如若提起MBE-Style的可爱风图形，你会在第一时间想到什么?

反正我脑海里面，立马就会蹦出那个可爱的笑脸

就是那个很萌很可爱的笑脸，能一下子就可以被轻松记住的那个笑脸

脸蛋上的元素常常是这样：2个圆点-眼睛，1个半圆-嘴巴，就这么简单

/ 噢，你这么一说, 我还真记忆清晰起来了。。。

/ 简单的东西，人人都能马上学会，就像你说的,2点1圆......

/ 那还会有影响力吗？

看起来“简单”的创作往往不简单

有时候，简单可能是表象，内涵却也丰富

简单有时候并不代表简陋、不代表虚弱、不代表易造

反而有时候却代表了宁静、代表了纯粹、代表了美好、代表了力量、代表了无限...

我以为，你善用它们，就能在合适的场景下完成情感的传达, 甚至是制造出影响力!

/ 这样呐~一直以为创作简单的图形，就是没啥实力的表现

/ 一直以为一定要学习高难度高技巧…才是所谓的酷毙了吧，才是所谓的实力和影响力吧~？

/ 且让我消化下你刚才说的  :-)

哈，没问题~! 还是欣赏一下萌图先~然后听我继续叨~  :-)

From  Andrey Prokopenko 

https://dribbble.com/Pro_Art

From RyanG 

https://dribbble.com/shots/3182206-Bicycle 

 https://dribbble.com/shots/3190202-OneShoe 

譬如

以这个简单的可爱脸蛋为基础便可以衍生出来各种可爱图形

可以是一顶热气球

可以是一辆小卡车

可以是一株仙人掌

可以是一个保龄球

...

/ 貌似无限….??

可用万物作为载体的笑脸图形，理论上有无限的组合

/ 很有趣的设计手法啊~感觉自己要跃跃欲试了~

：），先喝口茶吧 香味弥漫很久了

/ 好的~

/ 我回忆起来了，类似风格的图已经流传很广了

/ 现今很多站点或APP上都铺天盖地的啊~

/ 有意思~

嗯，此可爱风格的笑脸创意图形原创来自法国的设计师MBE

其作品别具一格且一直保持了风格，必然也是获粉无数了

因此复刻或借鉴此风格的设计师特别多

宏观上来看，此萌画风一下子就席卷了全球，因此也就形成了所谓的风格

也许还没有官方机构来界定这个风格吧，也许在 MBE 之前也有很多类似的设计

在此未做考证也不做深究了，好了，为聊的方便，也为这个风格取个名字

譬如用格式：“设计师名-风格”，简称为“MBE-Style”

合适么？

以上就是MBE-Style的来由了~

希望解释明白了~

/ 明白了~

现在要问你几个问题，你刚才已经欣赏了上面几张萌图

你看到了什么？你感受到了什么？

是不是觉得简单的图形也可以拥有很神奇的能力？

/ 有~

恩，我相信你看到了萌，看到了可爱

/ 是滴~

更重要的是，你的心情一下子就得到了治愈

/ 确实有这样的感觉~~

/ 我刚来的路上，堵车到郁闷, 现在心情就好多了~

MBE-Style可以温暖你的内心，尤其是当你看这个世界有些灰暗的时候

当你无精打采 茫然四顾的时候，来看一看吧~

/ 嗯，这个我愿意试~

好 ~上半场结~自由休息10分钟~接下来我将会具体讲到创作技法精要~  :-)

·····································································

<下半场>

创 - 技法精要

好了，聊到这。你应该很想动手自己做一个萌图了吧？

我担心自己话有点太多，还有兴趣不? :-)

/ 额。。。必须有啊。难得会面，下次也不知道何时了...

好！~虽然已有不少设计先锋们，已走了一遍两遍三遍......但这并不妨碍我，继续走它一遍~

--

A - 边线与颜色 

先说下描边线，此类风格图形总归是线描风格，最显著特点就是描边了

仔细看之前给的图了么?就是图形的最外面的那一层描边线

3-4像素的描边，甚至更多也行~

因此这个边缘会有点厚。但薄了，味道少很多

/ 厚的描边可能也会有可爱的感觉吧~

哈哈，说的没错，敦厚敦厚！萌了萌了！

当然了可以根据喜好或实际情景来调节描边的厚度数值

描边的颜色可以选择有色的，就给当前默认色(假定黑色)也无碍，最后调节更改即可

从外形整体看是外在描边，实际操作路径的时候可能会内或居中描边。（自己尝试-发现异同）

整体的描边没有绝对封闭起来，因此要破了这完整路径

假定你用原始基础图形(圆形或者方形等)拉出的路径

画出来默认是完整的路径，现在你要切断它，不要封闭

怎么操作?

加点-删点（直接delete）- 就断了

so easy？

具体:

· 想好路径上要断的地方，加上1点- 命名为 A

· 点A的上下或者左右分别再加1点, 命名为B、C

· B、C 将会是两端的新端点

· 所以 B 和 C 都得有，删掉 A 即可。

完成…OK~ （可以自己在白纸上画一下~）

打破封闭，透气很关键，流动感和灵动感~ 萌了萌了！

/ 恩，等我记一下吧~哈哈，我回头要试试~

B - 选择&分解&刻画

再说说笑脸的承载物-主体的选择

/ 感觉终于到了正题~~~

:-）

主体就是笑脸的承载/身体，承载体可以是万事万物

只要是合理的都可以选择，建议尽量选择构造不复杂

生活里面常见的图形来做承载物，简单的就可以很美好了...

我就不再废话了...如果有新想法就另算咯~

/ 恩，方便绘制~  另外大家也都看的明白

/ 简单也有影响力~ 我学的怎么样~~

好了，接着开始细分主体了！

主体由各大块元素构造，一般而言，任一主体对象可由多个元素部件构造

纯粹单一的也可以试试，但会弱化设计感，各元素可以有不一样的颜色

各大块的元素，一般而言可能构造又是不尽相同的

除非有的元素已经无法继续细分, 对于不可细分的区域

上色可用微渐变（譬如取两个颜色节点-同色相，明度或者饱和度相差一点点即出）

还可辅以顶高光（假定光源从上到下照），底反光以及阴影倒影等细节丰富之

/ 噢耶，笑脸呢? 被你吃了？

没......当然不会忘我们的笑脸

因为画龙还得点睛~！

在选择要创作的主体形象之时，笑脸的位置就可能差不多定下了

或者是需要预留了，当然了，最后来拆解也行

笑脸的嘴巴，是大还是小，是怎么个形状，也决定了整体的喜萌程度

可根据自己的习惯和感受尝试

/ 恩恩~

如果你已经做到这，你已经完成了80-90%了。

/ 这么好？

必须的~ 

C - 请注意休息

有点累了~~哈哈，反正说到这，嗓子不干那是骗人了

打算去洗把脸清醒下，自由休息下，如何?~

/ 肯定 OK 啦~! 末场前-休息10分钟~

/ 我听的都有点累了啊~ 辛苦啦~

(请此刻正在阅读该文的您，也去休息一下, 回来再看~)

10分钟后-

D - 最后的冲刺，渲染背景

好了，回来了。现在，拉回现场

喝完水，洗把脸，头脑突然又轻松了起来啊~

活力满满~!果然要劳逸结合~

/ 是的~~继续~~

没问题~

那么，创作的最后冲刺阶段来了

整体背景的渲染方面可以考虑各类几何小元素

辅助的小元素可以考虑星形，礼花，几何散点，加减号，圆点，圆圈等

它们颜色大小不一散落周围，营造出一种温馨恬静可爱之气氛

如果元素构造的场景是空中可以添加云纹云气背景

如果可置地面上可添加水平线条来模拟地面

云纹或水平线可以说是整体背景的最底层，或者作为交错前景呈现

over~

E - 告别

/ 说完了？恩？

额，是的。还想怎么样？ 
我们这期会面就聊到这啦~ 

:-）

 / 恩，以为还有很多很多要聊

/  可一下子又倏地戛然而止

/ 又有点落寞，无论如何, 我马上就要去试验下啦~ 开心~

/ 感谢了！

我也叨的挺开心~

如果你确实开心

那别忘了出门的时候

给我家门上画个赞~

再会~