追风三式——PPT绘制MBE风格丨效果篇

今天为大家带来的教程是PPT绘制MBE风格图标和文字,MEB是来自 Dribbble 一位设计师,他的作品风格设计十分特别,简约、有趣、好看,这可以算是一种创新的风格,所以就称为 MBE 风格,目前很多设计师也开始绘制类似风格的设计作品,MBE 风格也许能像长阴影一样,成为一种设计趋势。

图片来自网络



MBE 风格特点

1、特粗的深色圆滑描边线条

2、幼稚、可爱、Q 版化

3、鲜明的配色,没有渐变颜色

4、能快速矢量绘制,快速创作动画

天是那么蓝,水是那么美,让我们调整好姿势,一起操练起来。

一、第一式——编辑顶点法

1、画一个圆角矩形(因为MBE风格是圆滑),去掉边框,亮色填充,然后将矩形复制一份,使用黑色加粗边框,无填充色,并适当移动位置

2、右击黑色边框,选择编辑顶点

3、选择开放路径,然后删除错位的顶点

4、用直线工具补充线条,为了使线条和原路径重合,我们可以通过辅助线来定位

5、选择所有的线条,设置端点为圆形,一个MBE风格的图形就完成了

二、第二式——文字变矢量

把文字做成MBE风格,需要添加几个步骤,因为直接对文字进行编辑顶点是行不通的,因为顶点是文本框的顶点,而不是文字边缘

1、绘制一个形状,把文字覆盖,然后选择布尔运算-相交,把文字变成矢量形状

2、然后我们就可以开始使用编辑顶点的方法,一步一步完成文字的绘制

三、第三式——纯线条绘制

最后一式简单粗暴,我们沿着图形或者文字的边缘直接画线

1、绘制图形或者输入文字

2、用直线工具沿边缘画线

3、设置直线格式为加粗圆形,适当移动直线位置,打完收工

PPT的MBE追风三式你掌握了吗,实用就是最好的,熟练就是最强的。PS:MBE风格还有一些变化,比如可以设置渐变色和阴影,可以结合实际来应用。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 167,411评论 24 706
  • --绘图与滤镜全面解析 概述 在iOS中可以很容易的开发出绚丽的界面效果,一方面得益于成功系统的设计,另一方面得益...
    韩七夏阅读 2,472评论 2 10
  • 注意:这是一篇译文,如果你够装逼,完全可以浏览原文:Sketch Tutorial for iOS Develop...
    Andy矢倉阅读 16,478评论 10 159
  • 志华教育函授招生简章 2017-08-04 学识渊博 阅
    9s喜欢阅读 118评论 0 0
  • 不是不想继续现在工作,而是忍受不了那些恶毒的语言,每次微博上那些新闻下面的评论我是一概不去翻的,害怕自己转过身就要...
    尘已尽阅读 122评论 0 1
  • 1.OC的数据类型 1.Objective-C数据类型可以分为:基本数据类型、对象数据类型和id类型。 2.基本数...
    NOVEMIX阅读 2,944评论 0 3
  • 那些发生过的事啊 因为当时的喜欢是真的 后来的不喜欢也是真的 所以啊 马铃铛你 别怕 也别怂 别眷恋 也别抱怨
    马铃铛_i阅读 70评论 0 0
  • 在二十二岁之前 我似乎从未惧怕过死亡 也未曾想过死亡 我的前半生 虽然没有活的惊天动地 却也算过的顺风顺水 那时如...
    蛋蛋黄不吃蛋阅读 83评论 0 0