如何绘制一组创意的仙人掌图标

如何绘制一组创意的仙人掌图标_第1张图片
(本教程由寻图标icon.52112.com提供)

1.创建新的项目文件

启动并在后台运行Illustrator,创建新文档文件>新建Control-N):

画板数量: 1

宽度: 800像素

高度: 600像素

单位: 像素

进入“ 高级”选项卡:

色彩模式: RGB

栅格效果:屏幕(72ppi)

预览模式:默认


如何绘制一组创意的仙人掌图标_第2张图片

2.设置自定义网格

创建新文件之后我们需要创建一个合适的网格方便之后绘制图标过程中观察水平和位置。

第1步

转到编辑>首选项>参考线和网格子菜单,然后进行以下设置:

网格线: 1 px

细分: 1


如何绘制一组创意的仙人掌图标_第3张图片

3.设置图层

打开“ 图层”面板,创建五个图层,将它们重命名如下:

第1层:参考网格

第2层:第一个仙人掌

第3层:第二个仙人掌

第4层:第三个仙人掌

第5层:第四个仙人掌


如何绘制一组创意的仙人掌图标_第4张图片

4.创建参考网格

第1步

首先锁定除“参考网格”图层以外的所有图层,然后选择矩形工具(M)创建一个128 x 128像素的橙色(#F15A24)方块。


如何绘制一组创意的仙人掌图标_第5张图片

第2步

接下来创建一个较小的120 x 120像素(#FFFFFF)方形,将它放置在上一个形状的顶部,作为我们的活动绘图区域,从而为我们的图标提供4 px的边缘填充。


如何绘制一组创意的仙人掌图标_第6张图片

第3步

使用Control-G 键盘快捷键选择两个正方形并将它们组合在一起,然后将它们居中对齐到底层的画板。创建三个副本(Control-C> Control-F三次)将原始水平距离设置为40像素,锁定当前图层,然后再转到下一部分的绘制。


如何绘制一组创意的仙人掌图标_第7张图片
(本教程由寻图标icon.52112.com提供)

5.创建第一个仙人掌图标

假如我们已经完成了参考网格的创建,接下来进入到下一层(这将是第二层),然后创建第一个图标开始第一个图标的绘制。

第1步

首先使用68 x 32 px圆角矩形和8 px创建植物的陶瓷罐,使用#E5E5E5进行着色 ,然后将它中心对齐到下面的活动绘图区域,距底边4 px的位置。


如何绘制一组创意的仙人掌图标_第8张图片

第2步

使用描边为我们刚刚创建的形状添加轮廓,创建它的副本(Control-C),将其粘贴(Control-F)在图形前面,然后将其颜色更改为#3A2E2A。使用它的笔触(Shift-X)翻转副本的填充。


如何绘制一组创意的仙人掌图标_第9张图片


第3步

创建68 px4 px线条(#3A2E2A)给圆角矩形添加水平线条,将其居中对齐到陶盆的上半部分,距离顶部边缘 4 px的位置。完成后,使用Control-G键盘快捷键选择并将所有形状组合在一起。


如何绘制一组创意的仙人掌图标_第10张图片

第4步

使用28 x 80 px矩形(#88AF66)创建植物的主体,将其定位在花盆顶部,放置在距离活动绘图区域右边缘38 px的位置。


如何绘制一组创意的仙人掌图标_第11张图片

第5步

调整我们刚刚创建的形状,选择矩形两角的锚点进入“ 变形”面板的“ 矩形属性”中将其顶角的半径设置为14像素


如何绘制一组创意的仙人掌图标_第12张图片

第6步

接下来,选择钢笔工具(P)调整为4 px粗细(#6D894E)和8 px粗细(宽度配置文件5)绘制两条仙人掌纹理线。


如何绘制一组创意的仙人掌图标_第13张图片

第7步

选择两条纹理进行分组然后创建一个条纹副本,作为剪贴蒙版使用。(复制完成后,选择图形和描边,然后右键单击>制作剪贴蒙版。)

如何绘制一组创意的仙人掌图标_第14张图片

第8步

使用描边为仙人掌提供8 px的轮廓,将其颜色设置为#3A2E2A。

如何绘制一组创意的仙人掌图标_第15张图片

第9步

创建66 px4 px宽的圆端点线条(#3A2E2A)添加仙人掌中间的垂直线,将它对齐到植物的底部边缘。完成后,选择并将所有形状组合(Control-G)在一起,然后再继续下一步。

如何绘制一组创意的仙人掌图标_第16张图片

第10步

创建28 x 52 px矩形(#A9D884)作为左侧的仙人掌主体,通过在“ 变换”面板的“ 矩形属性”中将其顶角的半径设置为14 px。将生成的形状放在花盆顶部,距离活动绘图区域的左边缘38 px的位置。

如何绘制一组创意的仙人掌图标_第17张图片

第11步

使用同样的方法给图形添加两条倾斜的纹理线。

如何绘制一组创意的仙人掌图标_第18张图片

第12步

给植物一个8 px的轮廓(#3A2E2A),然后在其底部边缘的中心绘制一条38 px4 px宽的线(#3A2E2A)。完成后,使用Control-G 键盘快捷键选择所有组成形状组合在一起。

如何绘制一组创意的仙人掌图标_第19张图片

第13步

使用14 x 12 px椭圆(#BAB6B3)和8 px轮廓(#3A2E2A)绘制小岩石,将其进行分组(Control-G),然后定位在花盆右边缘的顶部,将其发送到较大岩石的下方(右键单击>排列>后移一层)。

如何绘制一组创意的仙人掌图标_第20张图片

第14步

选择钢笔工具(P),使用#9B928E作为填充颜色选择8 px轮廓(#3A2E2A),将连接设置为圆形连接,给图形进行分组(Control-G),然后将两个图形定位在陶瓷罐后面(右击>排列>后移一层)。在进入下一步之前,不要忘记选择和分组(Control-G)目前为止我们创建的所有形状。

如何绘制一组创意的仙人掌图标_第21张图片

第15步

创建一个圆角端点96像素长8像素宽的线条(#3A2E2A)绘制图标的水平线,将对齐到活动绘图区域的左下角。

如何绘制一组创意的仙人掌图标_第22张图片

第16步

接下来依旧使用前一步的参数绘制一条4 px8 px宽的线条。

如何绘制一组创意的仙人掌图标_第23张图片
(本教程由寻图标icon.52112.com提供)

6.创建第二个仙人掌图标

假设我们已经完成了第一个图标的工作,接下来我们锁定它的图层,然后进入到下一个图标的绘制。

第1步

使用68 x 40 px圆角矩形(#E5E5E5)创建8 px 圆角半径8 px轮廓(#3A2E2A)陶瓷罐,将陶瓷罐进行分组(Control-G)然后将其居中对齐到活动绘图区域的底部。

如何绘制一组创意的仙人掌图标_第24张图片

第2步

创建68 px4 px宽的直线(#3A2E2A)添加陶瓷罐的水平线条,将其居中对齐到距离顶部4 px的位置。完成后,选择并将所有三个形状组合在一起(Control-G),然后再继续下一步。

如何绘制一组创意的仙人掌图标_第25张图片


第3步

使用64 x 64 px圆(#A9D884)和8 px轮廓(#3A2E2A)创建仙人球主体形状,选择的并将其进行分组(Control-G),中心对齐到陶瓷罐。

如何绘制一组创意的仙人掌图标_第26张图片

第4步

使用8 px轮廓(#3A2E2A)34 x 64 px大小的椭圆(#88AF66)添加仙人球的内部部分,将其进行分组(Control-G),然后中心对齐到其较大的形状。

如何绘制一组创意的仙人掌图标_第27张图片

第5步

通过在其中心添加64 px8 px厚的行程线(#3A2E2A)将中心部分分成两半,选择并将所有工厂的组成形状分组(Control-G),然后再进行下一步。

如何绘制一组创意的仙人掌图标_第28张图片

第6步

由于我们希望仙人球位于陶瓷罐后面,所以首先我们要选择它,然后通过右键单击>排列>后移一层将其定位在陶瓷罐后面。

如何绘制一组创意的仙人掌图标_第29张图片

第7步

使用8 px轮廓(#3A2E2A)12 x 16 px大小的椭圆(#EF835E)创建仙人掌的中心花瓣,将其分组(Control-G)然后居中对齐到活动绘图区域的顶部边缘

如何绘制一组创意的仙人掌图标_第30张图片

第8步

使用16 x 16 px矩形(#EF835E)创建左边花瓣,通过在“ 变形”面板的“ 矩形属性”中将其左下角和右上角的角半径设置为12 px。使得到的形状具有8px厚的轮廓,设置为圆形连接,进行分组(Control-G),然后将两者定位在花瓣侧面。#3A2E2A

如何绘制一组创意的仙人掌图标_第31张图片

第9步

创建我们刚刚绘制图形的副本(Control-C> Control-F)点击镜像工具(O)进行垂直复制,将其定位到花瓣的另一侧。选择所有花瓣进行分组(Control-G)将它们定位在仙人球的后方右键单击>排列>移到下一层。

如何绘制一组创意的仙人掌图标_第32张图片

第10步

使用8 px轮廓(#3A2E2A)、16 x 14 px大小椭圆(#BAB6B3)创建小岩石,将其进行分组(Control-G),然后将底部对齐到陶瓷罐的主体,距离右边缘4 px的位置。

如何绘制一组创意的仙人掌图标_第33张图片

第11步

使用8 px轮廓#3A2E2A填充颜色#9B928E的钢笔工具绘制陶瓷罐后面的岩石,使用圆形连接,分组(Control-G),然后将两个形状定位在其他形状下方(右键单击>排列>后移一层)。

如何绘制一组创意的仙人掌图标_第34张图片

第12步

使用第一个图标创建的地平线副本(Control-C)添加到仙人球图标的前面。完成后,选择并给整个的图标进行分组(Control-G),然后进行下一步的操作。

如何绘制一组创意的仙人掌图标_第35张图片
(本教程由寻图标icon.52112.com提供)

7.创建第三个仙人掌图标

第1步

使用8 px圆角半径8 px轮廓(#3A2E2A)68 x 32 px圆角矩形(#E5E5E5)创建陶瓷罐,将罐子进行分组(Control-G),然后将其中心对齐到活动绘图区域的底部。

如何绘制一组创意的仙人掌图标_第36张图片

第2步

使用68 px4 px宽的线条(#3A2E2A)给罐子添加水平细节线,将其定位在距陶瓷罐顶部4 px的位置。完成后,选择三个形状并使用Control-G键盘快捷键将它们组合在一起。

如何绘制一组创意的仙人掌图标_第37张图片

第3步

创建64 x 64 px圆(#A9D884)作为仙人掌的主体形状,将其中心对齐到陶瓷罐,将其定位在距活动绘图区域顶部边缘28 px的位置。

如何绘制一组创意的仙人掌图标_第38张图片

第4步

创建三个对角纹理线#88AF66 ,进行分组(Control-G),然后使用底层圆形的副本(Control-C> Control-F)对它们进行遮罩。

如何绘制一组创意的仙人掌图标_第39张图片

第5步

给仙人掌的主体部分添加一个8像素的轮廓(#3A2E2A),然后选择所有组成形状并进行分组(Control-G)。

如何绘制一组创意的仙人掌图标_第40张图片

第6步

使用36 x 36 px圆(#88AF66)创建仙人掌的左上部分,在上面将添加对角纹理线(#6D894E)并赋予8 px粗轮廓(#3A2E2A)。选择并将三个形状组合(Control-G)在一起,将它们与活动绘图区域的上边缘对齐,确保将它们放在陶瓷罐的后面(右键单击>排列>后移一层)。

如何绘制一组创意的仙人掌图标_第41张图片

第7步

使用16 x 16 px(#A9D884)和8 px粗轮廓(#3A2E2A)的圆添加一个较小的仙人掌部分,进行分组(Control-G),然后将其定位到先前创建形状的右侧。

如何绘制一组创意的仙人掌图标_第42张图片

第8步

使用同样的方法创建带有条纹图案的圆形仙人掌,放置在仙人掌主体部分的右上方。

如何绘制一组创意的仙人掌图标_第43张图片

第9步

选择并给完成部分进行分组(Control-G)将它们发送到底部(右键单击>排列>后移一层),然后再继续下一步。

如何绘制一组创意的仙人掌图标_第44张图片

第10步

使用14 x 12 px(#BAB6B3)和8 px粗轮廓(#3A2E2A)的椭圆创建小岩石,将其进行分组(Control-G)然后定位到陶瓷罐的左侧,之后将它发送到陶瓷罐后面(右键单击>排列>后移一层)。

如何绘制一组创意的仙人掌图标_第45张图片

第11步

使用#9B928E填充颜色8 px 轮廓(#3A2E2A)的线条绘制出岩石的形状,使用圆形连接,给岩石进行分组(Control-G),然后将岩石放置在陶瓷罐后面(右键单击>排列>后移一层)。

如何绘制一组创意的仙人掌图标_第46张图片

第12步

选择上一个图标的水平线创建副本(Control-C),粘贴(Control-F)到当前图标的下方作为水平线。

如何绘制一组创意的仙人掌图标_第47张图片
(本教程由寻图标icon.52112.com提供)

8.创建第四个仙人掌图标

接下来我们开始绘制最后一个图标。

第1步

首先使用8 px 圆角半径8 px粗轮廓(#3A2E2A)68 x 24像素的圆角矩形(#E5E5E5)创建陶瓷花盆,将创建的图形进行分组(Control-G)然后居中对齐到活动绘图区域的底部边缘。

如何绘制一组创意的仙人掌图标_第48张图片

第2步

使用68 px4 px宽的线条(#3A2E2A)添加陶瓷罐水平细节线,将其定位在距陶瓷罐顶部边缘4 px的位置。完成后,选择三个形状并使用Control-G键盘快捷键将它们组合在一起。

如何绘制一组创意的仙人掌图标_第49张图片

第3步

创建一个24 x 24 px圆(#A9D884)作为仙人掌的主体形状,将它中心对齐到活动绘图区域,距离顶部边缘4 px的位置。

如何绘制一组创意的仙人掌图标_第50张图片

第4步

创建另一个稍大的44 x 44 px圆圈(#A9D884),将其定位在距离较小圆圈24 px的位置。

如何绘制一组创意的仙人掌图标_第51张图片

第5步

使用直接选择工具(A)选择两个圆形的内部锚点 然后按Delete删除它们,打开两个圆的路径。

如何绘制一组创意的仙人掌图标_第52张图片

第6步

选择两个锚点然后点击Control-J组合键两次将两个路径合并为一个更大的形状。

如何绘制一组创意的仙人掌图标_第53张图片

第7步

调整生成的形状,使用“ 将选定的锚点转换为平滑”调整锚点的方向使图形轮廓变得圆滑起来。

如何绘制一组创意的仙人掌图标_第54张图片

第8步

使用#88AF66的笔触颜色添加对角纹理线,使用底层形状的副本(Control-C> Control-F)作为蒙版遮盖多出的条纹(右键单击>制作剪贴蒙版)。

如何绘制一组创意的仙人掌图标_第55张图片

第9步

给仙人掌添加一个8 px的轮廓(#3A2E2A),然后在其底部边缘的中心绘制一条80 px4 px宽的中垂线(#3A2E2A)。完成后,使用Control-G 键盘快捷键选择所有组成形状并将其组合在一起。

如何绘制一组创意的仙人掌图标_第56张图片

第10步

将我们刚刚分组的形状放在陶瓷罐后面(右键单击>排列>后移一层),使用Control-G键盘快捷键选择并将两个形状组合在一起。

如何绘制一组创意的仙人掌图标_第57张图片

第11步

使用8 px轮廓(#3A2E2A)22 x 16 px大小的椭圆(#BAB6B3)添加较小的岩石,将岩石形状进行分组(Control-G)然后定位到陶瓷罐的右侧,距离陶瓷罐右边缘4 px的位置。

如何绘制一组创意的仙人掌图标_第58张图片

第12步

选择8 px 轮廓(#3A2E2A)填充颜色#9B928E的钢笔工具绘制岩石,将图形调整为圆形连接,进行分组(Control-G),然后将它们放置在陶瓷罐后面(右键单击>排列>后移一层)。

如何绘制一组创意的仙人掌图标_第59张图片

第13步

使用同样的操作创建仙人掌盆栽的水平线,放置在图标的顶层。

如何绘制一组创意的仙人掌图标_第60张图片

图标完成!

如何绘制一组创意的仙人掌图标_第61张图片
(本教程由寻图标icon.52112.com提供)

你可能感兴趣的:(如何绘制一组创意的仙人掌图标)