2.2 绘制基本图形

矩形、圆形、多边形和星形是最简单、最基本、也是最重要的图形。在Illustrator CC中,矩形工具、圆角矩形工具、椭圆工具、多边形工具和星形工具的使用方法比较类似,通过使用这些工具,可以很方便地在绘图页面上拖曳光标绘制出各种形状,还能够通过设置相应的对话框精确绘制图形。

2.2.1 绘制矩形和圆角矩形

1.使用光标绘制矩形

选择“矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个矩形,效果如图2-12所示。

图2-12

选择“矩形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正方形,效果如图2-13所示。

图2-13

选择“矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个矩形,效果如图2-14所示。

图2-14

提示

选择“矩形”工具,按住Alt键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个以鼠标单击点为中心的矩形。

选择“矩形”工具,按住Alt+Shift组合键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个以鼠标单击点为中心的正方形。

选择“矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,再按住Space键,可以暂停绘制工作而在页面上任意移动未绘制完成的矩形,释放Space键后可继续绘制矩形。

上述方法在使用“圆角矩形”工具、“椭圆”工具、“多边形”工具、“星形”工具时同样适用。

2.精确绘制矩形

选择“矩形”工具并在页面中需要的位置单击,弹出“矩形”对话框,如图2-15所示。在对话框中,“宽度”选项可以设置矩形的宽度,“高度”选项可以设置矩形的高度。设置完成后,单击“确定”按钮,得到图2-16所示的矩形。

图2-15

图2-16

3.使用光标绘制圆角矩形

选择“圆角矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个圆角矩形,效果如图2-17所示。

图2-17

选择“圆角矩形”工具,按住Shift键,在需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个宽度和高度相等的圆角矩形,效果如图2-18所示。

图2-18

选择“圆角矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个圆角矩形,效果如图2-19所示。

图2-19

4.精确绘制圆角矩形

选择“圆角矩形”工具,在页面中需要的位置单击,弹出“圆角矩形”对话框,如图2-20所示。在对话框中,“宽度”选项可以设置圆角矩形的宽度,“高度”选项可以设置圆角矩形的高度,“圆角半径”选项可以控制圆角矩形中圆角半径的长度;设置完成后,单击“确定”按钮,得到图2-21所示的圆角矩形。

图2-20

图2-21

2.2.2 绘制椭圆形和圆形

1.使用光标绘制椭圆形

选择“椭圆”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个椭圆形,如图2-22所示。

图2-22

选择“椭圆”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正圆形,效果如图2-23所示。

图2-23

选择“椭圆”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制多个椭圆形,效果如图2-24所示。

图2-24

2.精确绘制椭圆形

选择“椭圆”工具,在页面中需要的位置单击,弹出“椭圆”对话框,如图2-25所示。在对话框中,“宽度”选项可以设置椭圆形的宽度,“高度”选项可以设置椭圆形的高度。设置完成后,单击“确定”按钮,得到图2-26所示的椭圆形。

图2-25

图2-26

2.2.3 绘制多边形

1.使用鼠标绘制多边形

选择“多边形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个多边形,如图2-27所示。

图2-27

选择“多边形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正多边形,效果如图2-28所示。

图2-28

选择“多边形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个多边形,效果如图2-29所示。

图2-29

2.精确绘制多边形

选择“多边形”工具,在页面中需要的位置单击,弹出“多边形”对话框,如图2-30所示。在对话框中,“半径”选项可以设置多边形的半径,半径指的是从多边形中心点到多边形顶点的距离,而中心点一般为多边形的重心;“边数”选项可以设置多边形的边数。设置完成后,单击“确定”按钮,得到图2-31所示的多边形。

图2-30

图2-31

2.2.4 绘制星形

1.使用鼠标绘制星形

选择“星形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个星形,效果如图2-32所示。

图2-32

选择“星形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正星形,效果如图2-33所示。

图2-33

选择“星形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个星形,效果如图2-34所示。

图2-34

2.精确绘制星形

选择“星形”工具,在页面中需要的位置单击,弹出“星形”对话框,如图2-35所示。在对话框中,“半径1”选项可以设置从星形中心点到各外部角的顶点的距离,“半径2”选项可以设置从星形中心点到各内部角的端点的距离,“角点数”选项可以设置星形中的边角数量。设置完成后,单击“确定”按钮,得到图2-36所示的星形。

图2-35

图2-36

2.2.5 课堂案例——绘制圣诞帽

案例学习目标

学习使用基本图形工具绘制圣诞帽。

案例知识要点

使用直接选择工具调整圆形的锚点,使用矩形工具、星形工具、多边形工具、圆角矩形工具和椭圆工具绘制圣诞帽,效果如图2-37所示。

图2-37

效果所在位置

光盘/Ch02/效果/绘制圣诞帽.ai。

(1)按Ctrl+N组合键新建一个文档,宽度为210mm,高度为290mm,取向为竖向,颜色模式为CMYK,单击“确定”按钮。选择“矩形”工具,在适当的位置绘制矩形,设置图形填充色的C、M、Y、K值分别为85、85、40、0,填充图形,并设置描边色为无,效果如图2-38所示。

图2-38

(2)选择“椭圆”工具,按住Shift键的同时,在适当的位置绘制圆形,设置图形填充色的C、M、Y、K值分别为0、25、100、0,填充图形,并设置描边色为无,效果如图2-39所示。

图2-39

(3)选择“椭圆”工具,按住Shift键的同时,在适当的位置绘制圆形,设置图形填充色的C、M、Y、K值分别为0、85、65、0,填充图形,并设置描边色为无,效果如图2-40所示。选择“直接选择”工具,双击圆形的下方锚点,如图2-41所示。向上拖曳锚点至适当位置,如图2-42所示。

图2-40

图2-41

图2-42

(4)选择“圆角矩形”工具,在页面中单击鼠标,弹出“圆角矩形”对话框,设置如图2-43所示,单击“确定”按钮,得到一个圆角矩形,如图2-44所示。设置图形填充色为白色,填充图形,并设置描边色为无,效果如图2-45所示。

图2-43

图2-44

图2-45

(5)选择“多边形”工具,在页面中单击鼠标,弹出“多边形”对话框,设置如图2-46所示,单击“确定”按钮,得到一个五边形,如图2-47所示。设置图形填充色的C、M、Y、K值分别为0、85、65、25,填充图形,并设置描边色为无,效果如图2-48所示。

图2-46

图2-47

图2-48

(6)选择“矩形”工具,在适当的位置绘制矩形,填充图形为白色,并设置描边色为无,效果如图2-49所示。选择“选择”工具,将选取的矩形进行旋转,效果如图2-50所示。按住Alt键的同时,拖曳选取的矩形到适当位置,如图2-51所示。

图2-49

图2-50

图2-51

(7)选择“选择”工具,按住Shift键的同时,单击两个白色矩形,将两个白色矩形选取,按Ctrl+G组合键将其编组,效果如图2-52所示。用相同方法制作其他图形,效果如图2-53所示。

图2-52

图2-53

(8)选择“钢笔”工具,在适当的位置绘制图形,如图2-54所示。设置图形填充色的C、M、Y、K值分别为0、85、65、25,填充图形,并设置描边色为无,效果如图2-55所示。按Ctrl+[组合键,将图形向后移动一层,效果如图2-56所示。

图2-54

图2-55

图2-56

(9)选择“椭圆”工具,按住Shift键的同时,在适当的位置绘制圆形,填充图形为白色,并设置描边色为无,效果如图2-57所示。

图2-57

(10)选择“星形”工具,按住Shift键的同时,在适当的位置绘制五角星,设置图形填充色的C、M、Y、K值分别为0、85、65、0,填充图形,并设置描边色为无,效果如图2-58所示。

图2-58

(11)选择“选择”工具,按住Alt键的同时,拖曳选取的五角星到适当位置,如图2-59所示。用相同方法复制出其他五角星并调整图形大小,如图2-60所示。圣诞帽效果绘制完成。

图2-59

图2-60