矢量圖設(shè)計(jì)與制作（ Illustrator CC 2022） 教案 模塊二基本圖形繪制配套教案

《矢量圖設(shè)計(jì)與制作》配套教學(xué)教案課時(shí)內(nèi)容基本圖形繪制授課時(shí)間課時(shí)6學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)掌握繪制線段、螺旋線和網(wǎng)格的方法；掌握線型繪圖工具的使用方法；熟練掌握基本圖形的繪制技巧；能力目標(biāo)能利用圖形繪制標(biāo)志的設(shè)計(jì)；能繪制標(biāo)志并結(jié)合圖形組合畫面實(shí)現(xiàn)構(gòu)圖設(shè)計(jì)；能對(duì)圖形進(jìn)行修剪、合并、排列等；素養(yǎng)目標(biāo)提升發(fā)現(xiàn)、感知、欣賞、評(píng)價(jià)美的意識(shí)和基本能力；提升矢量圖形的繪制能力；思政目標(biāo)對(duì)接行業(yè)標(biāo)準(zhǔn)，提高繪圖標(biāo)準(zhǔn)化意識(shí)；創(chuàng)意設(shè)計(jì)作品，增強(qiáng)文化自信心和愛國(guó)熱情。教學(xué)重點(diǎn)熟練掌握基本圖形的繪制方法和技巧。教學(xué)難點(diǎn)運(yùn)用基本圖形繪制工具繪制圖形。教學(xué)流程教學(xué)內(nèi)容具體可結(jié)合本章的PPT課件進(jìn)行配合講解。項(xiàng)目一形狀繪圖工具矩形、圓形、多邊形和星形是最簡(jiǎn)單、最基本的圖形，在IllustratorCC2022中，矩形工具、圓角矩形工具、橢圓工具、多邊形工具和星形工具的使用方法大致相同，通過使用這些工具，可以比較方便地繪制出各種基本形狀圖形。一、繪制矩形1.使用鼠標(biāo)繪制選擇“矩形”工具，在頁(yè)面中按住鼠標(biāo)左鍵，并拖曳鼠標(biāo)到合適位置，松開鼠標(biāo)左鍵，即可繪制一個(gè)矩形。2.精確繪制選擇“矩形”工具，在頁(yè)面中單擊鼠標(biāo)左鍵，彈出“矩形”對(duì)話框。在對(duì)話框中的“寬度”和“高度”數(shù)值框中分別輸入對(duì)應(yīng)數(shù)值，設(shè)置完成后，單擊“確定”按鈕，即可得到一個(gè)矩形。3.結(jié)合快捷鍵繪制選擇“矩形”工具，按住Shift鍵不松手，在頁(yè)面中按住鼠標(biāo)左鍵拖曳到適當(dāng)位置松開鼠標(biāo)，即可繪制出一個(gè)正方形。選擇“矩形”工具，按住Alt鍵不松手，在頁(yè)面中按住鼠標(biāo)左鍵拖曳到適當(dāng)位置，松開鼠標(biāo)，即可繪制一個(gè)以鼠標(biāo)落點(diǎn)為中心的矩形。選擇“矩形”工具，按住Shift+Alt鍵不松手，在頁(yè)面中按住鼠標(biāo)左鍵拖曳到適當(dāng)位置，松開鼠標(biāo)，即可繪制一個(gè)以鼠標(biāo)落點(diǎn)為中心的正方形。選擇“矩形”工具，按住~鍵不松手，在頁(yè)面中按住鼠標(biāo)左鍵拖曳到適當(dāng)位置，松開鼠標(biāo)，即可繪制多個(gè)矩形。4.重置矩形大小矩形繪制好后，在設(shè)計(jì)過程中，可根據(jù)需要隨時(shí)調(diào)整大小。鼠標(biāo)拖曳調(diào)整大小選中矩形，圖形四周出現(xiàn)定界框，將鼠標(biāo)指針移至定界框中的任一控制點(diǎn)上，鼠標(biāo)拖曳控制點(diǎn)到合適的大小，在拖曳的過程會(huì)出現(xiàn)一個(gè)灰色框，里面會(huì)顯示寬和高的數(shù)值，松開鼠標(biāo)即可改變矩形的大小。5.矩形變形選中矩形對(duì)象，對(duì)象四周會(huì)出現(xiàn)定界框，同時(shí)會(huì)顯示各種符號(hào)。二、繪制圓角矩形1.使用鼠標(biāo)繪制選擇“圓角矩形”工具，在頁(yè)面中按住鼠標(biāo)左鍵拖曳到合適位置，松開鼠標(biāo)，即可繪制一個(gè)圓角矩形。2.精確繪制選擇“圓角矩形”工具，在頁(yè)面中單擊鼠標(biāo)左鍵，打開“圓角矩形”對(duì)話框。在對(duì)話框中的“寬度”、“高度”和“圓角半徑”數(shù)值框中分別輸入對(duì)應(yīng)數(shù)值，設(shè)置完成后，單擊“確定”按鈕，即可得到一個(gè)圓角矩形。3.重置圓角矩形圓角矩形繪制好后，也可以隨時(shí)調(diào)整它的大小和圓角半徑。可以通過鼠標(biāo)拖曳控制點(diǎn)和邊角構(gòu)件來(lái)改變圓角矩形的大小和圓角半徑，或“屬性”面板來(lái)精確調(diào)整大小、邊角半徑和邊角類型。隨學(xué)隨練一、繪制房子圖形。知識(shí)要點(diǎn)：矩形工具、自由變換工具、直接選擇工具、編組三、繪制橢圓1.使用鼠標(biāo)繪制選擇“橢圓”工具，在頁(yè)面中按住鼠標(biāo)左鍵，并拖曳鼠標(biāo)到合適位置，松開鼠標(biāo)左鍵，即可繪制一個(gè)橢圓。2.精確繪制選擇“橢圓”工具，在頁(yè)面中單擊鼠標(biāo)左鍵，彈出“橢圓”對(duì)話框。在對(duì)話框中的“寬度”和“高度”數(shù)值框中分別輸入對(duì)應(yīng)數(shù)值，設(shè)置完成后，單擊“確定”按鈕，即可得到一個(gè)橢圓。3.重置橢圓橢圓繪制好后，也可以隨時(shí)調(diào)整它的大小?？梢酝ㄟ^鼠標(biāo)拖曳控制點(diǎn)來(lái)改變大小，或“變換”控制面板，或“屬性”面板來(lái)精確調(diào)整大小。4.繪制餅圖鼠標(biāo)拖曳繪制餅圖選中橢圓，將鼠標(biāo)指針移至餅圖邊角構(gòu)件上，指針變?yōu)榉?hào)，向上拖曳餅圖構(gòu)件，可以調(diào)整餅圖的起點(diǎn)角度，向下拖曳餅圖構(gòu)件，可以調(diào)整餅圖的終點(diǎn)角度。調(diào)整餅圖邊角選中餅圖，再選擇“直接選擇”工具，餅圖中顯示出邊角構(gòu)件。鼠標(biāo)移至任一邊角構(gòu)件上并拖曳鼠標(biāo)左鍵，對(duì)餅圖邊角進(jìn)行調(diào)整。鼠標(biāo)拖到合適的角度松開鼠標(biāo)左鍵。也可以分別對(duì)餅圖邊角進(jìn)行不同的調(diào)整，選中餅圖，選擇“直接選擇”工具，單擊選中要調(diào)整邊角的邊角構(gòu)件。鼠標(biāo)拖曳邊角構(gòu)件調(diào)整邊角，鼠標(biāo)拖曳動(dòng)到合適的角度，松開鼠標(biāo)左鍵。隨學(xué)隨練一、繪制卡通臉圖標(biāo)。知識(shí)要點(diǎn)：橢圓工具、編組、復(fù)制四、繪制多邊形1.使用鼠標(biāo)繪制選擇“多邊形”工具，在頁(yè)面中按住鼠標(biāo)左鍵，并拖曳鼠標(biāo)到合適位置，松開鼠標(biāo)左鍵，即可繪制一個(gè)多邊形。按住Shift鍵，可以繪制一個(gè)正多邊形。2.精確繪制選擇“多邊形”工具，在頁(yè)面中單擊鼠標(biāo)左鍵，彈出“多邊形”對(duì)話框。在對(duì)話框中的“半徑”和“邊數(shù)”數(shù)值框中分別輸入對(duì)應(yīng)數(shù)值，設(shè)置完成后，單擊“確定”按鈕，即可得到一個(gè)多邊形。3.鼠標(biāo)拖曳調(diào)整邊數(shù)選中多邊形圖形，鼠標(biāo)指針移至多邊形構(gòu)件“

”上，指針變?yōu)椤啊狈?hào)。向上拖曳多邊形構(gòu)件，可以減少多邊形的邊數(shù)。向下拖曳多邊形構(gòu)件，可以增加多邊形的邊數(shù)。隨學(xué)隨練一、繪制線性圖案。知識(shí)要點(diǎn)：多邊形工具、重復(fù)命令五、繪制星形1.使用鼠標(biāo)繪制選擇“星形”工具，在頁(yè)面中按住鼠標(biāo)左鍵，并拖曳鼠標(biāo)到合適的位置，松開鼠標(biāo)左鍵，即可繪制一個(gè)星形，如圖2-40所示。按住Shift鍵，可以繪制一個(gè)正星形。技巧：在拖曳繪制星形的同時(shí)按“↑”鍵或“↓”鍵，可增加或減少角數(shù)。星形的角數(shù)最少為3。在拖曳繪制星形的同時(shí)按Ctrl鍵不放，可以控制星形的縮進(jìn)程度。2.精確繪制選擇“星形”工具，在頁(yè)面中單擊鼠標(biāo)左鍵，彈出“星形”對(duì)話框。在對(duì)話框中，“半徑1”、“半徑2”和“角點(diǎn)數(shù)”數(shù)值框中分別輸入對(duì)應(yīng)數(shù)值，設(shè)置完成后，單擊“確定”按鈕，即可得到一個(gè)星形。隨學(xué)隨練：一、繪制橙子圖標(biāo)。知識(shí)要點(diǎn)：矩形工具、橢圓工具，星形工具、重復(fù)項(xiàng)目二線型繪圖工具一、繪制直線1.使用鼠標(biāo)繪制選擇“直線段”工具，在頁(yè)面中直線的開始位置單擊鼠標(biāo)左鍵并進(jìn)行拖曳，到直線結(jié)束位置，松開鼠標(biāo)，即可繪制一條直線。2.精確繪制選擇“直線段”工具，在頁(yè)面中單擊鼠標(biāo)，彈出“直線段工具選項(xiàng)”對(duì)話框。在對(duì)話框中，“長(zhǎng)度”、“角度”選項(xiàng)的數(shù)值框中輸入相應(yīng)的數(shù)值，設(shè)置完成后，單擊“確定”按鈕。3.結(jié)合快捷鍵繪制選擇“直線段”工具，按住Shift鍵不松手，在頁(yè)面中拖曳鼠標(biāo)可繪制水平、垂直或45角及其倍數(shù)的直線。選擇“直線段”工具，按住Alt鍵不松手，在頁(yè)面中拖曳鼠標(biāo)可繪制以鼠標(biāo)單擊點(diǎn)為中心的直線（從單擊點(diǎn)向兩側(cè)延伸）。選擇“直線段”工具，按住~鍵不松手，在頁(yè)面中拖曳鼠標(biāo)可一次性繪制多條直線段。隨學(xué)隨練一、繪制購(gòu)物車圖標(biāo)。知識(shí)要點(diǎn)：直線段工具、橢圓工具二、繪制弧線1.使用鼠標(biāo)繪制選擇“弧形”工具，在頁(yè)面中合適的位置單擊鼠標(biāo)左鍵并拖曳到弧線合適的位置，松開鼠標(biāo)，即可繪制一段弧線。2.精確繪制選擇“弧形”工具，在頁(yè)面中單擊鼠標(biāo)，彈出“弧線段工具選項(xiàng)”對(duì)話框。在對(duì)話框中進(jìn)行相關(guān)的參數(shù)設(shè)置，設(shè)置完成后，單擊“確定”按鈕。技巧：拖曳繪制弧線的同時(shí)，按“↑”鍵或“↓”鍵，可以增加或減少圓弧的曲率；按“C”鍵，可以在開放和閉合弧線之間切換；按“X”鍵，可以在凹凸的弧形之間切換；按“F”鍵，可以翻轉(zhuǎn)弧線（鏡像）。按住Shift鍵的同時(shí)進(jìn)行繪制可使弧線的X軸和Y軸方向的長(zhǎng)度保持一致。隨學(xué)隨練：一、繪制降落傘線框圖標(biāo)。知識(shí)要點(diǎn)：弧線工具、直線段工具、矩形工具三、繪制螺旋線1.使用鼠標(biāo)繪制選擇“螺旋線”工具，在頁(yè)面中按住鼠標(biāo)左鍵，并拖曳鼠標(biāo)到合適的位置，松開鼠標(biāo)左鍵，即可繪制一條螺旋線。2.精確繪制選擇“螺旋線”工具，在頁(yè)面中單擊鼠標(biāo)，彈出“螺旋線”對(duì)話框。在對(duì)話框中進(jìn)行相關(guān)的參數(shù)設(shè)置，設(shè)置完成后，單擊“確定”按鈕。技巧：在使用鼠標(biāo)拖曳繪制螺旋線時(shí)，同時(shí)按“↑”鍵或“↓”鍵，可以增加或減少螺旋線的段數(shù)；按“R”鍵，可切換螺旋線的旋轉(zhuǎn)方向；按“Ctrl”鍵，向外拖動(dòng)鼠標(biāo)，螺旋線的間隔越來(lái)越大（衰減值變小，趨于弧線），向內(nèi)拖動(dòng)鼠標(biāo)，可以增強(qiáng)螺旋效果（衰減值變大，趨于同心圓的螺旋線）。隨學(xué)隨練一、繪制棒棒糖圖形。知識(shí)要點(diǎn)：螺旋線工具、橢圓工具、矩形工具四、繪制矩形網(wǎng)格1.使用鼠標(biāo)繪制選擇“矩形網(wǎng)格”工具，在頁(yè)面中合適的位置單擊鼠標(biāo)左鍵并進(jìn)行拖曳，到合適的位置，松開鼠標(biāo)，即可繪制一個(gè)矩形網(wǎng)格。技巧：在使用鼠標(biāo)拖曳繪制矩形網(wǎng)格時(shí)，同時(shí)按“↑”鍵或“↓”鍵，可以增加或減少水平網(wǎng)格線的數(shù)量；按“→”鍵或“←”鍵，可以增加或減少垂直網(wǎng)格線的數(shù)量；按“F”鍵或“V”鍵，可以減少或增加水平網(wǎng)格線的傾斜值；按“X”鍵或“C”鍵，可以減少或增加垂直網(wǎng)格線的傾斜值。2.精確繪制選擇“矩形網(wǎng)格”工具，在頁(yè)面中單擊鼠標(biāo)，彈出“矩形網(wǎng)格選項(xiàng)工具”對(duì)話框。在對(duì)話框中進(jìn)行相關(guān)的參數(shù)設(shè)置，設(shè)置完成后，單擊“確定”按鈕。3.編輯矩形網(wǎng)格矩形網(wǎng)格創(chuàng)建好后，它是一個(gè)整體，可以通過右擊矩形網(wǎng)格，在彈出的快捷菜單中選擇“取消編組”命令，可以取消矩形網(wǎng)格的組合，使其變?yōu)閱为?dú)的對(duì)象。或雙擊矩形網(wǎng)格，進(jìn)入對(duì)象隔離模式?？梢允褂谩斑x擇”工具或“直接選擇”工具分別對(duì)對(duì)象進(jìn)行編輯，調(diào)整線段的長(zhǎng)度、寬度、線型和顏色等，可利用規(guī)則的矩形網(wǎng)格創(chuàng)建一個(gè)不規(guī)則的圖形。隨學(xué)隨練一、繪制圍棋棋盤。知識(shí)要點(diǎn)：矩形網(wǎng)格工具、橢圓工具五、繪制極坐標(biāo)網(wǎng)格1.使用鼠標(biāo)繪制選擇“極坐標(biāo)網(wǎng)格”工具，在頁(yè)面中合適的位置單擊鼠標(biāo)左鍵并進(jìn)行拖曳，到合適的位置，松開鼠標(biāo)，即可繪制一個(gè)極坐標(biāo)網(wǎng)格。技巧：拖曳繪制極坐標(biāo)網(wǎng)格的同時(shí)，按“↑”鍵或“↓”鍵，可以增加或減少同心圓分隔線；按“→”鍵或“←”鍵，可以增加或減少?gòu)较蚍指艟€；按“F”鍵或“V”鍵，可讓徑向分隔線的傾斜值減少或增加；按“X”鍵或“C”鍵，可讓同心圓分隔線的傾斜值減少或增加。2.精確繪制選擇“極坐標(biāo)網(wǎng)格”工具，在頁(yè)面中單擊鼠標(biāo)，彈出“極坐標(biāo)網(wǎng)格選項(xiàng)工具”對(duì)話框。在對(duì)話框中進(jìn)行相關(guān)的參數(shù)設(shè)置，設(shè)置完成后，單擊“確定”按鈕。隨學(xué)隨練一、繪制飛鏢盤圖形。知識(shí)要點(diǎn)：矩形工具、極坐標(biāo)網(wǎng)格工具實(shí)訓(xùn)案例一、繪制小貓圖標(biāo)。知識(shí)要點(diǎn)：矩形工具、橢圓工具、多邊形工具、弧線工具、重復(fù)命令課堂小結(jié)在繪制圖形時(shí)，復(fù)雜的圖形都是由一些基本圖形元素構(gòu)成的，基本圖形的繪制是IllustratorCC2022繪制的基礎(chǔ)，必須熟練掌握基本繪圖工具的使用。本模塊主要學(xué)習(xí)IllustratorCC2022中形狀繪圖工具和線型繪圖工具繪制基本圖形的方法和技巧。形狀繪圖工具主要有矩形工具、橢圓工具、多邊形工具、星形工具等，線型工具主要有直線段工具、弧形工具、螺旋線工具、矩形網(wǎng)格工具等。課后提