恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
UI设计-绘制MBE风格图标(2)
0.0°
2017-11-09 原创文章 教程 举报 2306 24 12 0

设计技巧决定设计速度,设计思维决定设计高度!

这是我的微信公众号:Yimi1788,每天会有UI设计知识分享!


关注后回复“软件”即可获得全网最新版本UI设计全套软件(PSCC2018、AICC2018、AECC2018等)

Image title


续上一篇教程


STEP 06

就按上一步的方式,填充完所有的形状。形状的位置与轮廓线形成一定的“错位”。

Image title

STEP 07

高光的位置位于左方,而阴影位于右方,在填充光面与阴影的时候,要做到对此心中有数。在亮的位置再增添一定的反光效果,反光就用白色的线条进行表达。下图中我们用亮色与阴影来标识。Image title

STEP 08

由于是笔刷(有人说只是普通的刷子),好吧,不管是什么,它能刷出一定色彩。因此,我们为它增加一个笔刷刷过的痕迹。绘制这个笔刷痕迹,先用矩形工具创建一个30*300的矩形,填充色为#3e9bf7。然后再复制一个矩形,将其向右移动30px,不断复制到8个矩形并列时停止,将其间隔的矩形删除。

Image title


STEP 09

在上一步的矩形之上再增加一个与其宽度相当的矩形,并利用“路径查找工具”将其合并为一个路径。合并后,就可以选中锚点适当修饰其矩形条的长短,使其变得更为随机。调整好以后,选中矩形条的锚点,使直角变为圆角。Image title

STEP 10

利用同样的方式再绘制一个痕迹,填充色为#d6eafd,更为浅淡的蓝色在这里表现了色彩的层次感。Image title

旁白小装饰

等待形体完成,就可以为其增加装饰。

STEP 11

就在对MBE风格的特点4里已经列举了出现的小装饰,这里我们制作出各种类型的小装饰,色彩各异,将其点缀于刷子的旁边。于是最终效果完成。Image title

总结:绝不轻易放弃任何可以动手的机会。一条路之所以没有答案,不是因为你懂得多,而就是恰恰因为你懂得太少,只要动手做,你就会发现问题就一个个现身了。别人经验理论的价值,只是一个旁观者,主角仍然是你的手和心。

更新:2017-11-09

收藏

24人已收藏

是黄将诶

人生就像剧场,不断排练才能有好剧~

  • 10

    作品

  • 31

    粉丝

  • 1

    关注

  • UI设计-小兔子插画教程
  • UI设计-绘制MBE风格图标(1)
  • UI设计-2.5D收音机教程(2)
  • UI设计-2.5D收音机教程(1)

    猜你喜欢

      2017-11-09 原创文章 教程 举报 2306 24 12 0

      UI设计-绘制MBE风格图标(2)

      0.0°

      你确定要举报UI设计-绘制MBE风格图标(2)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年11月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      12
      24
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录