1MBE风格-卡通冰淇淋教程 (ps)

image

今天说一说MBE风格卡通图标的设计方法.

这种风格的图标常见于app的引导页,和web的点缀页.

图标最好用ai来做成矢量图形,不过今天的案例是用ps进行讲解的

​

1

image

选择圆角矩形,在属性选项中调整角度数值.数值与自己建的矩形大小有关哦,并不是固定的

2

image

将圆角矩形复制一份备用,将填充关闭、描边给到10像素

3

image

切换到钢笔工具,在路径上随意添加几个锚点.

4

image

1.切换直接选择工具,注意是白箭头哦,如果是黑箭头,则不能选择单个锚点.

2.用直接选择工具,选择单个锚点delete删除.

3.如果想要继续调整,用直接选择工具拖动锚点进行调整

5

image

image

调出描边选项,将端点改为圆角

6

image

将之前复制的备份移动到轮廓下层,填充蓝色;ctrl+t适当的调整宽度

7

image

1.再次复制一个蓝色填充图层

2.选择路径选择工具(黑箭头),水平移动复制,同时按住ctrl+shfit向左移动

3.运用布尔运算,减去顶层形状,即可得到以上形状

4.将它的颜色调深一些作为阴影部分

8

image

1.再选择圆角矩形,调整圆角度数,做一个雪糕把儿,同样将描边给到10像素

2.给雪糕把儿做投影,建立矩形,颜色比裸粉色在深一个色号,然后对雪糕把儿图层建立剪切蒙版

9

image

image

1.用钢笔工具画出高光的位置,同上面一样,在路径上添加锚点,然后delete断开.
2.如果某一部分不是圆角,可以尝试用钢笔工具的最后一个转换点工具点击一下锚点,把角度点下

10

image

1.用椭圆工具，按住shfit画出圆圆的眼睛

2.嘴巴的也可用布尔运算切出半个圆,方法有很多哟;描边外轮廓使用圆角

11

image

圆角矩形做一个粉红色的小舌头，水平居中放置

12

image

下面做一些装饰的小元素,方法多种，怎样都行

13

image

大体上做完了,小元素和色彩 根据个人喜爱调一下.

下面这种风格都属于MBE风格图标,没有什么难度,但当多个图标一同出现时,这种统一的风格就显得很亮眼.

image

别人家的二维码那么好看，我也要学学 | 艺术二维码（AI）
gif加载小动画 | gif（AE）
2.5D风格海报原来这个简单 | 2.5D (AI、PS)
“一步给证件照换底色 | 替换颜色（ps）

image