欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

10分钟绘制MBE风格APP引导页

发布时间:2017:09:26 14:25:28 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有718个文字,预计阅读时间2分钟
导语
MBE图标是追波上MBE大神开始设计的图标风格,然后就掀起了一股时尚风潮。闲话少说先看我们要做的案例的最终效果:在绘制之前,我们先分析并总结一下上面图标的特点:图形外观围

MBE图标是追波上MBE大神开始设计的图标风格,然后就掀起了一股时尚风潮。闲话少说先看我们要做的案例的最终效果:

10分钟绘制MBE风格APP引导页

在绘制之前,我们先分析并总结一下上面图标的特点:


  • 图形外观围绕着深色描线,也可以叫描边,描线与图形偶尔错位开。
  • 描边有断线
  • 图形线条简单,比较圆润,基本上都是圆角,图形容易绘制,也很可爱,十分的萌萌哒。
  • 色泽比较鲜艳大胆,几乎都是明亮色,明黄色,蓝色为主。

  • 了解了MBE分风格小图标的特点,那么下面我们就开始讲如何绘制了。

    绘制工具

    AI,PS SKETCH。这里就用PS来举例。

    绘制步骤

    1、打开PS-新建画布750*1334px(IOS设计尺寸),命名“APP引导页-web风格”,随时命名是种好习惯哦;

    10分钟绘制MBE风格APP引导页

    2、运用矩形、椭圆工具画出下图的形状图层,然后调整图层顺序和位置,并填充上颜色,描边5px,矩形圆角6px(见红箭头指示处);

    10分钟绘制MBE风格APP引导页

    3、合并上方填充颜色为蓝色的圆和圆角矩形,把下边橙色圆用小白工具减去上边部分,最后效果如下图;

    10分钟绘制MBE风格APP引导页

    4、用钢笔工具画如图的线段,然后当中添加锚点,用小白工具间隔删除点与点之间的线段,形成当中图的效果,然后复制--水平翻转--变换长度--重复刚才步骤,最后得到图三的效果;

    10分钟绘制MBE风格APP引导页

    5、在大圆顶部画一个6px白色描边的圆,在圆上添加锚点,,与第四步一样,用小白工具删除不要的线段,灯泡的高光就做好了,然后移动到合适的位置,结果参见下图;

    10分钟绘制MBE风格APP引导页

    6、加上装饰元素和切换小图标如图

    10分钟绘制MBE风格APP引导页

    7、最后加上关闭按钮和文案,一个简单的mbe风格的APP引导页就完成了


    10分钟绘制MBE风格APP引导页

    同套APP引导页欣赏

    10分钟绘制MBE风格APP引导页

    智唯网络小编还为你整理了:

    《MBE的食物图标设计欣赏》

    《MBE的水果图标设计欣赏》

    《一组MBE风格的交通工具图标欣赏》

    不仅有MBE风格图标设计欣赏,还有MBE风格图标设计教程。想知道MBE风格图标设计教程,可直接点击:MBE风格图标设计资讯,可直接跳转。本文下载,点击:10分钟绘制MBE风格APP引导页。

    如何建站:
    建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

    看了这篇文章的人还看了

    专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
    • 全部评论(0
      还没有评论,快来抢沙发吧!

    上一篇:设计一个引人注目的网站,它必须做的比看起来要好

    下一篇:MBE风格图标临摹作品集

  • 18899 文章总数
  • 2333454访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信