
4.5 实例——绘制微图标

4-2 实例——绘制微图标
本节主要通过选择工具、直接选择工具、圆角工具和添加/删除锚点工具,结合路径查找器面板和外观面板绘制图形。
(1)新建一个文档,大小随意,这里是700像素×700像素,RGB颜色,如图4-116所示。

图4-116 “新建文档”对话框
(2)执行“编辑”—“首选项”—“参考线和网格”命令,打开“首选项”对话框,具体参数设置如图4-117所示。然后分别执行“视图”—“显示网格”和“视图”—“对齐网格”命令,选择“椭圆工具”绘制一个半径为68px的圆形,设置描边大小为1pt,填充颜色为白色,如图4-118所示。

图4-117 “首选项”对话框

图4-118 绘制圆形和矩形
(3)使用“椭圆工具”和“矩形工具”分别绘制一个正圆形和正方形,填充颜色为R:137 G:249 B:6,如图4-119所示。执行“窗口”—“对齐”命令,在弹出“对齐”面板中选择“水平居中对齐”,如图4-120所示。

图4-119 绘制圆形和矩形

图4-120 “对齐”面板
(4)接下来为对齐的两个图形制作圆角,选择“选择工具”单击正方形,让其处于选中状态,这时在正方形四个内角出现了标志,然后单击并向内拖动这个标志,此时直角变为圆角,这里设置圆角半径为10px,如图4-121所示,按照这个操作将另一个直角变为圆角,如图4-122所示。

图4-121 将直角变为圆角

图4-122 圆角后的图形
(5)同时选择如图4-122所示的两个图形,执行“窗口”—“路径查找器”命令,在弹出的“路径查找器”面板中选择“合并”,执行后效果如图4-123所示。然后选择“直接选择工具”选取合并后的图形,按照(4)中的操作将两个图形的交叉处变为圆角,并设置圆角半径为4px,执行后效果如图4-124所示。

图4-123 “路径查找器”面板和执行合并后的图形效果

图4-124 圆角后的图形效果
(6)利用“直线段工具”分别绘制两条路径,描边颜色分别为绿色和白色,将绿色路径描边设置为4pt,白色路径描边设置为2pt,如图4-125所示。选择绿色路径,在“描边”面板中单击“圆头端点”按钮,执行后效果如图4-126所示。

图4-125 绘制路径

图4-126 “描边”面板和执行“圆头端点”后的图形效果
(7)接下来将白色直线转曲线,选择“选择工具”选中要转换的白色直线,然后在工具箱中选择“锚点工具”拖动路径到合适的弧度,如图4-127所示。按照上述步骤将绿色路径转为曲线,如图4-128所示。
(8)使用椭圆工具、直线段工具,矩形工具分别绘制如图4-129所示的图形,描边分别为1.5pt和4pt,然后按照(6)中操作方式将直线段和矩形进行圆角,并进行水平对齐,执行后效果如图4-130所示。
(9)将绘制好的图形进行编组,放置到步骤(2)所绘制的圆形当中,使用“文字工具”在图形的下方输入文字“Sour”并设置文字颜色为绿色,文字大小为10pt,最终效果如图4-131所示。

图4-127 拖动锚点

图4-128 直线转为曲线

图4-129 绘制图形

图4-130 将图形进行圆角效果

图4-131 最终效果图