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

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

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