![Illustrator CS6平面设计应用教程(第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/236/31296236/b_31296236.jpg)
2.2 绘制基本图形
矩形、圆形、多边形和星形是最简单、最基本却又最重要的图形。在Illustrator CS6中,矩形工具、圆角矩形工具、椭圆工具、多边形工具和星形工具的使用方法比较类似,通过使用这些工具,可以很方便地在绘图页面上拖曳光标绘制出各种形状,还能够通过设置相应的对话框精确绘制图形。
2.2.1 绘制矩形和圆角矩形
1. 使用光标绘制矩形
选择“矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个矩形,效果如图2-16所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-04.jpg?sign=1739663301-mNoegobJRYcsG5jDuS9V1lXP6FJa9qK2-0-30ef64c01fd9abf649fc8663eeb737bc)
图2-16
选择“矩形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正方形,效果如图2-17所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-05.jpg?sign=1739663301-pECTm9ucq3UIMqdyQAMPJx93WCugHqaT-0-535ba1c93d0f973f2f3ad3b951536c14)
图2-17
选择“矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个矩形,效果如图2-18所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-06.jpg?sign=1739663301-DrnIkt4kF4LHBypUGEgB6ZeLDWKxfQSq-0-99b0dac83530c4b833a782b2cbedbb8b)
图2-18
提示
选择“矩形”工具,按住Alt键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个以鼠标单击点为中心的矩形。
选择“矩形”工具,按住Alt+Shift组合键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个以鼠标单击点为中心的正方形。
选择“矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,再按住Space键,可以暂停绘制工作而在页面上任意移动未绘制完成的矩形,释放Space键后可继续绘制矩形。
上述方法在“圆角矩形”工具、“椭圆”工具
、“多边形”工具
、“星形”工具
中同样适用。
2. 精确绘制矩形
选择“矩形”工具,在页面中需要的位置单击,弹出“矩形”对话框,如图2-19所示。在对话框中,“宽度”选项可以设置矩形的宽度,“高度”选项可以设置矩形的高度。设置完成后,单击“确定”按钮,得到如图2-20所示的矩形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-16.jpg?sign=1739663301-AE2gGChEnmmNIFu5rkO9b5I311jSqPFs-0-3ce1021458f6fa8c6372a517aef6e845)
图2-19
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-17.jpg?sign=1739663301-aE7tNjmhbsPeT82oOVY2MaG1dovDE5EG-0-d13afcb15131647e80b228ee2bcf99a5)
图2-20
3. 使用光标绘制圆角矩形
选择“圆角矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个圆角矩形,效果如图2-21所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-02.jpg?sign=1739663301-JuuOxJ5njmtXb2Mi8X4SZIxEzqkEdqbT-0-28dac03dc07f17e7e370e0470d9bd4ec)
图2-21
选择“圆角矩形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个宽度和高度相等的圆角矩形,效果如图2-22所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-03.jpg?sign=1739663301-R3ljBE8P3ZcCiNvMvLG7eIkVd2VtPKZH-0-f8d9718cef521c6c5cde75825e68d98e)
图2-22
选择“圆角矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个圆角矩形,效果如图2-23所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-04.jpg?sign=1739663301-eETm8YBeZzNprIb9DfTuvna0CKph2loM-0-71ae191f3e318c1ffbae4ba2eeba0d9d)
图2-23
4. 精确绘制圆角矩形
选择“圆角矩形”工具,在页面中需要的位置单击,弹出“圆角矩形”对话框,如图2-24所示。在对话框中,“宽度”选项可以设置圆角矩形的宽度,“高度”选项可以设置圆角矩形的高度,“圆角半径”选项可以控制圆角矩形中圆角半径的长度;设置完成后,单击“确定”按钮,得到如图2-25所示的圆角矩形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-06.jpg?sign=1739663301-JusKM9yC5esWOa0ewteSNmAoqoENJDQ2-0-4ad765275aeb599c1dd6958fb9497fde)
图2-24
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-07.jpg?sign=1739663301-CxdCxJb5lYPas6ANLN9biGHxgS6I6sxz-0-96847e5d998aff0015800d8420591e56)
图2-25
2.2.2 绘制椭圆形和圆形
1. 使用光标绘制椭圆形
选择“椭圆”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个椭圆形,如图2-26所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-11.jpg?sign=1739663301-GkTfkVdGMxt0Cd8pIlXbRWJCOCThDDHn-0-0a2c640c4c4780589c5a523a66f49956)
图2-26
选择“椭圆”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个圆形,效果如图2-27所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-12.jpg?sign=1739663301-X6rJYQN4CNgbMf4dWK59q1AQWEeE7D4G-0-85f0cd9ffe8d5f6714013f3898777b10)
图2-27
选择“椭圆”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制出多个椭圆形,效果如图2-28所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-13.jpg?sign=1739663301-XfoIqlObXZL6ED4uu1hi0OAPlzznaMy0-0-be04358149bfa2c1cd9c4636d66652a2)
图2-28
2. 精确绘制椭圆形
选择“椭圆”工具,在页面中需要的位置单击,弹出“椭圆”对话框,如图2-29所示。在对话框中,“宽度”选项可以设置椭圆形的宽度,“高度”选项可以设置椭圆形的高度。设置完成后,单击“确定”按钮,得到如图2-30所示的椭圆形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-02.jpg?sign=1739663301-uYZOfkITWmwpz65LNm4nnq9hKTB7eyS0-0-f14886848856f056dbae29d29f484338)
图2-29
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-03.jpg?sign=1739663301-DMvD0oapEKNFsKFBONEUhUskz32O8Wmh-0-9d819c9bbaa4c7a53c38cf3296e0524d)
图2-30
2.2.3 绘制多边形
1. 使用鼠标绘制多边形
选择“多边形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个多边形,如图2-31所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-07.jpg?sign=1739663301-rkbgW1Xt3yhkyS3psyedFcNVqYcGzcRK-0-48f44fa36c257825f5f37c8bf44b56a5)
图2-31
选择“多边形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正多边形,效果如图2-32所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-08.jpg?sign=1739663301-3wHVZ0xVuKirCZwIdnDIQoypmtoK85tl-0-2d6db271bce668000a94ef47a775c501)
图2-32
选择“多边形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个多边形,效果如图2-33所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-09.jpg?sign=1739663301-p1MaPaO01xp6OrtWyNLlAf7kNbv8Ffv3-0-71a9a410170069cb9ec31e94bfed4cdd)
图2-33
2. 精确绘制多边形
选择“多边形”工具,在页面中需要的位置单击,弹出“多边形”对话框,如图2-34所示。在对话框中,“半径”选项可以设置多边形的半径,半径指的是从多边形中心点到多边形顶点的距离,而中心点一般为多边形的重心;“边数”选项可以设置多边形的边数。设置完成后,单击“确定”按钮,得到如图2-35所示的多边形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-11.jpg?sign=1739663301-CDKxye2XMPSPAbTLmnyCjUWXSbnfy3Ur-0-dc9af2cdc5649851d7ea5549cec4e5f2)
图2-34
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-12.jpg?sign=1739663301-fDEYDdAUO6t2Yr6AHGe02DmpSyv7hgK4-0-0b14bf198e8d090bef6be001850fe4a4)
图2-35
2.2.4 绘制星形
1. 使用鼠标绘制星形
选择“星形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个星形,效果如图2-36所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-04.jpg?sign=1739663301-z7LwQHM1xwMTP3wmhpF0xuxZuH3vHmkY-0-dde663730d49640a6eef79b46c3c4c47)
图2-36
选择“星形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正星形,效果如图2-37所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-05.jpg?sign=1739663301-Etd5YtKh0uJnmQJEzg97OTibNNggUhev-0-eaef45e7a40051bfe9faf599aa475892)
图2-37
选择“星形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个星形,效果如图2-38所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-06.jpg?sign=1739663301-4JpjLaSkbrPXp9cpbf5N24hrJCj8GytB-0-a41feeff89a69821b28ab5af4dc2d2bb)
图2-38
2. 精确绘制星形
选择“星形”工具,在页面中需要的位置单击,弹出“星形”对话框,如图2-39所示。在对话框中,“半径1”选项可以设置从星形中心点到各外部角的顶点的距离,“半径2”选项可以设置从星形中心点到各内部角的端点的距离,“角点数”选项可以设置星形中的边角数量。设置完成后,单击“确定”按钮,得到如图2-40所示的星形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-08.jpg?sign=1739663301-Z2Gb2JZqptU7q4cBwrdXbSF6PT5GTPHv-0-25e0e5b5bf84de81d90400fb52fbafe2)
图2-39
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-09.jpg?sign=1739663301-B3nv169W0b9YuqR3lkW0Xos7tWR4PekQ-0-fc04c4c53c12c46e881f0c83b2086b7d)
图2-40
2.2.5 课堂案例——绘制钻石图标
案例学习目标
学习使用基本图形工具绘制钻石图标。
案例知识要点
使用矩形工具、椭圆工具、多边形工具和钢笔工具绘制图形,钻石图标效果如图2-41所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-14.jpg?sign=1739663301-wmWSEdEcKboAs44PJrSuNGZxLVyuQ9PR-0-e16d8f0d4ced967ba4de872d1b06aded)
图2-41
效果所在位置
云盘/Ch02/效果/绘制钻石图标.ai。
(1)按Ctrl+N组合键,新建一个文档,宽度为100mm,高度为100mm,取向为竖向,颜色模式为CMYK,单击“确定”按钮。
(2)选择“矩形”工具,在页面中适当的位置绘制一个矩形,设置图形填充颜色为深紫色(其C、M、Y、K的值分别为85、85、40、5),填充图形,并设置描边色为无,效果如图2-42所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-03.jpg?sign=1739663301-rL3gd86m5P6nPvUzu4AXPt3kKRzAkGSm-0-6347411a5767c9a2817b0c75d27b72a9)
图2-42
(3)选择“椭圆”工具,按住Shift键的同时,在适当的位置绘制圆形,设置图形填充色为紫色(其C、M、Y、K的值分别为51、72、0、0),填充图形,并设置描边色为无,效果如图2-43所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-04.jpg?sign=1739663301-LIxEUAJF4tp2i5d5awiwVA9Yy20FbfjN-0-17415c7e5349ec0fa688ce1223a4bd42)
图2-43
(4)选择“钢笔”工具,在适当的位置绘制图形,设置图形填充色为浅蓝色(其C、M、Y、K的值分别为49、0、11、0),填充图形,并设置描边色为无,效果如图2-44所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-07.jpg?sign=1739663301-GWHAHzCC67awqkwPWenz6mwuAKElhSlj-0-126bf46beefc7e1caa0f17a4f985cdde)
图2-44
(5)选择“多边形”工具,在页面中单击鼠标,弹出“多边形”对话框,选项设置如图2-45所示,单击“确定”按钮,得到一个三角形并将其拖曳到适当的位置。设置图形填充色为蓝色(其C、M、Y、K的值分别为66、0、4、0),填充图形,并设置描边色为无,效果如图2-46所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-08.jpg?sign=1739663301-nJIAe8YVAFQQhta02SkW3jqA9wGHXhIP-0-dea35d89d0955aafb45170cc614ea69a)
图2-45
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-09.jpg?sign=1739663301-HplDKVemo6M5K8peKlGPRyUixWwr8cc9-0-6b553729a2230e0fc4c7e15235a86b9b)
图2-46
(6)选择“直接选择”工具,单击选中三角形右下方的锚点,如图2-47所示。按住Shift键的同时,水平向左拖曳锚点到适当的位置,如图2-48所示。单击选中三角形左下方的锚点,如图2-49所示。按住Shift键的同时,垂直向上拖曳锚点到适当的位置,如图2-50所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-11.jpg?sign=1739663301-ZAnppzex6ATm4NqJBJ0ATVCSXHKc6nPt-0-5de4148da68e933b132f5192fc212c7c)
图2-47
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-12.jpg?sign=1739663301-UBFDE3Q0xOQULSMQDIzVpOm2nkYkyoAz-0-fe80f779eeaf246c4cf0093a2dc17dd5)
图2-48
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-13.jpg?sign=1739663301-e65t9Tiyqd4jRZeVBm4lGAKVc00cxtmv-0-8bea22679c75de4bbfe14a24794a8cac)
图2-49
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-14.jpg?sign=1739663301-ZUwkfwZvdZvkrjMyCnswnMzzH1pGsUoP-0-85b0fd776361e5999b6882b426419c35)
图2-50
(7)选择“钢笔”工具,在适当的位置绘制一个图形。设置图形填充色为深蓝色(其C、M、Y、K的值分别为68、7、0、0),填充图形,并设置描边色为无,效果如图2-51所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-04.jpg?sign=1739663301-mW6NbDzmPBk4ufbg5xIThgS9HBtnPF2C-0-fa328fa39699db77996b3551f8d181da)
图2-51
(8)选择“钢笔”工具,在适当的位置再绘制一个图形。设置图形填充色为蓝色(其C、M、Y、K的值分别为66、0、4、0),填充图形,并设置描边色为无,效果如图2-52所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-05.jpg?sign=1739663301-m7pOAPDivppUTFsvDF0y6tcMkNjVdaNr-0-c8476b4bb53bad5e196a6f88e55404d5)
图2-52
(9)选择“选择”工具,按住Shift键的同时,分别单击所绘制的图形,将多个图形同时选取,按Ctrl+G组合键,将多个图形编组,效果如图2-53所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-06.jpg?sign=1739663301-eXUhMkSoNaBXyRRFmLGPCWSBF71nXra7-0-8e98b0f9d51a5f6647050254dc1f622e)
图2-53
(10)选择“选择”工具,按住Shift+Alt组合键的同时,拖曳选取的图形到适当位置,复制图形,效果如图2-54所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-07.jpg?sign=1739663301-GbGLxHECP92gG4XlW5jKqHUI5d47JlKJ-0-e4cc6d16cd312f63bd1756e6d2a5b701)
图2-54
(11)双击“镜像”工具,弹出“镜像”对话框,选项的设置如图2-55所示,单击“确定”按钮,效果如图2-56所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-09.jpg?sign=1739663301-0LTTKnlbAQMhXdq8ebh9t40KjFffTfoY-0-027c203c3ce897a59255be8af22b1cf3)
图2-55
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-10.jpg?sign=1739663301-WZsxuJOtLhPPRQmJmai4cNBM5TTU19ee-0-00bbe5b5b1efb92484878dd633e9d099)
图2-56
(12)选择“星形”工具,在页面中单击鼠标,弹出“星形”对话框,选项的设置如图2-57所示,单击“确定”按钮,得到一个四角星形并将其拖曳到适当的位置。设置图形填充色为浅蓝色(其C、M、Y、K的值分别为24、0、3、0),填充图形,并设置描边色为无,效果如图2-58所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-12.jpg?sign=1739663301-cvweCRfzCR9jUaWhrxKg66rsSsWHIyh7-0-89800811acd6c3789b20c5cdc9c7685c)
图2-57
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-13.jpg?sign=1739663301-IxelxC59cVbGyJQcTHZQiGkVyjNIjBvP-0-1a0c882a2a13b8263922510c88cf0b01)
图2-58
(13)选择“选择”工具,按住Alt键的同时,拖曳选取的图形到适当的位置,复制图形,效果如图2-59所示。按住Shift+Alt组合键的同时,拖曳右下边的控制手柄到适当的位置,等比例缩小图形,效果如图2-60所示。用相同的方法再复制2个图形并调整其大小,效果如图2-61所示。钻石图标绘制完成,效果如图2-62所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-03.jpg?sign=1739663301-dphizXXKpKmkCkFtpGVICKhL30pXUZ3f-0-b81fac68a45abdae8d6712d4a6ea7575)
图2-59
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-04.jpg?sign=1739663301-Vb3bLBsSUCMdfmiYu4FUL8PExqY6j1Ni-0-70a020f5e6c9f37efe42500fe0103f46)
图2-60
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-05.jpg?sign=1739663301-sVRM5ZnzGg5KanmPas3cyOF3XEzuQqum-0-dac0c109b6154c54d7e2ce8e62f9b426)
图2-61
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-06.jpg?sign=1739663301-KIaa0BDR9tXt5G7VBa2kw3PzvfAbpP5d-0-ca66138fadc06080a4c43a11ad53c160)
图2-62