起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > 教你绘制扁平风的卡通猫头鹰(psd)

教你绘制扁平风的卡通猫头鹰(psd)

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:作业做作业教程


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: @Junnooshi :最近跟着国外网站做了些练习,步骤比较详细,虽然是英文教程,但是一句句翻译加上理解也能跟着完成

@Junnooshi :最近跟着国外网站做了些练习,步骤比较详细,虽然是英文教程,但是一句句翻译加上理解也能跟着完成。同时想到自己之前想学某些东西,苦于没有教程可参考,所以跟大家分享下这篇教程,供小伙伴们参考。

教程源文件 百度云下载:http://pan.baidu.com/s/1mgKqDdQ

最终效果图

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

好,步入正题

一、创建

打开AI软件,COMMAND+N 创建800*800px 的画布

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

1、选择视图-显示网格

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

使用椭圆工具(L),创建165*165像素的圆,这个是猫头鹰的头部。

然后,创建另一个147*147像素圆的身体。同时选中这两个圆圈,双击第一个圆激活它,并使用对齐面板(窗口-对齐),单击水平居中和垂直居中。

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

2、画一只猫头鹰的眼睛,45*45像素的圆。将它与垂直分布中心对齐,将其放置到左边,如图所示:

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

创建一个173 * 173像素圆和一个147 * 147像素的圆,像之前步骤一样将它们对齐。

按COMMAND+R调出标尺,然后点击标尺上,用鼠标将其放置在中心,如两个圆中所示:

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

大圆圈的重叠给你的猫头鹰一个喙。

3、创建三个圆圈(红色):293 * 293像素,208 * 208像素和 173 * 173像素,如下图所示放置。

所有的圈子必须居中,为了大家能看清楚,我把描边加粗了。

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

创建最终的三个圆(紫色):237 * 237像素,293 * 293像素和 117 * 117像素 ,如下图所示将其放置,黑色小圆圈显示仅供指导。

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

4、现在选择所有圆圈,除了我们创建的第一个。

按COMMAND+G编组,鼠标右键,选择变换-对称。选择垂直并点击复制.

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn 教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

将复制的圆圈对第一次画的圆,居中对称对齐(如图所示)

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

全选,COMMAND+C,锁定图层,并创建一个新图层,SHIFT+COMMAND+V到新图层。

全选,去掉描边填充色,使用路径查找器点击分割。

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

5、删除不需要的形状

二、着色

1、使用直接选择工具(A)选择形状和颜色。

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

蓝色色调: #577895 #BBC6CF #365775

橙色色调: #D17028 #E18E4A

布朗阴影: #555557 #797B7C #8C8C8C

2、猫头鹰的眼睛。

创建一个35 * 35像素(#848484)和一个28 * 28像素(#444444)的圆,同时选中两个圆居中对齐。

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

3、创建两个10 * 10像素的圆(#BCC6CF)。他们重叠,并使用路径查找器面板,点击减去顶层形状。

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

4、创建一个3×3像素圆,并将其放置在瞳孔的底部,选中按住Alt键并拖动鼠标,复制它至右侧眼睛位置。

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

三、清理

1、使用直接选择工具(A),选择同样的颜色的路径,然后单击联集。

完成!!!

教你绘制扁平风的卡通猫头鹰(psd)_qh.itpxw.cn

 

原文地址:design.tutsplus

文章来源:优设

译者:@Junnooshi

转载请注明:起航学习网 » 教你绘制扁平风的卡通猫头鹰(psd)

文章出自:http://qh.itpxw.cn/peixun/ui/201615168.html

文章标题:教你绘制扁平风的卡通猫头鹰(psd)



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------