今天说一说MBE风格卡通图标的设计方法.
这种风格的图标常见于app的引导页,和web的点缀页.
图标最好用ai来做成矢量图形,不过今天的案例是用ps进行讲解的
1
选择圆角矩形,在属性选项中调整角度数值.数值与自己建的矩形大小有关哦,并不是固定的
2
将圆角矩形复制一份备用,将填充关闭、描边给到10像素
3
切换到钢笔工具,在路径上随意添加几个锚点.
4
1.切换直接选择工具,注意是白箭头哦,如果是黑箭头,则不能选择单个锚点.
2.用直接选择工具,选择单个锚点delete删除.
3.如果想要继续调整,用直接选择工具拖动锚点进行调整
5
调出描边选项,将端点改为圆角
6
将之前复制的备份移动到轮廓下层,填充蓝色;ctrl+t适当的调整宽度
7
1.再次复制一个蓝色填充图层
2.选择路径选择工具(黑箭头),水平移动复制,同时按住ctrl+shfit向左移动
3.运用布尔运算,减去顶层形状,即可得到以上形状
4.将它的颜色调深一些作为阴影部分
8
1.再选择圆角矩形,调整圆角度数,做一个雪糕把儿,同样将描边给到10像素
2.给雪糕把儿做投影,建立矩形,颜色比裸粉色在深一个色号,然后对雪糕把儿图层建立剪切蒙版
9
1.用钢笔工具画出高光的位置,同上面一样,在路径上添加锚点,然后delete断开.
2.如果某一部分不是圆角,可以尝试用钢笔工具的最后一个转换点工具点击一下锚点,把角度点下
10
1.用椭圆工具，按住shfit画出圆圆的眼睛
2.嘴巴的也可用布尔运算切出半个圆,方法有很多哟;描边外轮廓使用圆角
11
圆角矩形做一个粉红色的小舌头，水平居中放置
12
下面做一些装饰的小元素,方法多种，怎样都行
13
大体上做完了,小元素和色彩 根据个人喜爱调一下.
下面这种风格都属于MBE风格图标,没有什么难度,但当多个图标一同出现时,这种统一的风格就显得很亮眼.
别人家的二维码那么好看，我也要学学 | 艺术二维码（AI）
gif加载小动画 | gif（AE）
2.5D风格海报原来这个简单 | 2.5D (AI、PS)
“一步给证件照换底色 | 替换颜色（ps）