【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格

矢量元素科技

成都/平面设计师/10年前/2302浏览

版权

矢量元素科技

自译教程，有任何不懂得都可以来联系小编C413571489

自译教程，有任何不懂得都可以来联系小编
C413571489

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg4NDQ=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg4NDg=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg4NjQ=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

一、创建
打开AI软件 COMMAND＋N 创建800x800px的画布

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg4NzI=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

1、选择视图－显示网格快捷键ctrl+''

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg4NzY=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

使用椭圆工具(L),创建165x165像素的圆.这个是猫头鹰的头部.然后,创建另一个147x147像素圆的身体.同时选中这两个圆圈,双击第一个圆激活它,并使用对齐面板(窗口－对齐),单击水平剧中和垂直居中.

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg4ODQ=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg4ODA=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg4ODg=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

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

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg4OTI=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

创建一个173 x 173像素圆和一个147 x 147像素圆像之前步骤一样将它们对齐.按COMMAND＋R调出标尺.然后点击标尺上,用鼠标将其放置在中心.定位两个圆中所示的图像.

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg4OTY=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

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

3、创建三个圆圈(红色):293 x 293像素,208×208像素和 173 x 173像素.如下图所示的图片放置它们.所有的圈子必须居中.为了大家能看清楚，我把描边加粗了!!!

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5MDA=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

创建最终的三个圆(紫色):237 x 237像素,293 x 293像素和 117 x 117像素 ,将其放置如下图所示的画面.

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5MDg=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

4、现在选择所有圆圈,除了我们创建的第一个.按COMMAND＋G编组.鼠标右键,选择变换－对称.选择垂直并点击复制.

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5MDQ=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

将复制的圆圈对第一次画的圆居中对称对齐（如图所示）

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5MTI=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

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

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5MTY=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5Mjg=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5MjQ=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5MjA=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

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

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5MzY=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5MzI=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

蓝色色调 #577895 #BBC6CF #365775
橙色色调 #D17028 #E18E4A
布朗阴影 #555557 #797B7C #8C8C8C

2、猫头鹰的眼睛,创建一个35×35像素（#848484）和一个28×28像素（#444444）的圆.同时选中两个圆居中对齐.并复制另一个

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5NDA=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5NDQ=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5NDg=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

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

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzg5NTI=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

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

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzkwNDg=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

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

【新手教程】如何创建一个猫头鹰字符使用Adobe Illustrator的圆形网格（图ZMzczMzkwNTI=） - 图案 - 站酷设计师矢量元素科技原创素材 - 站酷ZCOOL

完成！！！最后再来学点英语！！
Awesome Work—You’re Done!

This technique is all about accuracy and detail. The more accurately you align the circles, the less work you’ll have to do in the end. I hope you enjoyed this tutorial and will be able to create something different on your own!

创作信息

声明

原创作品平面图案