PS热门教程!教你5分钟快速绘制超火的MBE风格图标 - 优设-UISDC

PS热门教程!教你5分钟快速绘制超火的MBE风格图标

2016/05/17 69250评论区

photoshop-mbe-style-icon-1

最近超火的MBE风格图标终于出教程啦!大神@牛MO王涵 亲自写的教程,5分钟快速搞定,动图演示简单易懂,一起来练个手!

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

STEP 01  

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

14nmw20160517

STEP 02

把填充色关闭,把描边点开。右键点击大小输入框,然后选择像素,输入10像素。

15nmw20160517

STEP 03 

用钢笔添加几个锚点,随意添加即可。

13nmw20160517

STEP 04 

用直接选取工具,框选或者点击一些部分,delete删除。同样可以点击某些锚点上下调整。

11nmw20160517

STEP 05

把描边选项的端点选择圆角。

11nmw20160517

STEP 06 

填充色改成蓝色,图层位置调整放在轮廓下方,填充个蓝色。

10nmw20160517

STEP 07

用布尔运算的减去顶层图像,保留一个边儿,将其色彩变成深色一点的颜色作为阴影部分。

9nmw20160517

STEP 08

做一个雪糕的把儿,可以尝试将描边选项的对齐变成外对齐。

8nmw20160517

STEP 09

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

7nmw20160517

STEP 10  

嘴巴的部分可以用布尔运算切个半圆儿,然后用描边外轮廓并使用圆角。

6nmw20160517

STEP 11  

圆角矩形工具做一个小长条的红色舌头,放置即可。

5nmw20160517

STEP 12  

做地平线,方法很多。

4nmw20160517

STEP 13  

做一个放射小效果,怎么做都可以,也可以用这样的笨方法。

3nmw20160517

STEP 14  

基本上完成了,然后对于色彩最后都可以调整一下。

2nmw20160517

1nmw20160517

实测确实是5分钟做完,然后忘记保存了…… 所以不分享PSD了……

欢迎关注牛mo王大咖的微信公众号:

bigdqr-2

「超实用的中文字体打包下载」

  1. 《中文字体来咯!12款怀旧风格的字体免费打包下载(个人非商用)》
  2. 《中文字体第二弹!12款手写风格的字体免费打包下载(个人非商用)》
  3. 《吸睛利器!20款适合作为标题的字体免费打包下载(个人非商用)》
  4. 《27款张力十足的中文书法字体免费打包下载(个人非商用》

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量130万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-mbe-style-icon

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch UI 转场动效 界面设计 平面设计 交互设计师 设计师 扁平化设计 排版布局 设计师专访 职场 视觉设计 设计流程 用户体验设计 素材下载 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 产品设计 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里