分享此网站可得100G教程,联系小洁领取点击这里给我发消息

5分钟卡通MBE图标UI教程

icon图标 学UI设计 477次浏览 0个评论 扫描二维码

本作品风格和案例由巴黎设计师MBE创造,本人只是给大家一个小思路。原文地址是作者作品链接。

再一次强调,本风格和案例由巴黎设计师MBE创造,原作都是AI绘制,这里是给大家一种PS绘制思路。

·  STEP 01  ·

矢量圆角矩形,改变其下方角度。

5分钟卡通MBE图标UI教程

·  STEP 02  ·

把填充色关闭,把描边点开。右键点击大小输入框,然后选择像素,输入10像素。5分钟卡通MBE图标UI教程

·  STEP 03  ·

用钢笔添加几个锚点,随意添加即可。5分钟卡通MBE图标UI教程

·  STEP 04  ·

用直接选取工具,框选或者点击一些部分,delete删除。同样可以点击某些锚点上下调整。5分钟卡通MBE图标UI教程

·  STEP 05  ·

把描边选项的端点选择圆角。5分钟卡通MBE图标UI教程

·  STEP 06  ·

填充色改成蓝色,图层位置调整放在轮廓下方,填充个蓝色。5分钟卡通MBE图标UI教程

·  STEP 07  ·

用布尔运算的减去顶层图像,保留一个边儿,将其色彩变成深色一点的颜色作为阴影部分。5分钟卡通MBE图标UI教程

·  STEP 08  ·

做一个雪糕的把儿,可以尝试将描边选项的对齐变成外对齐。5分钟卡通MBE图标UI教程

·  STEP 09  ·

做一个高亮的部分,仍然是用添加锚点的方式。如果你发现某个部分不是圆角的,可以尝试将钢笔工具的最后一个转换点工具点击一下锚点把角度点下。5分钟卡通MBE图标UI教程

·  STEP 10  ·

嘴巴的部分可以用布尔运算切个半圆儿,然后用描边外轮廓并使用圆角。5分钟卡通MBE图标UI教程

·  STEP 11  ·

圆角矩形工具做一个小长条的红色舌头,放置即可。5分钟卡通MBE图标UI教程

·  STEP 12  ·

做地平线,方法很多。5分钟卡通MBE图标UI教程

·  STEP 13  ·

做一个放射小效果,怎么做都可以,也可以用这样的笨方法。5分钟卡通MBE图标UI教程

·  STEP 14  ·

基本上完成了,然后对于色彩最后都可以调整一下。5分钟卡通MBE图标UI教程

5分钟卡通MBE图标UI教程

 

实测确实是5分钟做完

然后忘记保存了……

所以不分享PSD了……

动动你们的小手赞一个


推荐:查看最受欢迎的设计导航网站 → http://hao.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (2)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!