![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=1739251489-p7fw36jSFmtAd0RgRJ0yqOFGM1ueLl2I-0-f9c7723d33f3237bd9abeadbfd53ebe3)
图2-16
选择“矩形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正方形,效果如图2-17所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-05.jpg?sign=1739251489-KK8IQnMOOGKdRZu6rksrmnXsnO124IoX-0-f9549905dea1e25c3605f601986153c2)
图2-17
选择“矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个矩形,效果如图2-18所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-06.jpg?sign=1739251489-d7Ix8xa0QlcRgODWyUG2xh8xognbEKEa-0-82aad9d3a2cfb8553385723498230634)
图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=1739251489-zW9vuXecxdu0MOEwpcMAyOXpS4lhDr7S-0-fcb391e7da549fe5f78a3353e1a3cff2)
图2-19
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-17.jpg?sign=1739251489-WAjAJRMSFpo2bJGKOi0l9Q55oMShAHav-0-ca182c08f2e4952c03a1c89e57758f16)
图2-20
3. 使用光标绘制圆角矩形
选择“圆角矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个圆角矩形,效果如图2-21所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-02.jpg?sign=1739251489-htQ1xCCKQ9oQyMZbBMZwQ6Si9vYIDbcG-0-183a33adb1d288584e28cb07ef496ca2)
图2-21
选择“圆角矩形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个宽度和高度相等的圆角矩形,效果如图2-22所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-03.jpg?sign=1739251489-zncdkTX5aPeRknUcQZEXhjTXiCHsaR1j-0-10434e47be3ac911ee3d87d09d53afc2)
图2-22
选择“圆角矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个圆角矩形,效果如图2-23所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-04.jpg?sign=1739251489-aaPzsDzH0wAdHBiARLdQblptUt74ndGN-0-0f7a59d8e8e3ca77abaf61c2da98721b)
图2-23
4. 精确绘制圆角矩形
选择“圆角矩形”工具,在页面中需要的位置单击,弹出“圆角矩形”对话框,如图2-24所示。在对话框中,“宽度”选项可以设置圆角矩形的宽度,“高度”选项可以设置圆角矩形的高度,“圆角半径”选项可以控制圆角矩形中圆角半径的长度;设置完成后,单击“确定”按钮,得到如图2-25所示的圆角矩形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-06.jpg?sign=1739251489-KSjQGX9R9Qyjpnxm7nlcrW1Pjlrx0m0i-0-0a8b64612ad0d3e8d1aac2b937769b61)
图2-24
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-07.jpg?sign=1739251489-WxhPv0gw0we0xqmu23KTI2OeW7BCB5r3-0-aa7194037858d21721ef7b1968caf287)
图2-25
2.2.2 绘制椭圆形和圆形
1. 使用光标绘制椭圆形
选择“椭圆”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个椭圆形,如图2-26所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-11.jpg?sign=1739251489-15RcupVebzy9MOMqOHZHMJcoKXw9Yoag-0-9a4ca8d98d4eed98b714b12922256d58)
图2-26
选择“椭圆”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个圆形,效果如图2-27所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-12.jpg?sign=1739251489-iYstpBuXfnaX1cMYcpzz0Hkp6WsRvV4X-0-68a068d697a8121727cf026546debf7c)
图2-27
选择“椭圆”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制出多个椭圆形,效果如图2-28所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-13.jpg?sign=1739251489-5Wr2fG4WYl03Th8MrbJd83jYaSoRJrF8-0-8fc96f3e8d8e0b3671227b4185a8f4e0)
图2-28
2. 精确绘制椭圆形
选择“椭圆”工具,在页面中需要的位置单击,弹出“椭圆”对话框,如图2-29所示。在对话框中,“宽度”选项可以设置椭圆形的宽度,“高度”选项可以设置椭圆形的高度。设置完成后,单击“确定”按钮,得到如图2-30所示的椭圆形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-02.jpg?sign=1739251489-FEiJ2TQMg5vKfF1CBT2nGcZvl0BbbwLH-0-2d9d1de22fb23ccfb293b33df8d0464e)
图2-29
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-03.jpg?sign=1739251489-aJtgqNTxtHOHdLmll29N7ykACM7ltsmD-0-e2715867932c206ab5a59f01b2e119a3)
图2-30
2.2.3 绘制多边形
1. 使用鼠标绘制多边形
选择“多边形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个多边形,如图2-31所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-07.jpg?sign=1739251489-meTTIFMgS0OlYuwtvzovastyuHUGdwrG-0-94f873601317566fc81fec8127a6c062)
图2-31
选择“多边形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正多边形,效果如图2-32所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-08.jpg?sign=1739251489-xIHPL0EwIA01PEWgt2ji4xlOn6UMfnux-0-0f4b2689d40cde872eca7c3c8882279a)
图2-32
选择“多边形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个多边形,效果如图2-33所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-09.jpg?sign=1739251489-OILT0cDDKflMyBNNRZJoc2CLhNmhqvvl-0-1f9439ea82330ae7f197075846d7946c)
图2-33
2. 精确绘制多边形
选择“多边形”工具,在页面中需要的位置单击,弹出“多边形”对话框,如图2-34所示。在对话框中,“半径”选项可以设置多边形的半径,半径指的是从多边形中心点到多边形顶点的距离,而中心点一般为多边形的重心;“边数”选项可以设置多边形的边数。设置完成后,单击“确定”按钮,得到如图2-35所示的多边形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-11.jpg?sign=1739251489-5PYBq8b9tphPZXsk4OKBwNBJGNKMga5a-0-e4babb1946394a1762379360f5e44532)
图2-34
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-12.jpg?sign=1739251489-ta0T9ZSszVUj91gJSWKxZOJXGw1JAV16-0-a515d9973bc542586e5ab6deb04cf7ea)
图2-35
2.2.4 绘制星形
1. 使用鼠标绘制星形
选择“星形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个星形,效果如图2-36所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-04.jpg?sign=1739251489-1jNf4Q3fmUsoLRvX7iTp3XZG5BphVAgo-0-ba44253db7809a8e5cca938bff3b8a16)
图2-36
选择“星形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正星形,效果如图2-37所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-05.jpg?sign=1739251489-GA16VFGWvEpDowtXKPunEqrN1bc8aswM-0-f5d3a157e051d417131f9066ac1cbf3c)
图2-37
选择“星形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个星形,效果如图2-38所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-06.jpg?sign=1739251489-COhOenwXoYzaSs3mO6Gd8HSORps1SdjO-0-d413d84b1bfe5114c5c340dcfeaada25)
图2-38
2. 精确绘制星形
选择“星形”工具,在页面中需要的位置单击,弹出“星形”对话框,如图2-39所示。在对话框中,“半径1”选项可以设置从星形中心点到各外部角的顶点的距离,“半径2”选项可以设置从星形中心点到各内部角的端点的距离,“角点数”选项可以设置星形中的边角数量。设置完成后,单击“确定”按钮,得到如图2-40所示的星形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-08.jpg?sign=1739251489-DoACGrswLOqCWpZ6k3b7ejbWOUr9sX6S-0-1b3e0894e5f590567c7b2a8c3f915e35)
图2-39
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-09.jpg?sign=1739251489-7HH0Q19ai6dwlUFBe1h0S86r11eba88h-0-9ce067da6380795dcec5dc3444a530e4)
图2-40
2.2.5 课堂案例——绘制钻石图标
案例学习目标
学习使用基本图形工具绘制钻石图标。
案例知识要点
使用矩形工具、椭圆工具、多边形工具和钢笔工具绘制图形,钻石图标效果如图2-41所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-14.jpg?sign=1739251489-fMxmg1ka7CEnyqF7n6UzBuDsWMOMGMxb-0-b348b0f27132ef057e2ec337bc658c03)
图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=1739251489-40CNEPbeuHaOhtkKtQG0UueTN9FsO0dU-0-393e2b5a27d1bbad42db674a47b70ee8)
图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=1739251489-bd5cEJ2fnxWITZyxXRS5oqv6HaLLN1hx-0-3237994d2d7381185bd3536d78f1ef16)
图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=1739251489-4BPEaEMFeroQ4enwboGuVtbylsTHmiov-0-98fe3187c2b747a8673947179b230636)
图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=1739251489-4adrU7gLQ2lFQpFHn31DFOkjS4XQphuH-0-de6c5b0d9dffe11d2cc4cd60c5365511)
图2-45
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-09.jpg?sign=1739251489-PDce1WROdO4JEzZCmNtWW7HSCWBnW0wH-0-70a0cbd78f28eaeb64b6f8a8947856b5)
图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=1739251489-LALar6ugBKN0CJbezPRp7k1gRpfijuSB-0-5198332a0097d36db95e0224f98aef94)
图2-47
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-12.jpg?sign=1739251489-oVlHuQ6q50tKP9WJZUNNs2pHMgVctrIh-0-fda201dfc3d996e38102209682221aa4)
图2-48
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-13.jpg?sign=1739251489-zVRlbcEG0j9NecF5zR2dGe8G7PaGe8jN-0-2eaebd1eb9c910e0bcc2be2ff50956e7)
图2-49
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-14.jpg?sign=1739251489-WsIZXLPHLN9ylbtMEVFLIF3fhGTuqwMv-0-12afd98db6efff7c22caad8ea4f42917)
图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=1739251489-T0Bn0X3n0L5HY1KDVYbpebjaJ6UWnb3u-0-fe0224c56eecebef1ad3160fe33eb6cf)
图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=1739251489-y435kUgorElQw722aP3SlnxJyvHwGmWG-0-1f69864916a34e1fb62d0c6a16b44381)
图2-52
(9)选择“选择”工具,按住Shift键的同时,分别单击所绘制的图形,将多个图形同时选取,按Ctrl+G组合键,将多个图形编组,效果如图2-53所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-06.jpg?sign=1739251489-4K7QajGhG7vZf3QYlXXZV4KlKJpgKXl3-0-a787dd65f3f1746fa7c9e81faa69fcaa)
图2-53
(10)选择“选择”工具,按住Shift+Alt组合键的同时,拖曳选取的图形到适当位置,复制图形,效果如图2-54所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-07.jpg?sign=1739251489-CXQcylYzSsUyV9HHCdlKC9bN96Fgb4Zg-0-a150fe5e367a14b15f4f93ddbf90fb73)
图2-54
(11)双击“镜像”工具,弹出“镜像”对话框,选项的设置如图2-55所示,单击“确定”按钮,效果如图2-56所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-09.jpg?sign=1739251489-psDdiY7bK8m3AOoRI11fzRMvtREXQFpA-0-fa2197e8ed8d2d9530c5362bb40a00c4)
图2-55
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-10.jpg?sign=1739251489-dODGhGOdce4LWyXIkRfJufOhE1UlI2si-0-8e68d5fc9c6ba6603dc776c72eae96ef)
图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=1739251489-126jjLmcimkXJfJR3wa8OOMeCoVYytcw-0-4ec7dbf93a7d027518128fd983ccc420)
图2-57
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-13.jpg?sign=1739251489-UrjwpumSBho9aExe2etLiyW1oVHhPemv-0-8f091865d9faa7b625bada72b2f05271)
图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=1739251489-TpFDsXeqXLeu5uFei70xW4kd1VhTD0Ec-0-a4a137cda5271ad915fbd6c772fa618a)
图2-59
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-04.jpg?sign=1739251489-jVMn5buytzxbQyAtzpwrza6UPNtqfEgj-0-59da7ac61670c71f053c66cf5284099a)
图2-60
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-05.jpg?sign=1739251489-f1jgMFs0NntQw74yP8WseKFK9SMIIQGr-0-abc1c690d0c0838de8658514dfb53489)
图2-61
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-06.jpg?sign=1739251489-qID00L33b7XSnAaijRDHoSOciinKIn1L-0-24f71c9c0d101d9fecde080801c79c60)
图2-62