![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=1739281741-BlM1LvIQJfsF5Y0pBPWF12BtzJptwIOG-0-5e8386055bee4d28410d6ad81b5b0e5e)
图2-16
选择“矩形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正方形,效果如图2-17所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-05.jpg?sign=1739281741-XSD9Fezp7MtrOqPE5RjbDh7KDIPU7GTL-0-aef25388bcef7e802f13ca2126dc934e)
图2-17
选择“矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个矩形,效果如图2-18所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-06.jpg?sign=1739281741-xUSFz74vlPeeiVSJOvomJR8xbPeQjTML-0-a04c9bba6515df3860a55eaf83e38a0a)
图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=1739281741-MUY4yOmG3FdoRjAII5qjhnoUBsxV1HnQ-0-84f262cc9577547bd07053a24f841fc0)
图2-19
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/033-17.jpg?sign=1739281741-fHIPBA4hoUy9J5Bccl9PaMxyyEKUmE26-0-9206a513fd19697eee9a86f50004279e)
图2-20
3. 使用光标绘制圆角矩形
选择“圆角矩形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个圆角矩形,效果如图2-21所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-02.jpg?sign=1739281741-Ds5eJrbTGFxHem6552SHeXKcDZ941nV5-0-2d75eb2755d29b1e5fc1e5a347876a4a)
图2-21
选择“圆角矩形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制一个宽度和高度相等的圆角矩形,效果如图2-22所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-03.jpg?sign=1739281741-jScrgyugwnhfgCqR1bfzVKfSEFreZHQW-0-3942433e0705b28556a616155ef8e044)
图2-22
选择“圆角矩形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个圆角矩形,效果如图2-23所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-04.jpg?sign=1739281741-3xRPzZ9Yix9HzcqPlb2OumjCVgHPnm7c-0-22ea6b1671f62aea3a0ca7542ee69fc0)
图2-23
4. 精确绘制圆角矩形
选择“圆角矩形”工具,在页面中需要的位置单击,弹出“圆角矩形”对话框,如图2-24所示。在对话框中,“宽度”选项可以设置圆角矩形的宽度,“高度”选项可以设置圆角矩形的高度,“圆角半径”选项可以控制圆角矩形中圆角半径的长度;设置完成后,单击“确定”按钮,得到如图2-25所示的圆角矩形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-06.jpg?sign=1739281741-6RlBe65Pme1jv1AgobYFFadYObTDLP18-0-efb37bb1a97fd08575604b8790a90afd)
图2-24
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-07.jpg?sign=1739281741-K9pSAXPef5hpVLedQtC9g9cGNOcIFSo0-0-dd97a22530300430c409fb5e83a5445a)
图2-25
2.2.2 绘制椭圆形和圆形
1. 使用光标绘制椭圆形
选择“椭圆”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个椭圆形,如图2-26所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-11.jpg?sign=1739281741-thuR2PSggHRv49dbuBHtW69g8t7KVECD-0-0c7170d04681d7092210dffaed3b5664)
图2-26
选择“椭圆”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个圆形,效果如图2-27所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-12.jpg?sign=1739281741-KRHFg5cKqw5Q7JrTO80fJOyirxLzJK9c-0-438434f12f31b6618da09aedfc82ad83)
图2-27
选择“椭圆”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,可以绘制出多个椭圆形,效果如图2-28所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/034-13.jpg?sign=1739281741-ri5fJbt3BAjyUgU6OXb1xF8TLBk5kH9R-0-d7c3ea0c5226746fa9605247cd9c469a)
图2-28
2. 精确绘制椭圆形
选择“椭圆”工具,在页面中需要的位置单击,弹出“椭圆”对话框,如图2-29所示。在对话框中,“宽度”选项可以设置椭圆形的宽度,“高度”选项可以设置椭圆形的高度。设置完成后,单击“确定”按钮,得到如图2-30所示的椭圆形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-02.jpg?sign=1739281741-KTosi3jdVQMeX9zJ0JYY931l4TtZrRAC-0-3652c73e034a30744d0a6ac36941e99c)
图2-29
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-03.jpg?sign=1739281741-CXairz5RxiOmwA6sazrEP8QtA7k6PEot-0-3d42fc22a9432ad8d8d48293a8967ddb)
图2-30
2.2.3 绘制多边形
1. 使用鼠标绘制多边形
选择“多边形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个多边形,如图2-31所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-07.jpg?sign=1739281741-mg738HLn8PkYJKiroUEVBWjAyP4wnMsb-0-437ff79e30597e94ae54bcc568565ad9)
图2-31
选择“多边形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正多边形,效果如图2-32所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-08.jpg?sign=1739281741-KvIGrnYYOzC2cRxYSrkkB0ZTuGzjqpw2-0-763100443e7e0c335309f6897da5774c)
图2-32
选择“多边形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个多边形,效果如图2-33所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-09.jpg?sign=1739281741-mo7EWTpS0fjjgxsZrtMCpThfx0C12EMW-0-7512ca1a20ac7e282ac2ffeebfabde0f)
图2-33
2. 精确绘制多边形
选择“多边形”工具,在页面中需要的位置单击,弹出“多边形”对话框,如图2-34所示。在对话框中,“半径”选项可以设置多边形的半径,半径指的是从多边形中心点到多边形顶点的距离,而中心点一般为多边形的重心;“边数”选项可以设置多边形的边数。设置完成后,单击“确定”按钮,得到如图2-35所示的多边形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-11.jpg?sign=1739281741-mLBlw2SMvHHLmTrDgPXPJw8g4D1TqKjP-0-02495b5be711f4a775fdc15a14e73e20)
图2-34
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/035-12.jpg?sign=1739281741-7CRt4G5qG8qrUweyxkPgNc2M21urTXwa-0-54c092a63d0557738a8005da981f6f60)
图2-35
2.2.4 绘制星形
1. 使用鼠标绘制星形
选择“星形”工具,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个星形,效果如图2-36所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-04.jpg?sign=1739281741-EFE5C2jlpl7JTD189wHv5Ne64XY2RvKQ-0-8ab4da9d81bb573101bb27bb96e1efc9)
图2-36
选择“星形”工具,按住Shift键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出一个正星形,效果如图2-37所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-05.jpg?sign=1739281741-HA7VBUkWTz4q12OZqI0XADWU9GJoGlQE-0-64fe72bdbb1d459cb2abe3a3ea38f36e)
图2-37
选择“星形”工具,按住~键,在页面中需要的位置单击并按住鼠标左键不放,拖曳光标到需要的位置,释放鼠标左键,绘制出多个星形,效果如图2-38所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-06.jpg?sign=1739281741-UQ3vIg4Nl54JRRzT84KqGIahlUBMSDEl-0-f8e3fd20e65abb42fe758fce77c46d80)
图2-38
2. 精确绘制星形
选择“星形”工具,在页面中需要的位置单击,弹出“星形”对话框,如图2-39所示。在对话框中,“半径1”选项可以设置从星形中心点到各外部角的顶点的距离,“半径2”选项可以设置从星形中心点到各内部角的端点的距离,“角点数”选项可以设置星形中的边角数量。设置完成后,单击“确定”按钮,得到如图2-40所示的星形。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-08.jpg?sign=1739281741-PFEA4OjaU8AeOx8KfnrraOLd6AmvZ3hS-0-adcba0a58ae7d71843f2c244e1cc5d82)
图2-39
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-09.jpg?sign=1739281741-pur1SYpmz8nOAjXRn0w87AZ66umUjmRm-0-b6c3869c407438080e4f7f2b94bcc779)
图2-40
2.2.5 课堂案例——绘制钻石图标
案例学习目标
学习使用基本图形工具绘制钻石图标。
案例知识要点
使用矩形工具、椭圆工具、多边形工具和钢笔工具绘制图形,钻石图标效果如图2-41所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/036-14.jpg?sign=1739281741-76jCrIlcWRShqeewvQgGAY2V5MpXHpky-0-e29e49c9949fdae8db0b680332ee5f76)
图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=1739281741-Ez9UcjPegebY6DuirK4Q1jekduVGv4cF-0-18c5250047428a1f66301dd230b7129d)
图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=1739281741-xwe6czbHVxyjExpIDMqDK1FEq3LBAOeD-0-60c466761bfa732658be1f800ee75af8)
图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=1739281741-zM8KRukfjqXS18zvcCNWhVbEis5QJ2Nu-0-d4d97d3bda6b5d46c0f6dcf6dc91b10d)
图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=1739281741-D5k75utcghJeWyPdK3VlMk6NEzyoFmi9-0-918a09ec54bd7bfe46ee416393ff56fc)
图2-45
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-09.jpg?sign=1739281741-WxEWA8XrcCqiVtW5hLnol5PE47e6BJHu-0-1f56967c45e416bbccd4bbdc4251687c)
图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=1739281741-wSPslxD3Z3UXJuPmXsFasjuR3PNxiQJE-0-bb663a57ee361ddd99a1a3ce71a10efb)
图2-47
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-12.jpg?sign=1739281741-HakpOCGS9q4P9MlT2DflyHBFHpftA10D-0-a311f7904338b92714de98ea08071a44)
图2-48
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-13.jpg?sign=1739281741-ClKdddMrDeTaD14QE1vCkzPXtvQv0xt8-0-19c7a753be5366be775a89ebe697cb9e)
图2-49
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/037-14.jpg?sign=1739281741-Rd2SGOYrVlqQYUZRps7n9OmJGROxNXFx-0-1ff6fedcb79e520bd81308475aa4dd6a)
图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=1739281741-wKg5ieA9xvgarmAdBLz1icEodcKNgDo7-0-6980cde1f189472b43145cc9e0a2b777)
图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=1739281741-5kprUP9ls38o6PyRSUfC9h5IUGw3HA8E-0-f7f6c61a3e2abd93f5841397fc44a199)
图2-52
(9)选择“选择”工具,按住Shift键的同时,分别单击所绘制的图形,将多个图形同时选取,按Ctrl+G组合键,将多个图形编组,效果如图2-53所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-06.jpg?sign=1739281741-kR7LI0BwjFcH9sbnAymuerxWzxxftuXd-0-8c8f051ebbe2da891988e107e8b9d3ec)
图2-53
(10)选择“选择”工具,按住Shift+Alt组合键的同时,拖曳选取的图形到适当位置,复制图形,效果如图2-54所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-07.jpg?sign=1739281741-hEob5yaa4ScaCruCS97M2MqIxN4hGT6p-0-8d2e66de6559c23a925e48c3c4b5da87)
图2-54
(11)双击“镜像”工具,弹出“镜像”对话框,选项的设置如图2-55所示,单击“确定”按钮,效果如图2-56所示。
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-09.jpg?sign=1739281741-KHV97jASMmhEgClRXT9ACiHLmCJRszaB-0-f51147932ae22cdda3223e62492d7ce6)
图2-55
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-10.jpg?sign=1739281741-CDgg8D1QljJT6ehTa59oEcZdxfmPAx18-0-6b54348f8359c34f9d5842d67e0335fd)
图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=1739281741-95Jw8kBFU9IQtzvtDcCIPNSmb9MzikqY-0-3dc81958bbf6ad01540c5c742ead8a6b)
图2-57
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/038-13.jpg?sign=1739281741-bM3aa8NAjgmmOueE0XT8MaBrVFbFd2C9-0-838645c51e7710bf5b8cc5686e870dd3)
图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=1739281741-kb916JKwOeRcYQQlsJyBvWfZvEAQj4je-0-4859420ed8d80c30952929366f4d1803)
图2-59
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-04.jpg?sign=1739281741-EDZjSxbhqqQ6pRJ4eTIp8xaP8x4jnaKo-0-592f474d46f6f9b7f029c64cad7d7cb7)
图2-60
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-05.jpg?sign=1739281741-fNd7xPes17kgPLqJn2LTb7HXOA2GYg3l-0-e78640bc87a0e89c4176f81dd2b0c368)
图2-61
![](https://epubservercos.yuewen.com/0BF903/16946393004460806/epubprivate/OEBPS/Images/039-06.jpg?sign=1739281741-nciwktSHGtir66KU5SByHwD6aaDA51Ff-0-168c1c108720827ba1328c8594ef017b)
图2-62