![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=1738921357-1PlCuKX85c4dIYZuuYxVzLg6ZQF4Pjqh-0-b25593f872cbbe6d217175488ff52b63)
图2-16
选择“矩形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正方形,效果如图2-17所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-05.jpg?sign=1738921357-rBsfHGPX6N1sDw0sTwAWLAGIrFDoQ2Cd-0-51a76f994ed483772f125396742d76c4)
图2-17
选择“矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个矩形,效果如图2-18所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-06.jpg?sign=1738921357-YDZu1nn0Gfi9dglLYqpnzSoQC2veLfMG-0-b79b515510ba2bba10eaf13cbfa83103)
图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=1738921357-K2XFvI2l66hTgOGQFlcVzau3y3sIG0Va-0-a4b9155a39bd4ece033fe4b43614677b)
图2-19
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-17.jpg?sign=1738921357-6rEBONu16UBRCgM7cfCWb6gYqjyVX4Up-0-7cb28f5c05003487702ce27ce58505bd)
图2-20
3. 使用光标绘制圆角矩形
选择“圆角矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个圆角矩形,效果如图2-21所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-02.jpg?sign=1738921357-W43C3PELoqk5Xtxf1uUQ0w3fPPE6RifS-0-9992663090a8786fdb3b13b53dba8e62)
图2-21
选择“圆角矩形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个宽度和高度相等的圆角矩形,效果如图2-22所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-03.jpg?sign=1738921357-fm0g6HcA44mYCYdqV7kOb663PXhtu9EO-0-261718f5fd586ed568ebc747e5dc4b7c)
图2-22
选择“圆角矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个圆角矩形,效果如图2-23所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-04.jpg?sign=1738921357-WkTZd6ltZHHPXx55bKryB4VFeLpEaOsV-0-94b0105bec0ffe1c253f7e5c4426c259)
图2-23
4. 精确绘制圆角矩形
选择“圆角矩形”工具,在页面中需要的位置单击,弹出“圆角矩形”对话框,如图2-24所示。在对话框中,“宽度”选项可以设置圆角矩形的宽度,“高度”选项可以设置圆角矩形的高度,“圆角半径”选项可以控制圆角矩形中圆角半径的长度;设置完成后,单击“确定”按钮,得到如图2-25所示的圆角矩形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-06.jpg?sign=1738921357-Uacncdf1naWSc4u4pPQ3C0FX4BiDSe8B-0-f00d79424baff76e6045359599c4adbc)
图2-24
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-07.jpg?sign=1738921357-tegcztw5r19XtvU9riCwzYxHEkIilC4A-0-7ebc822274159ba24b15121feec6fd82)
图2-25
2.2.2 绘制椭圆形和圆形
1. 使用光标绘制椭圆形
选择“椭圆”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个椭圆形,如图2-26所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-11.jpg?sign=1738921357-6fyAO7lWRgIr5CE1FGMuhJZOx6JbCZJd-0-ffa874c89397ceff9fef2d12a46da2d7)
图2-26
选择“椭圆”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个圆形,效果如图2-27所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-12.jpg?sign=1738921357-UWo8fKAbtpiTGTu35tJlcmOdzm5gGoSA-0-935442635a33a0eaa9cecdc462d58af4)
图2-27
选择“椭圆”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制出多个椭圆形,效果如图2-28所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-13.jpg?sign=1738921357-2GQzYStyboETnP93J4pw850dBBiT77QO-0-8493007c67e6c0710d24178b3a7ec42b)
图2-28
2. 精确绘制椭圆形
选择“椭圆”工具,在页面中需要的位置单击,弹出“椭圆”对话框,如图2-29所示。在对话框中,“宽度”选项可以设置椭圆形的宽度,“高度”选项可以设置椭圆形的高度。设置完成后,单击“确定”按钮,得到如图2-30所示的椭圆形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-02.jpg?sign=1738921357-hvkK19Yj9SjJhvrXaoibSfjJAxXPlAYQ-0-e866d02611922bc3ef61e6ce3078e1b7)
图2-29
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-03.jpg?sign=1738921357-kQYD9yHDLiNc2NaUymdxyGhN3ZwAhURy-0-ab601c614afd73bc0942a23109ba2bf6)
图2-30
2.2.3 绘制多边形
1. 使用鼠标绘制多边形
选择“多边形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个多边形,如图2-31所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-07.jpg?sign=1738921357-6WZL4Ig5HXEB4Zjj2OQOaFlcLVr5q1pI-0-a1f7f9a97fe70573eb940c773772837a)
图2-31
选择“多边形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正多边形,效果如图2-32所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-08.jpg?sign=1738921357-vMoFYYh764X8qVPjuAadli5il2fOCa8J-0-d5242564fbcc78329cc495a43e5de0a9)
图2-32
选择“多边形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个多边形,效果如图2-33所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-09.jpg?sign=1738921357-yZNN0sBcYKToFAUXeMCRdReRYUcm1dPI-0-1198e91fec4aa5599289ee6733e91d9a)
图2-33
2. 精确绘制多边形
选择“多边形”工具,在页面中需要的位置单击,弹出“多边形”对话框,如图2-34所示。在对话框中,“半径”选项可以设置多边形的半径,半径指的是从多边形中心点到多边形顶点的距离,而中心点一般为多边形的重心;“边数”选项可以设置多边形的边数。设置完成后,单击“确定”按钮,得到如图2-35所示的多边形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-11.jpg?sign=1738921357-gmXfd7AyN2cEucTCQR0LJgUpqUvHfiQC-0-cf74b7575e218b75aceeb86236985555)
图2-34
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-12.jpg?sign=1738921357-vrnAhaNhVlwCUejMjisxcziAaSRwMjcA-0-bf728098dc74a706dfcf9a993c5c7e5d)
图2-35
2.2.4 绘制星形
1. 使用鼠标绘制星形
选择“星形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个星形,效果如图2-36所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-04.jpg?sign=1738921357-DAkZCf2vqFo57TqKKdRmsBuT8tcwtkeG-0-0a8ec2eeac807b91b8ddfe4139443cc4)
图2-36
选择“星形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正星形,效果如图2-37所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-05.jpg?sign=1738921357-oCUUxBUuuTZEInVHcTwU4ovmz9MExVfY-0-0d1b5b65e4c442da623176fb9cd74501)
图2-37
选择“星形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个星形,效果如图2-38所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-06.jpg?sign=1738921357-xUIUJSYiVmwpFEY874cgJsh88uvzbalH-0-961934f88c82066e76d2c3b38b70a744)
图2-38
2. 精确绘制星形
选择“星形”工具,在页面中需要的位置单击,弹出“星形”对话框,如图2-39所示。在对话框中,“半径1”选项可以设置从星形中心点到各外部角的顶点的距离,“半径2”选项可以设置从星形中心点到各内部角的端点的距离,“角点数”选项可以设置星形中的边角数量。设置完成后,单击“确定”按钮,得到如图2-40所示的星形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-08.jpg?sign=1738921357-DsxKhVAHllbRDLBJiSPZERD7YuX3ucm2-0-0428efa061b01336c1730875e35dcdf7)
图2-39
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-09.jpg?sign=1738921357-kQx1zXBVHW2tx4FFqaLY0bCqbPHIRW4B-0-5ced902305919fd5b5114eb55fd85381)
图2-40
2.2.5 课堂案例——绘制钻石图标
案例学习目标
学习使用基本图形工具绘制钻石图标。
案例知识要点
使用矩形工具、椭圆工具、多边形工具和钢笔工具绘制图形,钻石图标效果如图2-41所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-14.jpg?sign=1738921357-PSUZELZ8SZ55NJ2vsxqSzhGIy4U6Pdh7-0-e0a1c10d11dd2dc5f9b75900d51c71ee)
图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=1738921357-4bpsP9NDfvYARKBsymfh3oJs4atnceoM-0-b3fc726462cbf742062a83a09bb28a36)
图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=1738921357-dELDrSS9ZGYwv50hXHOrErkLTv4Kf79e-0-175a27857716a7afac03907bd89d0967)
图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=1738921357-9Oqrub9vLL4yV3EkCT3JgTlqnZnoohvP-0-9076adf2c89533af63ee9c0b5343c9d8)
图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=1738921357-NlZxwBOtCGZrN5tIjv7U9wGjAnhGikGg-0-350aa975be53ac50bf0c1f5d4172decc)
图2-45
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-09.jpg?sign=1738921357-dEWLaAYTEnaLgI7cq8JMPgHBhIT4YyY4-0-9f2442af5287053f998c32047aafd39c)
图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=1738921357-fnglSVxL5JmAXYKMAtHrZ5o9tNmXBmbN-0-620c90198ff5f230295c8713cc5288ae)
图2-47
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-12.jpg?sign=1738921357-1hmzSGo16JU7lNP1oaOecLqxElxpQj15-0-7126e51392a7e25e532f96419495bc9e)
图2-48
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-13.jpg?sign=1738921357-UDtn3PNk51kWks1q8goN0uFn0sxXg7GI-0-e6509c85ff717a58f9dd8ccd8ab04fb3)
图2-49
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-14.jpg?sign=1738921357-JrZrkJwzLgIBKC251ugefRY4gCA4ALTn-0-eb0810014f41d53e6ac7d11760292f7b)
图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=1738921357-tjvCYMK4609yPfmwnyDhM1CEKlL6uh2E-0-c028c9a22bfb55bbe03a86c06b8edf52)
图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=1738921357-MkhrzvcRGcUBy3ZZhmIJ2YAcB0cWhIYJ-0-a6daf0f14d112362f211931c5f299f0b)
图2-52
(9)选择“选择”工具,按住Shift键的同时,分别单击所绘制的图形,将多个图形同时选取,按Ctrl+G组合键,将多个图形编组,效果如图2-53所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-06.jpg?sign=1738921357-9lwrPEuyBSbsaWUkZnP5fimbtZeFiZ0e-0-435000664e6dcade455112e02cb4dc64)
图2-53
(10)选择“选择”工具,按住Shift+Alt组合键的同时,拖曳选取的图形到适当位置,复制图形,效果如图2-54所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-07.jpg?sign=1738921357-fl2KpfdUGf1w9w85jIUsAMb2vLEbdYlE-0-73bac8323f8a589778429a6aa801412e)
图2-54
(11)双击“镜像”工具,弹出“镜像”对话框,选项的设置如图2-55所示,单击“确定”按钮,效果如图2-56所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-09.jpg?sign=1738921357-UPOZdMLBGbGhoQjJ46LPhkuLWR3lzxQ7-0-679db9cca7f16df971ed1b3765e69e00)
图2-55
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-10.jpg?sign=1738921357-Q15oqizrqM3WG1Yh70d3J5SSgYTwAR4q-0-6cca6e4236f81dd142d2c74117fc4816)
图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=1738921357-DP4K1zS27cRdqEM5qKuZGb4J9tqkQIbk-0-a4c2ca6e957f5892cce7adc478436655)
图2-57
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-13.jpg?sign=1738921357-BIzLn1Sr4aHDtgmEvnmJxKOGz4IkQHmI-0-ce574ec394f9dd83eb4f78ff68e6f991)
图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=1738921357-Lp8YM5qyw6vNNKgi4XWIMVhCDVPvoXxk-0-19ffb68b802482f8a4c5a85833743725)
图2-59
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-04.jpg?sign=1738921357-2AlPHFVSpLKSC1OCYX0dURrvzejJP6UV-0-bcd39602ae7d92014f1352ece38a1990)
图2-60
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-05.jpg?sign=1738921357-Pgeh1tSK75A3M1W1bMaRWvHg7LOsBrws-0-f7738417429473bc7e34839dfb48d780)
图2-61
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-06.jpg?sign=1738921357-mzoddAnTiWK19YaP0ncQv0MFCXrQlOgn-0-e16cd23dd3bc497e0b9b36a354362a94)
图2-62