
3.4 简单几何图形的绘制
Illustrator CS6为用户提供了几种简单的几何图形工具,利用这些工具可以轻松地绘制几何图形,主要包括“矩形工具”、“圆角矩形工具”
、“椭圆工具”
、“多边形工具”
、“星形工具”
和“光晕工具”
。
3.4.1 矩形工具
矩形工具主要用来绘制长方形和正方形,是最基本的绘图工具之一,可以使用以下几种方法来绘制矩形。
1.使用拖动法绘制矩形
在工具箱中选择“矩形工具”,此时光标将变成了十字型,然后在绘图区中适当位置单击以确定矩形的起点,然后在按住鼠标左键不放的情况下向需要的位置拖动,当到达满意的位置时释放鼠标,即可绘制一个矩形。绘制过程如图3-62所示。当使用矩形工具绘制矩形,在拖动鼠标时,第1次单击的起点的位置并不发生变化,当向不
·经验分享·
关于“矩形工具”的绘制技巧
在绘制矩形的过程中,按【Shift】键可以绘制一个正方形;按【Alt】键可以以单击点为中心绘制矩形;按【Shift+Alt】组合键可以以单击点为中心绘制正方形;按空格键可以移动矩形的位置。按【~】键可以绘制多个矩形;按【Alt+~】组合键可以绘制多条以单击点为中心并向两端延伸的矩形。下图所示为按【Alt+~】组合键绘制多个矩形的效果。

同方向拖动不同距离时,可以得到不同形状、不同大小的矩形。

图3-62 直接拖动绘制矩形
2.精确绘制矩形
在绘图过程中,很多情况下需要绘制尺寸精确的图形。如果需要绘制尺寸精确的矩形或正方形,用拖动鼠标的方法显然不行。这时就需要使用“矩形”对话框来精确绘制矩形。
首先在工具箱中选择“矩形工具”,然后将光标移动到绘图区合适的位置并单击,即可弹出如图3-63所示的“矩形”对话框,在“宽度”文本框中输入合适的宽度值;在“高度”文本框中输入合适的高度值,然后单击“确定”按钮,即可创建一个精确的矩形。

图3-63“矩形”对话框
实战3-4利用“矩形工具”绘制钢琴键
本例主要讲解利用“矩形工具”绘制钢琴键的方法,具体操作步骤如下。
Step 1 选择工具箱中的“矩形工具”,在绘图区单击,弹出“矩形”对话框,设置矩形的参数:“宽度”为7mm,“高度”为34mm,然后将其填充为无,描边为黑色,如图3-64所示。

图3-64 描边矩形
Step 2 选择矩形,在菜单栏中选择“对象”→“变换”→“移动”命令,弹出“移动”对话框,并修改其参数,单击“复制”按钮,水平复制1个矩形,如图3-65所示。

图3-65“移动”对话框
Step 3 然后再按23次【Ctrl + D】组合键进行多重复制,完成白色琴键的创建,如图3-66所示。

图3-66 多次复制矩形
Step 4 选择工具箱中的“矩形工具”,在绘图区单击,弹出“矩形”对话框,设置矩形的参数:“宽度”为3mm,“高度”为21mm,将其填充为黑色,描边为无。将黑色矩形移动到白色琴键的第1个与第2个之间,如图3-67所示。

图3-67 填充颜色并移动
Step 5 选择黑色矩形,在菜单栏中选择“对象”→“变换”→“移动”命令,弹出“移动”对话框并修改其参数,单击“复制”按钮,如图3-68所示。

图3-68“移动”对话框
Step 6 将黑色矩形水平复制1个矩形,按22次【Ctrl + D】组合键进行多重复制,选择第4、7、11、14、18、21个黑色矩形,按【Delete】键删除,完成黑色琴键,如图3-69所示。

图3-69 复制矩形并移动
Step 7 选择工具箱中的“矩形工具”,沿着白色钢琴键的外轮廓绘制一个矩形,填充为黑色,描边为黑色,描边粗细为2pt,如图3-70所示。

图3-70 绘制矩形
Step 8 按住【Alt】键的同时再按【Shift】键将矩形水平向上移动,使其与钢琴键相交,再选择黑色矩形边缘处向下拖动,使其高度缩小,即可完成钢琴键的绘制,最终效果如图3-71所示。

图3-71 最终效果
3.4.2 圆角矩形工具
圆角矩形工具的使用方法与矩形工具相同,直接拖动鼠标可绘制具有一定圆角度的矩形或正方形。绘制过程如图3-72所示。

图3-72 直接拖动绘制圆角矩形
·经验分享·
关于“圆角矩形工具”的绘制技巧
在绘制圆角矩形的过程中,按【Shift】键可以绘制一个圆角正方形;按【Alt】键可以以单击点为中心绘制圆角矩形;按【Shift+Alt】组合键可以以单击点为中心绘制圆角正方形;按空格键可以移动圆角矩形的位置。按向上方向键【↑】或向下方向键【↓】,可用来增加或减小圆角矩形的圆角半径大小。按向右方向键【→】可以以最半圆形的圆角度绘制圆角矩形,或向左方向键【←】,可用来绘制正方形。按【~】键可以绘制多个圆角矩形;按【Alt+~】组合键可以绘制多条以单击点为中心并向两端延伸的圆角矩形。下图所示为按【Alt+~】组合键绘制出多个圆角矩形的效果。

当然,也可以像绘制矩形一样精确绘制圆角矩形。首先在工具箱中选择“圆角矩形工具”,然后将光标移动到绘图区合适的位置并单击,即可弹出如图3-73所示“圆角矩形”对话框,在“宽度”文本框中输入数值,指定圆角矩形的宽度;在“高度”文本框中输入数值,指定圆角矩形的高度;在“圆角半径”文本框中输入数值,指定圆角矩形的圆角半径大小。然后单击“确定”按钮,即可创建一个精确的圆角矩形。

图3-73“圆角矩形”对话框
实战3-5以“圆角矩形工具”为基础制作墙壁效果
本例主要讲解以“圆角矩形工具”为基础制作墙壁效果的方法,具体操作步骤如下。
Step 1 选择工具箱中的“圆角矩形工具”,在绘图区单击,弹出“圆角矩形”对话框,设置圆角矩形“宽度”为13mm,“高度”为6mm,“圆角半径”为2mm,描边为棕色(C:50;M:70;Y:80;K:70),如图3-74所示。

图3-74 描边矩形
Step 2 在“渐变”面板中设置渐变颜色为浅黄色(C:0;M:40;Y:61;K:19)到黄色(C:0;M:50;Y:80;K:35)再到深黄色(C:0;M:50;Y:80;K:68)的线性渐变,如图3-75所示。

图3-75“渐变”面板
Step 3 将光标移向矩形的上方,按住鼠标左键拖动至矩形的下方,为其填充渐变,填充效果如图3-76所示。

图3-76 填充渐变
Step 4 选中矩形,在菜单栏中选择“对象”→“变换”→“移动”命令,弹出“移动”对话框,在弹出的“移动”对话框中设置“水平”移动距离为13.1mm,如图3-77所示。

图3-77“移动”对话框
Step 5 单击“复制”按钮,水平复制1个圆角矩形,按9次【Ctrl + D】组合键,进行多重复制,如图3-78所示。

图3-78 多重复制
Step 6 将圆角矩形全选,用同样的方法打开“移动”对话框,将参数改为“水平”7mm,“垂直”6.1mm,如图3-79所示。

图3-79“移动”对话框
·经验分享·
如何判断出“水平”或“垂直”移动的数值
一般都是比要移动的对象的“宽度”或“高度”大0.1mm。
Step 7 单击“复制”按钮,复制一组圆角矩形,如图3-80所示。

图3-80 复制矩形
Step 8 将两组圆角矩形选中,按住【Alt】键的同时再按住【Shift】键垂直向下复制两组圆角矩形,再按【Ctrl + D】组合键5次进行多重复制,至此,墙壁的大致轮廓就做好了,如图3-81所示。

图3-81 多重复制
Step 9 选择工具箱中的“选择工具”,按住【Shift】键的同时多次单击图形,选择中间的多个圆角矩形,如图3-82所示,

图3-82 选中多个圆角矩形
Step 10 按【Delete】键将其删除,如图3-83所示。

图3-83 删除图形
Step 11 选择工具箱中的“矩形工具”,在页面中单击,在弹出的“矩形”对话框中设置矩形“宽度”为132mm,“高度”为78mm。填充设置为土黄色(C:25;M:40;Y:65;K:0),如图3-84所示。

图3-84 填充矩形颜色
Step 12 选中图形。按【Ctrl + Shift + [】组合键将图形置于底层,按【Ctrl + C】组合键,将其进行复制,再按【Ctrl + F】组合键,将复制的矩形粘贴在原图形的前面,最后按【Ctrl + Shift+ ]】组合键,将其置于顶层,如图3-85所示。

图3-85 将矩形置于顶层
Step 13 将图形全部选中,在菜单栏中选择“对象”→“剪切蒙版”→“建立”命令,为所选对象创建剪切蒙版,最终效果如图3-86所示。

图3-86 最终效果
3.4.3 椭圆工具
椭圆工具的使用方法与矩形工具相同,直接拖动鼠标可绘制一个椭圆或正圆形。绘制过程如图3-87所示。

图3-87 直接拖动绘制椭圆或正圆
·经验分享·
关于“椭圆工具”的绘制技巧
在绘制椭圆的过程中,按【Shift】键可以绘制一个正圆;按【Alt】键可以以单击点为中心绘制椭圆;按【Shift+Alt】组合键可以以单击点为中心绘制正圆;按空格键可以移动椭圆的位置。按【~】键可以绘制多个椭圆;按【Alt+~】组合键可以绘制多条以单击点为中心并向两端延伸的椭圆。下图所示为按【Alt+~】组合键绘制多个椭圆的效果。

当然,也可以像绘制矩形一样精确绘制椭圆或正圆。首先在工具箱中选择“椭圆工具”,然后将光标移动到绘图区合适的位置并单击,即可弹出如图3-88所示的“椭圆”对话框。在“宽度”文本框中输入数值,指定椭圆的宽度值,即横轴长度;在“高度”文本框中输入数值,指定椭圆的高度值,即纵轴长度;如果输入的宽度值和高度值相同,绘制出来的就是正圆形。然后单击“确定”按钮,即可创建一个精确的圆角矩形。

图3-88“椭圆”对话框
实战3-6以“椭圆工具”为基础制作蓝色立体空间
本例主要讲解以“椭圆工具”为基础制作蓝色立体空间的方法,具体操作步骤如下。
Step 1 选择工具箱中的“矩形工具”,在绘图区单击,弹出“矩形”对话框,设置矩形的参数:“宽度”为100mm,“高度”为60mm,如图3-89所示。

图3-89“矩形”对话框
Step 2 在“渐变”面板中设置渐变颜色为浅蓝色(C:20;M:4;Y:5;K:0)到天蓝色(C:66;M:7;Y:8;K:9)到蓝色(C:90;M:65;Y:8;K:0)再深蓝色(C:97;M:97;Y:73;K:66)的径向渐变,如图3-90所示。

图3-90“渐变”面板
Step 3 为所创建的矩形填充径向渐变,填充效果如图3-91所示。

图3-91 填充效果
Step 4 选择工具箱中的“椭圆工具”,在绘图区单击并拖动鼠标,在矩形上绘制一个椭圆。填充为白色,描边为无,然后再选择椭圆,按住【Alt】键的同时再按住【Shift】键水平拖动,将其水平复制一个,然后再缩小,如图3-92所示。

图3-92 复制椭圆
Step 5 选择两个椭圆,在菜单栏中选择“对象”→“混合”→“建立”命令,如图3-93所示。

图3-93“混合”效果
Step 6 再在菜单栏中选择“对象”→“混合”→“混合选项”命令,弹出“混合选项”对话框,将“间距”设置为“指定的步数”,数值为24,更改效果如图3-94所示。

图3-94“混合选项”对话框
Step 7 选择已混合的椭圆,按住【Alt】键的同时再按住【Shift】键垂直拖动,将其复制一个。按多次【Ctrl + D】组合键进行多重复制,如图3-95所示。

图3-95 复制椭圆
Step 8 将椭圆全部选中,单击鼠标右键,在弹出的快捷菜单中选择“变换”→“旋转”命令,在弹出的对话框中将“角度”改为45°,如图3-96所示,再单击“确定”按钮。

图3-96“旋转”对话框
Step 9 将复制的椭圆全部选中,放大撑满整个矩形,效果如图3-97所示。

图3-97 放大椭圆
Step 10 选中底部的矩形,按【Ctrl + C】组合键,将矩形进行复制;按【Ctrl + F】组合键,将复制的矩形粘贴在原图形的前面,再按【Ctrl +Shift + ]】组合键,将矩形置于顶层,如图3-98所示。

图3-98 将矩形置于顶层
Step 11 将图形全部选中,在菜单栏中选择“对象”→“剪切蒙版”→“建立”命令,为所选对象创建剪切蒙版,将多出来的部分剪掉,最终效果如图3-99所示。

图3-99 最终效果
3.4.4 多边形工具
利用多边形工具可以绘制各种多边形效果,如三角形、五边形和十边形等。多边形的绘制与其他图形稍有不同,在拖动时它的单击点为多边形的中心点。
在工具箱中选择“多边形工具”,然后在绘图区适当位置按下鼠标左键并向外拖动,即可绘制一个多边形,其中鼠标落点是图形的中心点,鼠标的释放位置为多边形的一个角点,拖动的同时可以转动多边形角点的位置。绘制过程如图3-100所示。

图3-100 绘制多边形效果
·经验分享·
关于“多边形工具”的绘制技巧
在绘制多边形的过程中,按【Shift】键可以绘制一个正多边形;按空格键可以移动圆角矩形的位置。按【~】键可以绘制多个多边形;按【Alt+~】组合键可以绘制多个以单击点为中心并向两端延伸的多边形。
可以用数值方法绘制精确的多边形,选择“多边形工具”之后,单击屏幕的任何位置,将会弹出如图3-101所示的“多边形”对话框。在“半径”文本框中输入数值,指定多边形的半径大小,在“边数”文本框中输入数值,指定多边形的边数。

图3-101“多边形”对话框
实战3-7以“多边形工具”为基础制作蜂巢效果
本例主要讲解以“多边形工具”为基础制作蜂巢效果的方法,具体操作步骤如下。
Step 1 选择工具箱中的“多边形工具”,在绘图区单击,弹出“多边形”对话框,设置多边形的参数:“半径”为12mm,“边数”为6,单击“确定”按钮,创建一个多边形,如图3-102所示。

图3-102 绘制矩形
Step 2 在“渐变”面板中设置渐变颜色为黄色(C:0;M:38;Y:100;K:14)到土黄色(C:0;M:60;Y:100;K:44)的径向渐变,如图3-103所示。

图3-103“渐变”面板
Step 3 为所创建的多边形填充渐变,再将其描边改为浅黄色(C:0;M:9;Y:58;K:0),粗细为5pt,如图3-104所示。

图3-104 填充渐变及添加描边
·经验分享·
关于径向渐变填充
使用“渐变工具”进行径向填充的时候,会出现一个圆形。圆形是控制填充的范围,还可以旋转控制填充的方向。

Step 4 选择工具箱中的“选择工具”,选择已绘制好的正多边形,单击鼠标右键,在弹出的快捷菜单中选择“变换”→“旋转”命令,将“角度”改为90°,效果如图3-105所示。

图3-105 旋转图形
Step 5 选择多边形,在菜单栏中选择“对象”→“变换”→“移动”命令,弹出“移动”对话框,修改其中的参数,如图3-106所示。

图3-106“移动”对话框
Step 6 水平位移的参数根据多边形的大小来定,然后单击“复制”按钮,水平复制1个多边形,按8次【Ctrl + D】组合键进行多重复制,第1行多边形就完成了,如图3-107所示。

图3-107 复制图形
Step 7 全选多边形,按住【Alt】键并向右下角45°方向拖动鼠标,将其复制1行,如图3-108所示。

图3-108 复制图形
Step 8 将两行多边形全选,按住【Alt】键的同时再按住【Shift】键垂直向下移动与原图形相交,将图形复制两行,如图3-109所示。

图3-109 复制图形
Step 9 按2次【Ctrl + D】组合键进行多重复制,如图3-110所示。

图3-110 多重复制
Step 10 选择工具箱中的“选择工具”,选择右侧多出来的4个多边形,如图3-111所示。

图3-111 选择图形
Step 11 按【Delete】键将其删除,按照由下到上的顺序,选择第2行多边形,按住【Alt】键的同时再按住【Shift】键向下拖动鼠标,移动到最后1行的相交处,将其复制1行,如图3-112所示。

图3-112 复制图形
Step 12 绘制月牙形轮廓,如图3-113所示。选择工具箱中的“钢笔工具”,在绘图区

图3-113 绘制轮廓
Step 13 在“渐变”面板中设置渐变颜色为土黄色(C:0;M:41;Y:100;K:24)到浅黄色(C:0;M:0;Y:37;K:0)的径向渐变,如图3-114所示。

图3-114“渐变”面板
Step 14 为刚才绘制的轮廓填充渐变,填充效果如图3-115所示。

图3-115 填充渐变

图3-116 移动图形
Step 16 将月牙形选中,按住【Alt】键的同时,再按住【Shift】键向左拖动,将其复制一份,然后再按8次【Ctrl + D】组合键进行多重复制,如图3-117所示。

图3-117 多重复制图形
Step 17 将月牙形全选,按住【Alt】键并向右下角45°方向拖动鼠标,将其复制1行。将两行月牙形全选,如图3-118所示。
Step 15选择工具箱中的“选择工具”,选择已绘制好的月牙形,移动到已绘制好的多边形左上角的那一个多边形的右上角,如图3-116所示。

图3-118 选择图形
Step 18 按住【Alt】键的同时再按住【Shift】键垂直向下移动,移动到第3、4行多边形的右上角,将月牙形复制两行,按3次【Ctrl + D】组合键进行多重复制,如图3-119所示。

图3-119 多重复制
Step 19 选择多余的月牙形,按【Delete】键删除,如图3-120所示。

图3-120 删除多余图形
Step 20 选择工具箱中的“选择工具”,选择任意的1个多边形,按【Ctrl + C】组合键,将多边形进行复制;按【Ctrl + F】组合键,将复制的多边形粘贴在原多边形的前面,最后按【Ctrl + Shift + ]】组合键,将其置于顶层,如图3-121所示。

图3-121 复制图形
Step 21 将复制的图形填充改为黄色(C:0;M:26;Y:68;K:10)到浅黄色(C:0;M:9;Y:58;K:0)的径向渐变,如图3-122所示。

图3-122“渐变”面板
Step 22 为选中的图形填充渐变,利用同样的方法再制作几个,如图3-123所示。

图3-123 填充渐变
Step 23 选择工具箱中的“选择工具”,选择多边形与其上面的月牙形,如图3-124所示。

图3-124 选择图形
Step 24 在菜单栏中选择“编辑”→“编辑颜色”→“调整色彩平衡”命令,在弹出的“调整颜色”对话框中修改CMYK的取值,“青色”为-40%,“洋红色”为11%,“黄色”为-18%,如图3-125所示。
Step 25 利用以上同样的方法,将其他图形的颜色调整为不同的色彩,最终效果如图3-126所示。

图3-125“调整颜色”对话框

图3-126 最终效果
3.4.5 星形工具
利用星形工具可以绘制各种星形效果,使用方法与多边形相同,直接拖动即可绘制一个星形。在绘制星形时,如果按住【~】键、【Alt + ~】组合键或【Shift + ~】组合键,可以绘制出不同的多个星形效果,其效果如图3-127所示。

图3-127 绘制不同的星形效果
Skill
在绘制星形的过程中,按【Shift】键可以把星形摆正;按【Alt】键可以使每个角两侧的“肩线”在一条直线上;按住空格键可以移动星形的位置;按【Ctrl】键可以修改星形内部或外部的半径值;按向上方向键【↑】或向下方向键【↓】,可用来增加或减少星形的角数。
可以使用“星形”对话框精确绘制星形,在工具箱中选择“星形工具”,然后在绘图区适当位置单击,则弹出如图3-128所示的“星形”对话框。在“半径1”文本框中输入数值,指定星形中心点到星形最外部点的距离;在“半径2”文本框中输入数值,指定星形中心点到星形内部点的距离;在“角点数”文本框中输入数值,指定星形的角点数目。

图3-128“星形”对话框
·经验分享·
关于“星形工具”的半径设置
“半径1”和“半径2”到外部和内部点的距离不是固定的,一般来说,哪个值大,就表示星形中心到最外部点的距离。两者的差值越大,绘制的星形越尖;两者的差值越小,绘制的星形就钝。如果两个值相同,可以绘制出多边形。下图所示分别是设置半径为80mm、5mm,角点数为4绘制出的十字四角形效果。

3.4.6 光晕工具
光晕工具可以模拟相机拍摄时产生的光晕效果。光晕的绘制与其他图形的绘制很不相同,首先选择“光晕工具”,然后在绘图区的适当位置按住鼠标左键并拖动,绘制出光晕效果,达到满意效果后释放鼠标,然后在合适的位置单击,确定光晕的方向,这样就可绘制出光晕效果,如图3-129所示。

图3-129 光晕的绘制效果
·经验分享·
增加或减少光晕射线数量
在绘制光晕的过程中,按向上方向键【↑】或向下方向键【↓】,可用来增加或减少光晕的射线数量。如下图所示为绘制光晕过程中按多次【↓】键得到的效果。

如果想精确绘制光晕,可以在工具箱中选择“光晕工具”,然后在绘图区的适当位置单击,弹出如图3-130所示的“光晕工具选项”对话框,在其中可对光晕进行详细的设置。

图3-130“光晕工具选项”对话框
“光晕工具选项”对话框中各选项的说明如下。
● 居中:设置光晕中心的光环设置。“直径”文本框用来指定光晕中心光环的大小。“不透明度”文本框用来指定光晕中心光环的不透明度,值越小,越透明。“亮度”文本框用来指定光晕中心光环的明亮程度,值越大,光环越亮。
● 光晕:设置光环外部的光晕。“增大”文本框用来指定光晕的大小,值越大,光晕也就越大。“模糊度”文本框用来指定光晕的羽化柔和程度,值越大,越柔和。
● 射线:选择该复选框,可以设置光环周围的光线。“数量”文本框用来指定射线的数目。“最长”文本框用来指定射线的最长值,以此来确定射线的变化范围。“模糊度”文本框用来指定射线的羽化柔和程度,值越大,越柔和。
● 环形:用于设置外部光环及尾部方向的光环。“路径”文本框用来指定尾部光环的偏移数值。“数量”文本框用来指定光圈的数量。“最大”文本框用来指定光圈的最大值,以此来确定光圈的变化范围。
● 方向:用于设置光圈的方向,可以直接在文本框中输入数值,也可以拖动其右侧的指针来调整光圈的方向。