若何创建矢量书虫图标

我们首先要利用Adobe Illustrator创建一个新文档（文件>新建或掌握-N），然后进行以下设置的调度：

欢迎加入UI设计群587751709

进入“ 高等”选项卡：

2.设置图层

由于我们希望能够隔离我们的构图并专注于图片的不同部分，因此最好将项目文件分层以完备简化我们的事情流程。

话虽如此，打开“ 图层”面板，让我们创建三个单独的图层，我们将其命名如下：

3.如何创建背景

一旦我们完成了文档的分层，我们就可以开始绘制插图了。

步骤1

绘制如下图所示的前景线

第2步

利用钢笔工具（P），然后以下面图像为参考绘制背景，将其放置在前景线的顶部，然后添补颜色设置为＃F77A61。

第3步

由于此时我们已经完成了背景事情，现在我们可以利用键盘快捷键Ctrl+G将两个形状组合在一起，然后锁定当前图层，以便我们进行下一步的操作。

4.如何创建小书堆

如果我们已经完成了上面操作，我们就可以连续下一图层的绘制了（这将是第二层），创建我们的小书堆。

步骤1

通过创建一个208 x 64像素的矩形开始处理底部书本的侧面部分，我们将利用＃A3798D对其进行着色，然后定位到前景线上，间隔右边缘52 px。

第2步

在“ 变换”面板的“ 矩形属性”中将其右角的半径设置为32 px，调度我们刚刚创建的形状。

第3步

利用192 x 64 px矩形（＃BC93A8）添加书本封面底部的形状，我们将通过将其右角的半径设置为32 px进行调度，将得到的形状定位到侧面部分，如图所示参考图像，使它们的锚点重叠。

第4步

利用两个8 x 8 px的正方形（＃BC93A8）创建封面的端点，将其左半径设置为4 px进行调度。
完成后，所产生的形状定位到当前部分的左侧，并确保三个图形能组合成一个

第5步

利用184 x 48 px的矩形添加书的内部部分，利用＃FFF1E1进行着色，然后通过将其右角的半径设置为24 px进行调度，以下面图像为参考

第6步

创建48 x 4 px和36 x 4px（＃F9D6B9）的两条水平线，然后将较小的36 x 4px（＃F9D6B9）矩形堆叠在顶部，间隔为4px，通过设置半径来调度他们的右角到2 px。
完成后，将两个组合（Ctrl+G）将它们放置在内部区域的左侧，间隔其底部边缘8 px。

第7步

移回书的侧面部分，利用28 x 28 px的圆（＃615972）添加一些装饰元素，分别创建间隔为92 x 8 px和间隔为8 px，角度半径为4 px的圆角矩形（＃615972）如参考图像中所示。
完成后，请确保选择并分组（Ctrl+G）所有书本的构图形状，然后进行下一步操作。

第8步

利用200 x 48 px的矩形（＃998FC9）为其侧面部分创建中间的书，在“ 变形”面板的“ 矩形属性”中将其右角的半径设置为24 px。
完成后，将天生的形状放在较大的书的顶部，间隔其右边缘20 px。

第9步

接下来我们利用152 x 48 px矩形（＃B0ABD8）创建上面书本的底部部分，右边角为半径为24 px，在其左侧我们将添加两个8 x 8 px正方形（＃B0ABD8）并将它们的左半边调节为4px半径的半圆。

第10步

添加144×32px的矩形（＃FFF1E1）定位到下图中的位置

第11步

接下来，我们创建48 x 4 px和36 x 4px（＃F9D6B9）的两条水平线，然后将36 x 4像素的（＃F9D6B9）堆叠在顶部，间隔为4 px，我们将通过将右角的半径设置为2像素进行调度。
完成后，将两个组合（Ctrl+G）并将两个放置在内部区域的左侧，间隔其底部边缘8 px。

第12步

移动到书的侧面，添加40×8px圆角矩形（＃615972）调度为4 px的角半径，中间留下8px的间隔创建另一个较宽的80×8px的圆角矩形（＃615972）进行分组并调节到下图位置

第13步

创建156 x 20 px的矩形制作打开的书本，利用＃FFBC6C进行着色，然后将其放置在前一个书本图层的顶部，间隔其右边缘28 px的间隔。

第14步

调度我们刚刚创建的形状，利用直接选择工具（A）选择其顶部锚点，然后利用移动工具将它们向右推60px（右键单击>变换>移动>水平> -60 px）。

第15步

创建168 x 8 px矩形（＃FFBC6C）做书本封面，在其右上角创建参考线调度形状。
完成后，将天生的形状放在上一部分的顶部，如参考图像中所示。

第16步

创建144 x 120 px矩形（＃FFD37B）作为书本的底部，我们将通过利用“ 移动”工具单独选择并将其顶部锚点推向内部60 px的间隔进行调度（右键单击>变换>移动>水平> + / - 60 px，详细取决于您从哪一侧开始）。
完成后，将天生的形状放在书本侧面部分，如参考图像中所示。

第17步

利用添加锚点工具（+）将新锚点添加到边缘的中央来调度形状，向外推动8 px的间隔（右键单击>变换>移动>垂直> -8 px）然后将选定的锚点用平滑工具平滑一下。
调度曲率，然后进行下一步。

第18步

创建128 x 116 px矩形（＃FFF1E1）添加书的内部部分，单独选择并将其顶部锚点推向内部58 px的间隔进行调度（右键单击>变换>移动>水平> + / - 58 px，取决于您从哪一侧开始），将天生的形状居中对齐到当前部分的下边缘。

第19步

在顶部边缘的中央添加一个新锚点来连续调度形状，利用方向箭头键或移动工具向内推动2 px的间隔（右键单击>变换>移动>垂直> 2 px），然后通过首先将其转换为平滑来调度其曲率，然后重新定位其手柄的端点。

第20步

接下来，我们创建书内部较暗的部分，创建一个2 x 2 px圆圈，利用＃615972进行着色，然后定位间隔前一个形状的顶部锚点4 px的间隔。

第21步

利用直接选择工具（A）选择其底部锚点，然后按Delete删除它，打开我们刚刚创建的形状。
然后，利用参考图像作为参考，绘制一条新的路径，将其侧面部分向内侧波折。
花点韶光，一旦完成，连续下一步。

第22步

利用钢笔工具（P绘制字母“W”，利用＃615972为天生的形状着色。
完成后，请确保选择并分组（Ctrl+G）所有书本的构图形状，然后再连续下一步。

5.如何创建书签

现在我们已经准备好了所有书本，我们可以快速添加书签标志，我们将利用几个大略的步骤创建书签标志。

步骤1

开始处理标志的上半部分，创建两个8 x 8 px圆圈，利用＃615972进行着色，然后水平间隔调度为16 px，将它们定位在中间书的底部，如参考图片所示。

第2步

打开我们刚创建的形状的路径，方法是利用直接选择工具（A）选择它们的右下锚点，然后按Delete键立即删除它们。
完成后，选择天生路径的顶部锚点，并利用Ctrl+J组合键将它们连接在一起。

第3步

利用钢笔工具（P）绘制其下部路径，以参考图像作为参照，完成形状。
与之前一样，在连续下一部分之前，不要忘却将书本和书签一起选择和分组（Ctrl+G）。

6.如何创建书虫

一旦你完成了书签的创建，我们就可以锁定当前层，然后我们就可以进行下一部分也便是末了一部分操作了，创建书虫。

步骤1

创建一个112 x 36像素的矩形作为虫子的身体，利用＃FFC7AE对其进行着色，然后如参考图像中所示定位到中间的书本上。

第2步

创建36 x 72 px矩形（＃FFC7AE）作为上半身，我们将其放置在上一个形状的顶部，确保将其对齐到其左边缘。

第3步

利用“ 路径查找器 ”的“ 联合形状模式 ” 将两个形状合并为一个，然后利用“ 删除锚点工具”（ - ）删除在两个矩形相交形状左边缘上的额外锚点。

第4步

调度我们刚刚创建的形状，将其左下角的半径设置为56px，其内角半径设置为20px，方法是利用直接选择工具（A）分别选择它们，然后利用圆角工具。
一旦你完成了，重复同样的过程，选择其顶部锚点和设置他们的半径为18px。

第5步

连续调度形状，利用直接选择工具（A）选择其右下锚点，然后利用移动工具将其推向外部12 px（右键单击>变换>移动>水平> 12像素）。

第6步

接下来，利用钢笔工具（P）并利用＃EFA689作为添补颜色在蠕虫的身体上绘制环形条纹，选择图形并将它们组合在一起（Ctrl+G）进行下一步。

第7步

利用虫子底层形状为副本（Control-C）来粉饰环形条纹，粘贴（Control-F）身体图层然后利用该图层创建蒙版（右键单击>制作剪贴蒙版。
）

第8步

创建小帽子，首先创建16×8px椭圆（＃615972），然后添加一个8×16像素的矩形进行组合然后定位到头部

第9步

创建28 x 28 px的圆（＃66CCB9）作为左镜片，添补形状的28 x 28 px圆，颜色（＃615972）调度为40％不透明度，分组（Ctrl+G），然后定位在参考图像中的位置。

第10步

创建更大的48 x 48 px圆（＃66CCB9）作为右镜片，其添补形状调度为40％不透明度，然后为其框架添加48 x 48 px圆和4 px厚的边框（＃615972），进行分组（Control-G）然后定位到头部的另一侧，使其与较小的一侧重叠。

第12步

利用两个8 x 8 px大小和4 px边框的圆（＃615972）创建眼睛，我们将利用直接选择工具（A）选择其顶部锚点进行调度，然后通过按Delete删除它们，参考下面图像位置，分组Ctrl+G进行下一步。

第13步

通过利用4 x 8 px矩形（＃D68167）创建烟嘴，垂直堆叠一个8 x 4 px圆角矩形（＃B26A59）在眼镜下方。

第14步

创建4 x 12 px、56 x 28 px、28 x 12 px的矩形（＃D68167）作为烟斗的紧张形状，拼凑成下图形状。

第15步

将我们刚刚创建的矩形统一为一个更大的形状，利用圆角工具将底角半径的曲率设置为28px、内角半径设置为12px。

第16步

接下来，在烟斗的上部添加一个36 x 8 px圆角矩形（＃B26A59）与烟斗紧张形状组合（Ctrl+G）

第17步

创建几个不同大小的圆圈创建烟雾，并将添补颜色设置为＃FFF1E1，分组（Ctrl+G）并将它们放置在烟斗图层下方（如参考图像中所示）（右键单击>排列>后移一层）。

第18步

利用钢笔工具（P）创建髯毛并删除轮廓然后放置在眼镜图层上面

完成 欢迎加入UI设计群587751709