哇咔咔，今天的教程要教大家画一枚小丑icon，希望大家就算遇到天大的事儿都要像小丑一样乐观的大笑。准备好了没？我们开始咯~

先看个最后的效果图吧

1、让我们先新建一个 400*400 的画布

2、用“椭圆工具” 画出一个  260*260 的圆形,并给这个图层添加上一个“渐变叠加”的图层样式，渐变的颜色分别为 #fda912、#fbe300；

1、使用“圆角矩形工具”画出一个大小为 108*120 ，圆角为50px的圆角矩形作为小丑的脸，将此图层命名为“脸”。

2、给小丑的脸添加一个“渐变叠加”效果，其渐变颜色为 #ff9900 到 #fcce07。同时再给它添加一个“投影”效果投影颜色为 #f79501；

1、按住shift键，使用“矩形工具”画出正方形 ，再将它旋转45°。为其填充颜色 #fcf8e3，并将此图层命名为帽子。

2、使用“路径选择工具”图icon  选中“帽子”图层中的矩形路径，按住shift和 alt 画出一个 正圆，再使用“路径选择工具” 移动调整出帽子的形状。

2、为“帽子”图层添加一个“投影”效果,投影颜色为 #f79501；

1、用椭圆工具画出一个 30*30 圆形，将其填充颜色 #fcf8e3 使用 “路径选择工具”选中刚刚画好的圆ctrl+c 复制 ctrl+v 粘贴将复制出来的圆调整到合适的位置，重复上述步骤再复制出三个圆。

2、使用“路径选择工具”选中上述中的所有圆，按住shift键，使用“圆角矩形工具” 画出一个 64*74 圆角为 5px 的圆角矩形，调整到合适的位置,将这个图层命名为头发，并移动图层到小丑的脸的下面。

3、选择“头发”图层 按住 ctrl+j 复制一个图层，按住 ctrl+t 单击右键选择“水平翻转”，将复制的“头发”图层移动到脸的另一边。

1、使用“椭圆工具”画出一个椭圆，使用“直接选择工具” 选中椭圆最上方的锚点，向下移动。

2、复制上述步骤中的图层，使用 “路径选择工具” 选中图层中的路径将选中的路径复制一个出来，并将它放大，选择“减去顶层形状”运算，给得到的图形填充颜色 #f8b10a；

3、给上一部的图层添加一个内阴影，阴影颜色为 #f79501；

1、使用“矩形工具”画出一个矩形,将得到的矩形旋转45度，使用 “直接选择工具”将左右两锚点向里移动4px，再将得到的菱形复制一个旋转90度，这样小丑的眼睛也就画好了。

2、使用“椭圆工具”画出一个30*30的圆形，填充上颜色 #fcf8e3，当作小丑的鼻子，现在为止我们的小丑icon就完成啦~

学UI网强力推荐购买史上最好的UI设计书

长按下面二维码查看两本书的详细介绍

 直接购买链接 

小红 132元包邮

复制这条信息￥cWUp0g0gIaN￥后打开手淘

小黄148元包邮

复制这条信息￥31hS0UaWrRU￥后打开手淘

凡是购买了本书的同学可加我们学UI网作业群5群群号:344912310，群文件会有书中的PSD源文件以及有关素材下载。

学UI网26群：569558041

学UI网老虎帮

高级UI课程

随到随学包学会

报名咨询

QQ群：236786784

长按识别二维码 快速加群

▼ 点这儿，详细了解老虎帮。

• 买的袜子不够暖，自己在家织双袜子穿穿吧~（附教程）
• 硬气！中国在南海曝光3个大动静！这一跳梁小丑刚伸出“黑手”，
• 这一跳梁小丑背后捅刀，中国在南海曝光三大强硬动作
• Linux 上如何禁用 USB 存储
• 【2018考研】准考证打印教程！
• 数码教程丨Amazing！“网红草”秒变仙女粉！调色教程分享
• 日本超1万人气ICON的选择，VIVI国宝级流行大赏的一位都是什么？
• 减脂健身教程
• 不看这个「比比鸟头」教程，你离潮男柏豪就差十万九千个乐少峰！
• 每日一书 | 羽毛球实用教程