![Illustrator CC 2018中文版入门与提高](https://wfqqreader-1252317822.image.myqcloud.com/cover/751/26542751/b_26542751.jpg)
4.5 实例——绘制微图标
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P106_6798.jpg?sign=1738764563-b9rPNZ1nGGwBtr76kPsll3ncfi8MFDTu-0-5f0879509320ebcfc859da5dee6688ea)
4-2 实例——绘制微图标
本节主要通过选择工具、直接选择工具、圆角工具和添加/删除锚点工具,结合路径查找器面板和外观面板绘制图形。
(1)新建一个文档,大小随意,这里是700像素×700像素,RGB颜色,如图4-116所示。
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P106_6791.jpg?sign=1738764563-JXDjpktBc4n8pPt6Uo0Usb9doEANpBXl-0-265bba6c8af55180cf28014ac5b5a818)
图4-116 “新建文档”对话框
(2)执行“编辑”—“首选项”—“参考线和网格”命令,打开“首选项”对话框,具体参数设置如图4-117所示。然后分别执行“视图”—“显示网格”和“视图”—“对齐网格”命令,选择“椭圆工具”绘制一个半径为68px的圆形,设置描边大小为1pt,填充颜色为白色,如图4-118所示。
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P107_6817.jpg?sign=1738764563-LvmwR1JMpTAiJka0833EFw44fO2glxH8-0-31607340889a42970b4796aa3896e543)
图4-117 “首选项”对话框
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P107_6818.jpg?sign=1738764563-NKBrmZg5uUh6kcHqDyvdaMTqXP9hEzpX-0-3c5c1e4c29b77ecb25e57bc72653fcc2)
图4-118 绘制圆形和矩形
(3)使用“椭圆工具”和“矩形工具”分别绘制一个正圆形和正方形,填充颜色为R:137 G:249 B:6,如图4-119所示。执行“窗口”—“对齐”命令,在弹出“对齐”面板中选择“水平居中对齐”,如图4-120所示。
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P107_6825.jpg?sign=1738764563-ZmH3AtXVvsgUHxyrk3QjIKOgxsYMEtlT-0-24d2b1a9c33e88ee140556e8472ac820)
图4-119 绘制圆形和矩形
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P107_6826.jpg?sign=1738764563-iVasRvznDm3o8xfgyxIyqYUUDKRZ9iM4-0-573521944b908ee540d0910af0123ec6)
图4-120 “对齐”面板
(4)接下来为对齐的两个图形制作圆角,选择“选择工具”单击正方形,让其处于选中状态,这时在正方形四个内角出现了标志,然后单击并向内拖动这个标志,此时直角变为圆角,这里设置圆角半径为10px,如图4-121所示,按照这个操作将另一个直角变为圆角,如图4-122所示。
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P107_6833.jpg?sign=1738764563-2ae8pytkoNvUQ7Ow8OhFPAi5nDqwintc-0-09947a2ee5b0707ca18978ce4e1e4c03)
图4-121 将直角变为圆角
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P107_6834.jpg?sign=1738764563-aXr0tVvtD07AexTZ68sbHZMaq8K5Gti7-0-66b05b86cceead9a0a288db5a7555a75)
图4-122 圆角后的图形
(5)同时选择如图4-122所示的两个图形,执行“窗口”—“路径查找器”命令,在弹出的“路径查找器”面板中选择“合并”,执行后效果如图4-123所示。然后选择“直接选择工具”选取合并后的图形,按照(4)中的操作将两个图形的交叉处变为圆角,并设置圆角半径为4px,执行后效果如图4-124所示。
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P108_6846.jpg?sign=1738764563-YGlaixCKuod35wbVVgGCxShTP89Aznqq-0-acb6ef55f3a8922eb5cc10396f960c21)
图4-123 “路径查找器”面板和执行合并后的图形效果
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P108_6847.jpg?sign=1738764563-JUtBBbLyAwdvol2N20G51M7FnYe3DPap-0-a916fc5fdb7bd284f381097a65de8902)
图4-124 圆角后的图形效果
(6)利用“直线段工具”分别绘制两条路径,描边颜色分别为绿色和白色,将绿色路径描边设置为4pt,白色路径描边设置为2pt,如图4-125所示。选择绿色路径,在“描边”面板中单击“圆头端点”按钮,执行后效果如图4-126所示。
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P108_6854.jpg?sign=1738764563-I51LLFrDEHVuNzrPkhVYJWdnjjuXQsQ4-0-f74ffd6254dd63928b7dc06e57cce3f4)
图4-125 绘制路径
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P108_6855.jpg?sign=1738764563-76smVm8E3t8t3MPGNhZ70SNFJUAYH2On-0-af3d105b78377cb253f290900786dd1d)
图4-126 “描边”面板和执行“圆头端点”后的图形效果
(7)接下来将白色直线转曲线,选择“选择工具”选中要转换的白色直线,然后在工具箱中选择“锚点工具”拖动路径到合适的弧度,如图4-127所示。按照上述步骤将绿色路径转为曲线,如图4-128所示。
(8)使用椭圆工具、直线段工具,矩形工具分别绘制如图4-129所示的图形,描边分别为1.5pt和4pt,然后按照(6)中操作方式将直线段和矩形进行圆角,并进行水平对齐,执行后效果如图4-130所示。
(9)将绘制好的图形进行编组,放置到步骤(2)所绘制的圆形当中,使用“文字工具”在图形的下方输入文字“Sour”并设置文字颜色为绿色,文字大小为10pt,最终效果如图4-131所示。
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P109_6878.jpg?sign=1738764563-ShuxCwVPi748YCLMcaz0CF8Dmr8T1jJf-0-139e54d12c5cedfc489054f218966dfa)
图4-127 拖动锚点
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P109_6879.jpg?sign=1738764563-n8oxFPvglF42lxYNh4naZx9lyuwGOsyD-0-fe7253a8c024415e54191f61fd8957f1)
图4-128 直线转为曲线
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P109_6880.jpg?sign=1738764563-J5JBHzO1bhN6qDOuQeO9xvLISSf1Kx7Z-0-6e8fe87b3f0a8f9a4fdd112e837c98ea)
图4-129 绘制图形
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P109_6883.jpg?sign=1738764563-w0f1tlyABTULI4wPAB7l4O9cwhD5Z4ma-0-166bb9dbd91e4df51529164b5514ebcd)
图4-130 将图形进行圆角效果
![](https://epubservercos.yuewen.com/B0C40B/15056703104173106/epubprivate/OEBPS/Images/Figure-P109_6884.jpg?sign=1738764563-rCJZyb1lNa3rFY5T2WgjHqMl2ylGzjDx-0-6fa5ad68a13f6f6c472d233c4a5e53fd)
图4-131 最终效果图