2017090615046884431

教程_01

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

教程_03

先看个最后的效果图吧

教程_05

教程_07

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

教程_09

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

教程_11

教程_13

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

xiaochou-icon 15

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

教程_17

教程_19

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

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

教程_21

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

教程_23

教程_25

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

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

教程_27

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

教程_29

教程_31

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

教程_33

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

教程_35

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

教程_37

教程_39

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

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

教程_41

 

看完教程咱们交作业咯!点我直达作业提交页面~~

 

转载请注明:学UI网 » 小丑icon教程[PS教程]

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 
你可能喜欢的:
3招教你制作钱币底纹-Guilloche图形3招教你制作钱币底纹-Guilloche图形
巧妙快速绘制锤子系音乐播放器(难点部分)巧妙快速绘制锤子系音乐播放器(难点部分)
轻松两步批量调整矢量剪影图标尺寸 [教程]轻松两步批量调整矢量剪影图标尺寸 [教程]
三分钟学习布尔运算由浅入深[教程]三分钟学习布尔运算由浅入深[教程]
3种方法绘制椭圆矩形3种方法绘制椭圆矩形
VIP勋章拆解教程 [ps教程]VIP勋章拆解教程 [ps教程]
写实插头图标教程[PS教程]写实插头图标教程[PS教程]
《纪念碑谷2》图标教程[ps教程]《纪念碑谷2》图标教程[ps教程]
毛线编织纹理图标教程[AI教程]毛线编织纹理图标教程[AI教程]
Pixel Sorter创建潮流线粒风格!Pixel Sorter创建潮流线粒风格!