mbe图标用怎么做，mbe插画教程Procreate教程丨MBE风格插画怎么画

1，mbe插画教程Procreate教程丨MBE风格插画怎么画

Procreate教程丨MBE风格插画怎么画最近连着做了4次MBE风格小图标的临摹,有了些新体验,也琢磨出了一些小技巧,做个总结记录。_(20201015图标临摹RoundOne,By@蛋蛋)(20201020图标临摹RoundTwo,By@蛋蛋)(20201021图标临摹RoundThree,By@蛋蛋)本文主要内容如下(文末附思维导图总结,包含视频哦):01六种常见的插画风格02五个方面总结MBE特点03五个步骤画出MBE插画04五个技巧画得又快又好01六种常见的插画风格什么是MBE风格?百度一下,你就知道。就是这种看起来萌萌哒的风格,非常好辨认。它是源自Dribble的设计师MBE的设计,简约有趣又好看,流行开来后就被称作为「MBE风格」。如果觉得没什么概念的话,把它放在一群当中,就更有印象啦。就像星爷喊美女找秋香的那个办法一样↓在这里也科普下6种常见的插画海报风格,让你一眼认识「MBE风」。(图片制作By@蛋蛋)细心的朋友可能也会发现,上图用Keynote同样实现了MBE风格唷。02五个方面总结MBE特点在学习怎么画之前,先要清楚这种风格的特点,才能更好下手。仔细观察之后,我从以下5个方面来总结我的感受。①线条:都很简约,而且很粗很鲜明,平滑柔顺。有明显的断点,但也是非常圆润地过度过去的。②形状:基于线条的轮廓也都是圆润的,没有突出的尖角直角,饱满又胖胖的感觉。③_咨:色彩很明亮,常见黄橙蓝色。有底色溢出,而且有明确的明暗色,也就是高光和阴影。④表情:极简的线条加上简单的笑脸,物体拟人化了,可爱萌趣。⑤点缀:主体周围会有星星点点的点缀,基本上是雪花、十字、圈圈圆圆之类的变体。03五个步骤画出MBE插画具体怎么画?来,五步走。说明一下,因为我的临摹过程都是一次临摹一堆,而且个人绘画习惯肯定不一样,所以步骤也不需要是一样的,怎么方便顺手怎么来。以下是蛋蛋基于4次临摹后,总结的常规步骤,仅供参考。①先画轮廓。·选择「书法」里的「单线」画笔。·_髡胶鲜实拇窒咛,画出轮廓。·用「橡皮擦」擦掉部分线条,做出断线。②处理断点。·同样粗细画笔画个「圆点」,挪到被擦除后的线条中断处,制造圆润。③添加表情。·_显擦锪锏难劬_托πΦ淖彀汀④铺上底色,增加阴影。·_仙,挪到轮廓的边缘处,制造溢出。·_≡癖鹊咨畹难丈,沿轮廓边缘上色,制造阴影。·选择比底色浅的颜色,在底色上画出高光。⑤加上点缀。·主体画的上空周围加上雪花、加号、实心空心圆。就这样,一个简单的MBE风格插画就完成啦。看下具体过程的缩时视频。04五个技巧画得又快又好我习惯完成临摹后都在画布上增加一块区域作为「复盘记录」,从4次的临摹复盘记录里也能回顾到我的整个过程感受。从「觉得难」到「上瘾」到「觉得容易」,中间也琢磨出了一些小方法。①快速画轮廓有些图本身就是对称的,想要画得更快更好就可以使用对称辅助功能。在「绘图指引」功能中,选择「对称」,有「水平」「垂直」「四象限」「径向」选项提供选择,辅助我们更好地画图。②快速处理断点,有4种方法。◆_钩湓驳惴:就是前面提到的,同样粗细画笔画个「圆点」,挪到被擦除后的线条中断处。◆_肪兜慊:还原原本划线的路径,从点出发溢出断点。◆像素大挪移:把线条放大,在圆点法或点划法的基础上,通过调整「橡皮擦」或「画笔」的粗细,补充或擦除掉细节的像素格子。◆_奖丛惴:前面3个方法其实都有点考验耐心,最快速的方法就是这第4种。直接拷贝线条另一端没被擦掉的端点,再移动到断点处,完美!③快速添加点缀一次性临摹多个图标的时候,一个个画点缀实在很磨时间和耐心,然鹅强迫症又不想只是通过复制图层让每个的点缀看起来都是一样的。该怎么办呢?制作点缀笔刷,这样就可以快速完成,还能变换位置和颜色。④保持临摹大小一致在画之前先画上一个个格子,通过大小一致的格子来规划好布局。⑤保持线条粗细一致踩过坑的都知道,当我们放大画好线条后再缩小,原本的线条也会随之变细,所以为了避免这种情况后续出现,同样需要用上面的格子做好提前布局,就不用后期放大缩小啦。(20201023图标临摹RoundFour,By@蛋蛋)以上就是蛋蛋画MBE插画的一些经验总结,最后,放上第4次临摹图和小小总结思维导图。(小小总结思维导图By@蛋蛋)进步,是在不断练习中产生的。画起来吧。相关文章:总结丨零基础如何通过自学,半个月学会画画?

mbe插画教程Procreate教程丨MBE风格插画怎么画

2，mbe风格插画教程插画在APP设计中的应用

ppt设计中的MBE风格是什么样的自从扁平风流行过后,很少看到让人眼前一亮的风格了。不过前段时间流行的MBE风格着实让人喜欢让我们先来认识一下什么是MBE风格MBE风格的由来很简单,就是_ribbble上一位设计师叫做MBE,他的萌萌哒的作品风格被设计行业称为“MBE风格”。下面来看看MBE大神的作品这种风格的特点用一个字可以形容,就是萌但萌同时也有一个缺点,就是没有普适性,在我们的工作中一般也用不上这种风格但是这么萌的风格,着实令人喜欢,万一哪天就用上了呢?比如撩个妹所以在认识MBE风格后,我们如何来快速制作呢其实这个风格一般用AI软件来制作,专业的软件做专业的事当然如果你对AI不熟悉,那么PPT总会用吧,用PPT我们也能做出MBE的风格下面我介绍两种用PPT制作的方法方法一、编辑顶点法这个方法来自菲菲老师,公众号(大猫菲菲)方法二、简单粗暴法第一步、选择一个ICON,复制两个其中一个填充颜色,另一个只保留轮廓,轮廓可以稍微粗一些2.把两个形状重叠,并且不对齐,可以适当调整大小,留出小部分白色的区域3.用一个和轮廓粗细相同的小矩形进行切割4.加点装饰这样一个简单的MBE风格的图形就做出来了。是不是很简单?如果你要做一些卡通风格的PPT,就可以用MBE风格来搭配关于Icon,推荐一个ICON网站Iconfont,是阿里旗下的图标库,很强大插画在APP设计中的应用现在APP的数量越来越多,制作也越来越精美,各种APP都想在设计上能够与其他APP区别开来,从而更好的吸引用户的注意,将插画运用在APP当中,无疑是一种好的选择,在iOS11的AppStore“Today”中就用了很多的插画,给用户带来了全新的体验。一.什么要在APP当中使用插画?增加视觉冲击感,总结为两个字“惊艳”,例如“walkup”APP,当中的每一个页面都运用了插画,而且设计得极其精美。增添趣味性,使页面不显得单调、乏味,一个明显的例子就是APP当中的空页面和错误页面,例如淘宝在无网状态下,显示一幅可爱的插画要比单纯的显示文字要给人的感觉好得多,也可以尽可能的减轻用户的焦虑。承载更多的信息量,更加的直观,这一点在图标上显示的比较明显了,例如百度糯米的分类图标,采用了写实的风格,给人的感觉就更加的直观了。满足用户的情感需求,情感化设计,这一点在keep当中得到了很好的体现,在刚刚过去的七夕节,keep把跑步路线变成了粉红色,还配上了一条狗,七夕节还在跑步的人,很有可能是单身狗啊,意思不言而喻。二.目前比较流行的几类插画及其特点扁平插画肌理插画手绘插画MBE插画(dribble一位大神创作了这种风格,因此被称为MBE风格插画)渐变插画(有时也称微光插画)立体插画(也叫2.5D插画)描边插画下面分别对各种插画进行举例,所有例子均来自dribble。扁平插画:扁平插画的特点是扁平,简洁明了,扁平插画是现在很流行、也是最常用的风格肌理插画:我觉得肌理插画也属于扁平插画的一种,但是在最后要增加颗粒感,肌理插画最明显的特点应该就是有质感,光影关系表现得比较好。手绘插画:我认为这是难度最高的一种,也是对设计师的美术功底要求最高的。手绘风格的应用比较广,可以展现的东西很多。下面这位设计师的作品富有童趣,像梦境一样美好。MBE插画:简洁、圆润、可爱。渐变插画:一种很唯美的风格,在颜色的运用上一般采取近似色,颜色的种类不要过多。立体插画:从名字就可以看出,这类插画最大的特点就是立体了,能够在二维的空间里表现出三维的事物。描边插画:除了运用形状,还要运用描边,可以很好的对事物进行抽象化处理。MBE插画:下厨房当中的图标,MBE风格很适合用来制作icon渐变插画和立体插画:拉勾。把这两种放到一起来讲,是因为很多时候一幅插画是包含这两种风格的。(用在banner、专题)描边插画:拼多多、网易云音乐(用在icon、启动页)总结一下:插画适合用在APP当中的启动页、banner、专题、刷新、icon、弹框、背景图等等。UI设计中的MEB风格到底指的是什么我不知道你是不是说错了,不是MEB,是MBE风格,UI设计中最近流行的设计风格,风格特点是色彩明亮跳跃,有深色的大的描边,描边有断点,色彩溢出,周围可能有一些装饰等。最近配合微渐变整体更加精致。MBE是一位法国设计师最先使用的,然后国内外纷纷效仿。如下图,MBE设计风格的图标。

mbe风格插画教程插画在APP设计中的应用