《矢量圖設(shè)計與制作》模塊二基本圖形繪制課件

—專業(yè)核心課程—模塊二基本圖形繪制矢量圖設(shè)計與制作IllustratorCC2022形狀繪圖工具01線型繪圖工具02目錄contentsPART01形狀繪圖工具圖2-1圖2-1一、繪制矩形03021.使用鼠標(biāo)繪制選擇“矩形”工具,在頁面中按住鼠標(biāo)左鍵拖曳到適當(dāng)位置松開鼠標(biāo)，即可繪制一個矩形，如圖2-1所示。2.精確繪制選擇“矩形”工具,在頁面中單擊鼠標(biāo)左鍵，彈出“矩形”對話框，如圖2-2所示。在對話框中的“寬度”和“高度”數(shù)值框中分別輸入對應(yīng)數(shù)值，設(shè)置完成后，單擊“確定”按鈕，即可得到一個矩形。圖2-1圖2-2一、繪制矩形3.結(jié)合快捷鍵繪制選擇“矩形”工具

，按住Shift鍵不松手，在頁面中按住鼠標(biāo)左鍵拖曳到適當(dāng)位置松開鼠標(biāo)，即可繪制出一個正方形，如圖2-3所示。選擇“矩形”工具

，按住Alt鍵不松手，在頁面中按住鼠標(biāo)左鍵拖曳到適當(dāng)位置，松開鼠標(biāo)，即可繪制一個以鼠標(biāo)落點為中心的矩形。選擇“矩形”工具

，按住Shift+Alt鍵不松手，在頁面中按住鼠標(biāo)左鍵拖曳到適當(dāng)位置，松開鼠標(biāo)，即可繪制一個以鼠標(biāo)落點為中心的正方形。選擇“矩形”工具

，按住~鍵不松手，在頁面中按住鼠標(biāo)左鍵拖曳到適當(dāng)位置，松開鼠標(biāo)，即可繪制多個矩形，如圖2-4所示。20204圖2-3圖2-4上述結(jié)合快捷鍵繪制圖形的方法，同樣適用于圓角矩形、橢圓、多邊形、星形的繪制。技巧：在繪制圖形的過程中，按住“空格鍵”不松手，可凍結(jié)當(dāng)前正在繪制的圖形，在頁面中任意移動圖形到合適位置，松開“空格鍵”可繼續(xù)繪制圖形。一、繪制矩形02044.重置矩形大小矩形繪制好后，在設(shè)計過程中，可根據(jù)需要隨時調(diào)整大小。鼠標(biāo)拖動調(diào)整大小選中矩形圖形，圖形四周出現(xiàn)定界框，將鼠標(biāo)指針移至定界框中的任一控制點上，拖曳鼠標(biāo)到合適的大小，在拖曳的過程會出現(xiàn)一個灰色框，里面會顯示寬和高的數(shù)值，松開鼠標(biāo)即可改變矩形的大小，如圖2-5所示。04圖2-5技巧：按住Shift鍵不松手拖曳鼠標(biāo)，可等比例改變矩形的大小。一、繪制矩形“屬性”面板調(diào)整大小選中矩形對象，在“屬性”控制面板的“矩形”選項的“變換”參數(shù)組中的“寬”和“高”數(shù)值框中輸入數(shù)值按Enter鍵確認(rèn)，如圖2-6所示。單擊“保持寬度和高度比例”按鈕或，可使寬度和高度按比例或自由設(shè)置。表示寬度和高度可分別進(jìn)行設(shè)置、表示寬度和高度按比例約束變化。也可單擊“變換”參數(shù)組右下角的“更多選項”按鈕，在彈出的矩形屬性中的“矩形寬度”和“矩形高度”數(shù)值框中輸入數(shù)值，按Enter鍵確認(rèn)，如圖2-7所示。04圖2-6圖2-7圖2-9一、繪制矩形035.矩形變形選中矩形對象，對象四周會出現(xiàn)定界框，同時會顯示各種點，如圖2-8所示。圖2-8圖2-8技巧：如矩形對象中沒有出現(xiàn)邊角構(gòu)件，可選擇菜單欄中的“視圖>顯示邊角構(gòu)件”命令。選擇“選擇”工具或“直接選擇”工具，將鼠標(biāo)指針移至任一邊角構(gòu)件上，如圖2-9（a）所示。拖曳鼠標(biāo)可同時對矩形角進(jìn)行變形，如圖2-9（b）所示。拖曳至合適的大小，松開鼠標(biāo)即可對矩形角進(jìn)行變形，如圖2-9（c）。圖2-9圖2-9一、繪制矩形03也可單獨調(diào)整某一個矩形角，選中矩形對象，選擇“選擇”工具或“直接選擇”工具，將鼠標(biāo)移至需要調(diào)整矩形角的邊角構(gòu)件上單擊鼠標(biāo)選中，變?yōu)榭招倪吔菢?gòu)件，如圖2-10（a）所示。拖曳鼠標(biāo)可對選取的矩形角進(jìn)行單獨變形，如圖2-10（b）所示。拖曳至合適的大小，松開鼠標(biāo)即可，效果如圖2-10（c）。圖2-10圖2-9一、繪制矩形03也可以通過“屬性”控制面板來精確調(diào)整圓角大小或選擇角的類型：選中矩形圖形，在“屬性”面板中單擊“矩形”選項右下角的“更多選項”

按鈕，在彈出的矩形屬性中設(shè)置，如圖2-11所示。邊角類型

：選擇不同的邊角類型

（圓角、反向圓角、倒角）。鏈接圓角半徑值

：表示同時改變四個角的數(shù)值。單擊按鈕可變?yōu)?/p>

按鈕，表示取消鏈接，可分別調(diào)整角的數(shù)值。技巧：按住Alt鍵不放，單擊任一邊角構(gòu)件，或在拖曳邊角構(gòu)件的同時，按↑鍵或↓鍵，可在3種邊角之間進(jìn)行轉(zhuǎn)換。按住Ctrl鍵，雙擊其中任一邊角構(gòu)件，彈出“變換”控制面板，設(shè)置邊角類型。圖2-11圖2-1圖2-1二、繪制圓角矩形0302011.使用鼠標(biāo)繪制選擇“圓角矩形”工具

，在頁面中按住鼠標(biāo)左鍵進(jìn)行拖曳到適當(dāng)位置，松開鼠標(biāo)，即可繪制一個圓角矩形，如圖2-12所示。圖2-12圖2-13技巧：在使用鼠標(biāo)拖曳繪制圓角矩形的同時，按“↑”鍵可增加圓角半徑、按“↓”鍵可減少圓角半徑、按“←”鍵可變?yōu)橹苯蔷匦巍础啊辨I可繪制一個圓角半徑最大的圓角矩形。圖2-9二、繪制圓角矩形032.精確繪制選擇“圓角矩形”工具

，在頁面中單擊鼠標(biāo)左鍵，打開“圓角矩形”對話框，如圖2-13所示。在對話框中的“寬度”、“高度”和“圓角半徑”數(shù)值框中分別輸入對應(yīng)數(shù)值，設(shè)置完成后，單擊“確定”按鈕，即可得到一個圓角矩形。3.重置圓角矩形圓角矩形繪制好后，也可以隨時調(diào)整它的大小和圓角半徑?？梢酝ㄟ^鼠標(biāo)拖曳控制點和邊角構(gòu)件來改變圓角矩形的大小和圓角半徑，或“屬性”面板來精確調(diào)整大小、邊角半徑和邊角類型。知識要點：矩形工具、自由變換工具、直接選擇工具、編組隨學(xué)隨練03一、繪制房子圖形，效果如圖2-14所示。知識要點：矩形工具、自由變換工具、直接選擇工具、編組。圖2-1圖2-1三、繪制橢圓形0302011.使用鼠標(biāo)繪制選擇“橢圓”工具

，在頁面中按住鼠標(biāo)左鍵拖曳到適當(dāng)位置，松開鼠標(biāo)，即可繪制一個橢圓，如圖2-23所示。2.精確繪制選擇“橢圓”工具

，在頁面中單擊鼠標(biāo)左鍵，彈出“橢圓”對話框，如圖2-24所示。在對話框中的“寬度”和“高度”數(shù)值框中分別輸入對應(yīng)數(shù)值，設(shè)置完成后，單擊“確定”按鈕，即可得到一個橢圓。圖2-23圖2-24圖2-1圖2-1三、繪制橢圓形03023.重置橢圓橢圓繪制好后，也可以隨時調(diào)整它的大小?？梢酝ㄟ^鼠標(biāo)拖曳控制點來改變大小，或“變換”控制面板，或“屬性”面板來精確調(diào)整大小。4.繪制餅圖鼠標(biāo)拖曳繪制餅圖選中橢圓圖形，將鼠標(biāo)指針移至餅圖構(gòu)件上，指針變?yōu)榉枺鐖D2-25（a）所示，向上拖曳餅圖構(gòu)件，可以調(diào)整餅圖的起點角度，如圖2-25（b）所示，向下拖曳餅圖構(gòu)件，可以調(diào)整餅圖的終點角度，如圖2-25（c）所示。圖2-25圖2-1圖2-1三、繪制橢圓形0302調(diào)整餅圖邊角選中餅圖圖形，再選擇“直接選擇”工具，餅圖中顯示出邊角構(gòu)件，如圖2-26（a）所示。鼠標(biāo)移至任一邊角構(gòu)件上并拖曳，對餅圖邊角一起進(jìn)行變形，如圖2-26（b）所示，拖到合適的角度松開鼠標(biāo)，效果如圖2-26（c）所示。圖2-26圖2-1圖2-1三、繪制橢圓形0302也可以分別對餅圖邊角進(jìn)行不同的調(diào)整，選中餅圖圖形，選擇“直接選擇”工具，單擊選中要調(diào)整邊角的邊角構(gòu)件，如圖2-27（a）所示。拖曳邊角構(gòu)件調(diào)整邊角，如圖2-27（b）所示，拖動到合適的角度，松開鼠標(biāo)，效果如圖2-27（c）所示。圖2-27知識要點：矩形工具、自由變換工具、直接選擇工具、編組隨學(xué)隨練03一、繪制卡通臉圖標(biāo)，效果如圖2-28所示。知識要點：橢圓工具、編組、復(fù)制圖2-1圖2-32四、繪制多邊形0302011.使用鼠標(biāo)繪制選擇“多邊形”工具，在頁面中按住鼠標(biāo)左鍵拖曳到適當(dāng)位置，松開鼠標(biāo)，即可繪制一個多邊形，如圖2-32所示。按住Shift鍵，可以繪制一個正多邊形，如圖2-33所示。技巧：在拖曳繪制多邊形的同時按“↑”鍵或“↓”鍵，可增加或減少邊數(shù)。多邊形邊數(shù)最少為3。圖2-1圖2-1四、繪制多邊形03022.精確繪制選擇“多邊形”工具

，在頁面中單擊鼠標(biāo)左鍵，彈出“多邊形”對話框，如圖2-34所示。在對話框中的“半徑”和“邊數(shù)”數(shù)值框中分別輸入對應(yīng)數(shù)值，設(shè)置完成后，單擊“確定”按鈕，即可得到一個多邊形?！鞍霃健保簭亩噙呅沃行狞c到多邊形頂點的距離。“邊數(shù)”：設(shè)置多邊形的邊數(shù)。3.鼠標(biāo)拖曳調(diào)整邊數(shù)選中多邊形圖形，鼠標(biāo)指針移至多邊形構(gòu)件“”上，指針變?yōu)椤啊狈?，如圖2-35（a）所示。向上拖曳多邊形構(gòu)件，可以減少多邊形的邊數(shù)，如圖2-35（b）所示。向下拖曳多邊形構(gòu)件，可以增加多邊形的邊數(shù)，如圖2-35（c）所示。圖2-35知識要點：矩形工具、自由變換工具、直接選擇工具、編組隨學(xué)隨練03一、繪制線性圖案，效果如圖2-36所示。知識要點：多邊形工具、重復(fù)命令圖2-1圖2-32五、繪制星形0302011.使用鼠標(biāo)繪制選擇“星形”工具

，在頁面中按住鼠標(biāo)左鍵進(jìn)行拖曳，到適當(dāng)位置，松開鼠標(biāo)，即可繪制一個星形，如圖2-40所示。按住Shift鍵，可以繪制一個正星形，如圖2-41所示。技巧：在拖曳繪制星形的同時按“↑”鍵或“↓”鍵，可增加或減少角數(shù)。星形的角數(shù)最少為3。在拖曳繪制星形的同時按Ctrl鍵不放，可以控制星形的縮進(jìn)程度。圖2-1圖2-1五、繪制星形03022.精確繪制選擇“星形”工具

，在頁面中單擊鼠標(biāo)左鍵，彈出“星形”對話框，如圖2-42所示。在對話框中，“半徑1”、“半徑2”和“角點數(shù)”數(shù)值框中分別輸入對應(yīng)數(shù)值，設(shè)置完成后，單擊“確定”按鈕，即可得到一個星形?！鞍霃?”：設(shè)置從星形中心點到外部角的頂點的距離?！鞍霃?”：設(shè)置從星形中心點到內(nèi)部角的端點的距離?！敖屈c數(shù)”：設(shè)置星形的角的數(shù)量。知識要點：矩形工具、自由變換工具、直接選擇工具、編組隨學(xué)隨練03一、繪制橙子圖標(biāo)，效果如圖2-43所示。知識要點：矩形工具、橢圓工具，星形工具、重復(fù)PART02線型繪圖工具一、繪制直線1.使用鼠標(biāo)繪制選擇“直線段”工具，在頁面中直線的開始位置單擊鼠標(biāo)左鍵并進(jìn)行拖曳，到直線結(jié)束位置，松開鼠標(biāo)，即可繪制一條直線，如圖2-48所示。圖2-1圖2-1線型繪圖工具03022.精確繪制選擇“直線段”工具

，在頁面中單擊鼠標(biāo)，彈出“直線段工具選項”對話框，如圖2-49所示。在對話框中，“長度”、“角度”選項的數(shù)值框中輸入相應(yīng)的數(shù)值，設(shè)置完成后，單擊“確定”按鈕，得到如圖2-50所示的直線。“長度”：設(shè)置直線段的長度?！敖嵌取保涸O(shè)置直線段的傾斜角度?！熬€段填色”：設(shè)置使用填充顏色對線段進(jìn)行填色。3.結(jié)合快捷鍵繪制選擇“直線段”工具

，按住Shift鍵不松手，在頁面中拖曳鼠標(biāo)可繪制水平、垂直或45角及其倍數(shù)的直線。選擇“直線段”工具

，按住Alt鍵不松手，在頁面中拖曳鼠標(biāo)可繪制以鼠標(biāo)單擊點為中心的直線（從單擊點向兩側(cè)延伸）。選擇“直線段”工具

，按住~鍵不松手，在頁面中拖曳鼠標(biāo)可一次性繪制多條直線段，如圖2-51所示。知識要點：矩形工具、自由變換工具、直接選擇工具、編組隨學(xué)隨練03一、繪制購物車圖標(biāo)，效果如圖2-52所示。知識要點：直線段工具、橢圓工具二、繪制弧線1.使用鼠標(biāo)繪制選擇“弧形”工具

，在頁面中合適的位置單擊鼠標(biāo)左鍵并拖曳到弧線合適的位置，松開鼠標(biāo)，即可繪制一段弧線，如圖2-55所示。2.精確繪制選擇“弧形”工具

，在頁面中單擊鼠標(biāo)，彈出“弧線段工具選項”對話框，如圖2-56所示。在對話框中進(jìn)行相關(guān)的參數(shù)設(shè)置，設(shè)置完成后，單擊“確定”按鈕，得到如圖2-57所示的弧線。圖2-1圖2-1線型繪圖工具0302“X軸長度”：設(shè)置弧線在X軸方向的長度?！癥軸長度”：設(shè)置弧線在Y軸方向的長度?！邦愋汀保涸O(shè)置弧線類型是開放或是閉合?！盎€軸”：設(shè)置弧線的坐標(biāo)軸?！靶甭省保涸O(shè)置弧線彎曲的方向，負(fù)數(shù)偏向“凹”方，正數(shù)偏向“凸”方。技巧：拖曳繪制弧線的同時，按“”鍵或“”鍵，可以增加或減少圓弧的曲率；按“C”鍵，可以在開放和閉合弧線之間切換；按“X”鍵，可以在凹凸的弧形之間切換；按“F”鍵，可以翻轉(zhuǎn)弧線（鏡像）。按Shift鍵的同時進(jìn)行繪制可使弧線的X軸和Y軸方向的長度保持一致。知識要點：矩形工具、自由變換工具、直接選擇工具、編組隨學(xué)隨練03一、繪制降落傘線框圖標(biāo)，效果如圖2-58所示。知識要點：弧線工具、直線段工具、矩形工具三、繪制螺旋線1.使用鼠標(biāo)繪制選擇“螺旋線”工具

，在頁面中合適的位置單擊鼠標(biāo)左鍵并進(jìn)行拖曳，到合適的位置，松開鼠標(biāo)，即可繪制一條螺旋線，如圖2-67所示。2.精確繪制選擇“螺旋線”工具

，在頁面中單擊鼠標(biāo)，彈出“螺旋線”對話框，如圖2-68所示。在對話框中進(jìn)行相關(guān)的參數(shù)設(shè)置，設(shè)置完成后，單擊“確定”按鈕，得到如圖2-69所示的螺旋線。圖2-1圖2-1三、繪制螺旋線0302“半徑”：設(shè)置螺旋線的半徑，從螺旋線的中心點到螺旋線終點之間的距離?！八p”：改變螺旋效果的程度，當(dāng)參數(shù)值越大時，螺旋效果越明顯，當(dāng)參數(shù)值越小，效果趨向于弧線?！岸螖?shù)”：設(shè)置螺旋線的螺旋段數(shù)。“樣式”：設(shè)置螺旋線的旋轉(zhuǎn)方向。技巧：拖曳繪制螺旋線的同時，按“↑”鍵或“↓”鍵，可以增加或減少螺旋線的段數(shù)；按“R”鍵，可切換螺旋線的旋轉(zhuǎn)方向；按“Ctrl”鍵，向外拖動鼠標(biāo)，螺旋線的間隔越來越大（衰減值變小，趨于弧線），向內(nèi)拖動鼠標(biāo)，螺旋效果明顯（衰減值變大，趨于同心圓的螺旋線）。知識要點：矩形工具、自由變換工具、直接選擇工具、編組隨學(xué)隨練03一、繪制棒棒糖圖形，效果如圖2-70所示。知識要點：螺旋線工具、橢圓工具、矩形工具四、繪制矩形網(wǎng)格1.使用鼠標(biāo)繪制選擇“矩形網(wǎng)格”工具

，在頁面中合適的位置單擊鼠標(biāo)左鍵并進(jìn)行拖曳，到合適的位置，松開鼠標(biāo)，即可繪制一個矩形網(wǎng)格，如圖2-75所示。技巧：拖曳繪制矩形網(wǎng)格的同時，按“↑”鍵或“↓”鍵，可以增加或減少水平網(wǎng)格線；按“→”鍵或“←”鍵，可以增加或減少垂直網(wǎng)格線；按“F”鍵或“V”鍵，可讓水平網(wǎng)格線的傾斜值減少或增加；按“X”鍵或“C”鍵，可讓垂直網(wǎng)格線的傾斜值減少或增加。圖2-75四、繪制矩形網(wǎng)格2.精確繪制選擇“矩形網(wǎng)格”工具

，在頁面中單擊鼠標(biāo)，彈出“矩形網(wǎng)格選項工具”對話框，如圖2-76所示。在對話框中進(jìn)行相關(guān)的參數(shù)設(shè)置，設(shè)置完成后，單擊“確定”按鈕，得到如圖2-77所示的矩形網(wǎng)格。圖2-1圖2-1四、繪制矩形網(wǎng)格0302“默認(rèn)大小”：設(shè)置矩形網(wǎng)格整體的大小。“寬度”設(shè)置矩形網(wǎng)格的寬度，“高度”設(shè)置矩形網(wǎng)格的高度?！八椒指艟€”：對矩形網(wǎng)格中水平網(wǎng)格進(jìn)行設(shè)置?！皵?shù)量”設(shè)置水平網(wǎng)格線的數(shù)量，“傾斜”設(shè)置水平網(wǎng)格線偏向上方或下方的偏移量。“垂直分隔線”：對矩形網(wǎng)格中垂直網(wǎng)格進(jìn)行設(shè)置?！皵?shù)量”設(shè)置垂直網(wǎng)格線的數(shù)量，“傾斜”設(shè)置垂直網(wǎng)格線偏向左方或右方的偏移量?！笆褂猛獠烤匦巫鳛榭蚣堋保汗催x其項，可使用矩形對象替換上、下、左、右的邊線?！疤钌W(wǎng)格”：勾選，可使用當(dāng)前的填充色填充網(wǎng)格線。四、繪制矩形網(wǎng)格3.編輯矩形網(wǎng)格矩形網(wǎng)格創(chuàng)建好后，它是一個整體，可以通過鼠標(biāo)右擊矩形網(wǎng)格，在打開的快捷菜單中選擇“取消編組”命令，取消圖形對象的組合，變?yōu)橐粋€一個的單獨的對象?；螂p擊矩形網(wǎng)格，進(jìn)入對象隔離模式?？梢允褂谩斑x擇”工具或“直接選擇”工具分別對對象進(jìn)行編輯，調(diào)整線段的長度、寬度、線型和顏色等，可利用規(guī)則的矩形網(wǎng)格創(chuàng)建一個不規(guī)則的圖形，如圖2-78所示。圖2-79隨學(xué)隨練03一、繪制圍棋棋盤，效果如圖2-79所示。知識要點：矩形網(wǎng)格工具、橢圓工具五、繪制極坐標(biāo)網(wǎng)格1.使用鼠標(biāo)繪制選擇“極坐標(biāo)網(wǎng)格”工具

，在頁面中合適的位置單擊鼠標(biāo)左鍵并進(jìn)行拖曳，到合適的位置，松開鼠標(biāo)，即可繪制一個極坐標(biāo)網(wǎng)格，如圖2-82所示。技巧：拖曳繪制極坐標(biāo)網(wǎng)格的同時，按“↑”鍵或“↓”鍵，可以增加或減少同心圓分隔線；按“→”鍵或“←”鍵，可以增加或減少徑向分隔線；按“F”鍵或“V”鍵，可讓徑向分隔線的傾斜值減少或增加；按“X”鍵或“C”鍵，可讓同心圓分隔線的傾斜值減少或增加。圖2-83五、繪制極坐標(biāo)網(wǎng)格2.精確繪制選擇“極坐標(biāo)網(wǎng)格”工具