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

3年前发布

原创文章 / UI / 教程
林小槟 原创,如需商业用途或转载请与林小槟联系,谢谢配合。

正在努力回归的小林童鞋,本期要和你聊聊 MBE 可爱风的创作技巧~ 来吧~ 开好音乐,泡好茶,聊起来~!

<上半场>


起 - 会面


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


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


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


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

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


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

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

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

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

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

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

:-)


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


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

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

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


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

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

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

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


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


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

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

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

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


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


没问题~


话题正式开始


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

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

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

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

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


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

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

/ 那还会有影响力吗?


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

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

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

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

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


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

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

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


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


2cb759b7f897a801207534b7beac.jpg

From  Andrey Prokopenko 

https://dribbble.com/Pro_Art


47c559b7f907a801207534c5d69f.jpg


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 - 告别


/ 说完了?恩?


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


:-)


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

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

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

/ 感谢了!


我也叨的挺开心~

如果你确实开心

那别忘了出门的时候

给我家门上画个赞~


再会~


5
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    文章信息

    • 文章标签

    没有新消息