2.2　基本圖形繪制

矩形和橢圓是最簡單、最基本，也是最重要的圖形。在Illustrator CC 2018中，“矩形工具”“圓角矩形工具”“橢圓工具”的使用方法比較類似。通過使用這些工具，可以很方便地在繪圖頁面上拖動光標繪制各種形狀。

多邊形和星形也是常用的基本圖形，它們的繪制方法與繪制矩形和橢圓的方法類似。除了使用拖動光標的繪制方法外，還能夠通過設置相應的對話框選項來精準地繪制圖形。

2.2.1　線條圖形

1. 直線工具

直線工具用來創建直線。在繪制的過程中按住Shift鍵，可以創建水平、垂直或者45°角方向為增量的直線；按住Alt鍵，直線會以單擊點為中心向兩側延伸，雙擊“直線段工具”，可以打開“直線段工具選項”對話框進行設置，如圖2-8和圖2-9所示。

2. 弧形工具

弧形工具用來創建弧形。在繪制的過程中按住X鍵，可以切換弧形線段的凹凸方向；按住C鍵，可在開放式圖形與閉合圖形之間切換；按住Shift鍵，可以保持固定的角度，如圖2-10所示。按“↑”“↓”“←”“→”鍵可調整弧線的斜率。如果要創建更為精準的弧線，可在畫板中單擊，打開“弧線段工具選項”對話框設置參數，如圖2-11所示。

2.2.2　實戰—繪制天壇剪影

使用“直線工具”可以進行任意直線的繪制，也可以通過使用對話框精準地繪制相應的直線對象，此案例中，使用“直線工具”繪制天壇的剪影，操作難度簡單。

01　打開Illustrator CC 2018，新建一個297mm×210mm大小的畫布，選擇相關素材中的“天壇.jpg”文件，將素材拖入至畫布中，并調整其大小、位置，如圖2-12所示。選擇工具箱中的“直線工具”按鈕，繪制一條線段，按住“～”鍵，如圖2-13所示。

02　拖動光標，使光標沿“天壇”邊緣繪制輪廓線，如圖2-14和圖2-15所示。

03　將繪制好的輪廓線執行右鍵菜單中的“編組”命令，或按快捷鍵Ctrl+G對對象進行編組，如圖2-16所示。并將“天壇”素材刪除，如圖2-17所示。

04　選擇編組的對象，執行右鍵菜單中的“變換”|“對稱”命令，彈出“鏡像”對話框，并設置其參數，單擊“復制”按鈕，如圖2-18和圖2-19所示。

05　將“對稱”得到的圖形調整位置，如圖2-20所示；選擇工具箱中的“直線工具”按鈕，在對象底部繪制一條同底部平行的直線，如圖2-21所示。

06　選擇底部繪制的線段，按住Alt鍵，拖動復制一個線段，并按住快捷鍵Ctrl+D連續復制多個線段，如圖2-22和圖2-23所示。

07　選擇線段和輪廓線段，并調整兩者的位置，最終效果如圖2-24所示。

2.2.3　幾何圖形

1. 繪制矩形和正方形

使用矩形工具創建矩形和正方形。選擇該工具后，拖動光標可以創建任意大小的矩形，按住Alt鍵，可以以光標點為中心向外繪制矩形，按住快捷鍵Shift+Alt，可以以光標點為中心向外繪制正方形，如圖2-25所示。如果要創建更為精準的矩形，可在畫板中單擊，打開“矩形”對話框設置參數，如圖2-26所示。

2. 繪制圓角矩形

使用“圓角矩形工具”按鈕創建圓角矩形，其使用方法及快捷鍵與矩形工具相同。

3. 繪制橢圓形和圓形

使用“橢圓工具”按鈕創建橢圓形和圓形。選擇該工具后，拖動光標可以創建任意大小的橢圓，按住Alt鍵，可以以光標點為中心向外繪制橢圓形，按住快捷鍵Shift+Alt，可以以光標點為中心向外繪制圓形，如圖2-27所示。如果要創建更為精準的圓形，可在畫板中單擊，打開“橢圓”對話框設置參數，如圖2-28所示。

4. 繪制多邊形

使用“多邊形工具”按鈕創建三邊形以及三邊以上的圖形。在繪制圖形的過程中，按“↑”或者“↓”鍵可以增加或者減少多邊形的邊數，如圖2-29所示。移動光標可以旋轉多邊形，按住Shift鍵操作可以鎖定一個不變的角度。如果需要創建更為精準的圖形，可在畫板中單擊，打開“多邊形”對話框設置參數，如圖2-30所示。

5. 繪制星形

使用“星形工具”按鈕創建各種形狀的星形。在繪制圖形的過程中，按“↑”或者“↓”鍵可以增加或者減少星形的角點數，如圖2-31所示。移動光標可以旋轉星形，按住Shift鍵操作可以鎖定一個不變的角度。如果需要創建更為精準的星形，可在畫板中單擊，打開“星形”對話框設置參數，如圖2-32所示。

2.2.4　光暈圖形

使用“光暈工具”按鈕繪制光暈，并且隨時可調整光暈圖片的大小，修改射線數量和模糊程度。

光暈圖形是矢量對象，它包含中央手柄和末端手柄，手柄可以定位光暈和光環。中央手柄是光暈的明亮中心，光暈路徑從該點開始，如圖2-33所示。

2.2.5　實戰—繪制光暈圖像并修改光暈

光暈工具是一個比較特殊的工具，可以通過在圖像中添加矢量對象來模擬發光的光斑效果，繪制出的對象比較復雜，但是制作的過程卻相對簡單。下面將通過在圖像中繪制光暈來熟悉光暈工具的使用方法。

01　打開相關素材中的“實戰—繪制光暈.ai”文件，使用“光暈工具”按鈕創建光暈圖形，如圖2-34所示。

02　保持圖形的選取狀態，使用“光暈工具”按鈕，單擊并拖動中央手柄，可以移動光暈的位置，單擊并拖動末端手柄位置，如圖2-35所示。

03　單擊末端手柄，然后按“↑”鍵，增加光環數量，根據畫面調整光暈位置，如圖2-36所示。

2.2.6　實戰—繪制矢量可愛貓咪

此案例中，主要講解“矩形工具”結合“鋼筆工具”的變換使用，來繪制一款可愛貓咪的矢量圖形。通過講解此案例，希望讀者能通過運用一些常用工具的變換和調整來繪制一些簡單的矢量圖形。

01　打開Illustrator CC 2018，新建一個297mm×210mm大小的畫布，并選擇工具箱中的“矩形工具”按鈕，或按快捷鍵M，拖動光標繪制一個與畫布大小相同的矩形；給矩形選擇一種顏色填充，描邊設置為無，選擇矩形，并按快捷鍵Ctrl+2將矩形鎖定，如圖2-3 7和圖2-38所示。

02　選擇工具箱中的“矩形工具”按鈕，拖動光標繪制一個矩形，給矩形添加一種顏色，描邊設置為無，如圖2-39所示；單擊矩形工具，選擇“矩形”內部的并拖動光標，將矩形圓角化，如圖2-40所示。

03　繼續繪制一個矩形，選擇工具箱中的“鋼筆工具”按鈕，或按快捷鍵P，單擊“矩形”圖形的一個邊，將錨點減去，如圖2-41所示。然后按快捷鍵Ctrl+C和Ctrl+V將對象復制一層，并選擇工具箱中的“直接選擇工具”按鈕，或者按快捷鍵A，選擇對象的錨點并移動，如圖2-42所示。

04　選擇先前的小三角形對象，給對象填充一種顏色，并按住Shift鍵加選大三角形，選擇對象后，按快捷鍵Ctrl+G將對象進行編組，然后執行右鍵菜單中的“排列”|“后移一層”命令，或按快捷鍵Ctrl+[，將對象調整至合適位置，如圖2-43和圖2-44所示。

05　選擇編組對象，執行右鍵菜單中的“變換”|“對稱”命令，彈出“鏡像”對話框，設置參數如圖2-45所示，單擊“復制”按鈕后，將“對稱”后的對象移動至合適位置，如圖2-46所示。

06　選擇工具箱中的“橢圓工具”按鈕，或者按快捷鍵L，按住快捷鍵Shift+Alt拖動繪制一個正圓，給圓添加一種顏色，描邊設置為無；按快捷鍵Ctrl+C和Ctrl+F將對象復制到頂層，給復制的圓添加另外一種顏色，選擇兩個圓，將對象進行編組，如圖2-47所示；執行上述“對稱”步驟將對象“鏡像”后，將“對稱”后的對象移動至合適的位置，如圖2-48所示。

07　選擇工具箱中的“多邊形工具”按鈕，拖動光標繪制時，按住“↓”鍵，可以調整多邊形的邊角數量，在此繪制一個三角形，并單擊按鈕給三角形進行圓角，如圖2-49所示；然后選擇工具箱中的“圓角矩形工具”按鈕，拖動光標繪制圓角矩形，并調整其位置，如圖2-50所示。

08　選擇工具箱中的“矩形工具”按鈕，為貓咪繪制身體部分，效果如圖2-51所示；選擇工具箱中的“橢圓工具”按鈕，為貓咪繪制其他部分，效果如圖2-52所示。

09　選擇工具箱中的“弧形工具”按鈕，為貓咪繪制尾巴，此時將填充色設置為透明色，描邊大小設置為12pt，并在描邊選項中選擇“圓頭端點”按鈕，如圖2-53所示。

10　最后為貓咪添加一些點綴裝飾，如圖2-54所示。

2.2.7　實戰—繪制遮陽傘

此案例中，主要講解的是“弧形工具”“直線段工具”和“橢圓工具”的使用方法，通過這些基本的繪制圖形的工具來繪制遮陽傘。案例顏色豐富，畫風活潑可愛。案例中涉及的“路徑查找器”面板中的按鈕，將放在第4章講解。

01　打開Illustrator CC 2018，新建一個540px×330px大小的畫布，選擇工具箱中的“弧形工具”按鈕并雙擊，調出“弧線段工具選項”對話框，設置參數給繪制好的“弧形工具”填充顏色，無描邊，如圖2- 55和圖2-56所示。

02　繼續調出“弧線段工具選項”面板，設置參數；給繪制好的“弧線工具”添加一個描邊，設置無填充色，并調整好位置和大小，如圖2-57和圖2-58所示。

03　執行“窗口”|“路徑查找器”命令，彈出“路徑查找器”面板，選擇繪制的弧線圖形，單擊“路徑查找器”面板中的“分割”按鈕，得到復合圖形，并執行右鍵菜單中的“取消編組”命令，如圖2-59和圖2-60所示。

04　給遮陽傘的另一部分填充其他顏色，然后旋轉變換，如圖2-61所示；選擇“直接選擇工具”按鈕，通過調整對象的錨點來調整遮陽傘的大小，如圖2-62所示。

05　選擇工具箱中的“圓角矩形工具”按鈕，拖動繪制出傘柄的位置，選擇當前的三個對象，按快捷鍵Ctrl+G將對象進行編組，并旋轉角度，如圖2-63和圖2-64所示。

06　選擇工具箱中的“橢圓工具”按鈕，拖動光標繪制投影，調整圖層順序，如圖2-65所示。將繪制好的傘主體位置移動與復制并調整角度，如圖2-66所示。

07　打開相關素材中的“實戰—傘素材背景.ai”文件，將文件的背景圖拖至畫面中，調整位置關系，效果如圖2-67所示。