二維動(dòng)畫設(shè)計(jì)軟件應(yīng)用（Animate 2022）（第2版） 課件 項(xiàng)目一 繪制圖畫

項(xiàng)目一繪制圖畫二維動(dòng)畫設(shè)計(jì)軟件應(yīng)用（Animate2022）項(xiàng)目導(dǎo)讀

圖形是二維動(dòng)畫的主要組成部分，它作為二維動(dòng)畫中最直觀的載體，在動(dòng)畫設(shè)計(jì)過程中起到了重要的作用，可以說圖形質(zhì)量的高低直接影響到動(dòng)畫的品質(zhì)。本章將通過繪制人物形象與背景圖形，使讀者熟練掌握Animate中的繪圖工具、顏色填充工具以及任意變形工具的使用方法。儲(chǔ)備新知識(shí)學(xué)習(xí)重點(diǎn)任務(wù)1繪制簡(jiǎn)單的圖形——洋蔥頭任務(wù)4線條與色塊——月光下的船（一）思考與探索項(xiàng)目?jī)?nèi)容任務(wù)2矢量圖繪制——卡通可愛女孩任務(wù)3繪制場(chǎng)景圖形

——陽(yáng)光海灘學(xué)習(xí)重點(diǎn)項(xiàng)目一繪制圖畫——學(xué)習(xí)重點(diǎn)學(xué)會(huì)什么？1.輔助工具的使用方法2.繪圖工具的使用方法3.顏色工具及面板的使用方法4.使用任意變形工具對(duì)線條進(jìn)行的編輯與修改的方法學(xué)習(xí)重點(diǎn)：本項(xiàng)目重點(diǎn)介紹繪制圖形的基本知識(shí)，包括輔助工具、繪圖工具、填充工具、任意變形工具等的使用方法，使學(xué)生增強(qiáng)對(duì)大自然和人類社會(huì)的熱愛及自身責(zé)任感，提升創(chuàng)造美好生活的愿望與能力。0102儲(chǔ)備新知識(shí)項(xiàng)目一繪制圖畫——儲(chǔ)備新知識(shí)1.標(biāo)尺選擇“視圖”菜單→“標(biāo)尺”命令或按快捷鍵“Ctrl+Alt+Shift+R”，可以將標(biāo)尺顯示在編輯區(qū)的上邊緣和左邊緣處。在顯示標(biāo)尺的情況下，拖曳舞臺(tái)上的對(duì)象，將在標(biāo)尺上顯示刻度線，以指出該對(duì)象的尺寸。再次選擇“視圖”菜單→“標(biāo)尺”命令或按相應(yīng)的快捷鍵，可以將標(biāo)尺隱藏。在默認(rèn)情況下，標(biāo)尺的度量單位是像素。如果需要更改標(biāo)尺的度量單位，則可以通過選擇“修改”→“文檔”命令，在打開的“文檔屬性”對(duì)話框中的“標(biāo)尺單位”下拉列表中選擇相應(yīng)的單位。2.網(wǎng)格

使用網(wǎng)格可以更加精確地排列對(duì)象，或繪制一定比例的圖形，還可以對(duì)網(wǎng)格的顏色、間距等參數(shù)進(jìn)行設(shè)置，以滿足不同的要求。

在Animate2022中，選擇“視圖”菜單→“網(wǎng)格”子菜單→“顯示網(wǎng)格”命令或按快捷鍵“Ctrl+，”，可以顯示網(wǎng)格。再次選擇“視圖”菜單→“網(wǎng)格”子菜單→“顯示網(wǎng)格”命令或按快捷鍵“Ctrl+，”，可以隱藏網(wǎng)格。選擇“視圖”菜單→“網(wǎng)格”子菜單→“編輯網(wǎng)格”命令或按快捷鍵“Ctrl+Alt+G”，可以打開“網(wǎng)格設(shè)置”對(duì)話框。在該對(duì)話框中，可以對(duì)網(wǎng)格的顏色、間距進(jìn)行編輯。在An2022中制作動(dòng)畫時(shí)，常常需要對(duì)某些對(duì)象進(jìn)行精確定位，這時(shí)可使用標(biāo)尺、網(wǎng)格、輔助線這3種輔助工具來定位對(duì)象。輔助工具項(xiàng)目一繪制圖畫——儲(chǔ)備新知識(shí)3.輔助線使用輔助線可以對(duì)舞臺(tái)中的對(duì)象進(jìn)行位置規(guī)劃，并對(duì)各個(gè)對(duì)象的對(duì)齊和排列情況進(jìn)行檢查，還可以提供自動(dòng)吸附功能。使用輔助線之前，需要將標(biāo)尺顯示出來。在顯示標(biāo)尺的情況下，使用鼠標(biāo)分別在水平和垂直的標(biāo)尺處向舞臺(tái)中拖曳，就可以從標(biāo)尺上拖曳出水平和垂直輔助線。選擇“視圖”菜單→“輔助線”子菜單→“顯示輔助線”命令或按快捷鍵“Ctrl+；”，可以顯示輔助線。再次選擇“視圖”菜單→“輔助線”子菜單→“顯示輔助線”命令或按快捷鍵“Ctrl+；”，可以隱藏輔助線。輔助線的屬性也可以進(jìn)行自定義，選擇“視圖”菜單→“輔助線”子菜單→“編輯輔助線”命令，可以打開“輔助線”對(duì)話框。在該對(duì)話框中，可以對(duì)輔助線進(jìn)行編輯，如鎖定、隱藏、貼緊至輔助線，全部清除輔助線，更改輔助線顏色等。在An2022中制作動(dòng)畫時(shí)，常常需要對(duì)某些對(duì)象進(jìn)行精確定位，這時(shí)可使用標(biāo)尺、網(wǎng)格、輔助線這3種輔助工具來定位對(duì)象。輔助工具項(xiàng)目一繪制圖畫——儲(chǔ)備新知識(shí)

工具箱可分為四個(gè)區(qū)：工具區(qū)、查看區(qū)、顏色區(qū)、選項(xiàng)區(qū)。查看區(qū)的工具很容易理解，一個(gè)是手型工具，用于拖拽舞臺(tái)以便查看對(duì)象；另一個(gè)是放大鏡工具，用于放大或縮小舞臺(tái)的顯示比例。

工具區(qū)中的主要繪圖工具包括：鋼筆工具、線條工具、矩形工具、傳統(tǒng)畫筆工具和流暢畫筆工具等。Animate的工具箱位于工作界面的右側(cè)，用戶通過選擇“窗口”菜單→“工具”命令或按快捷鍵“Ctrl+F2”，可以關(guān)閉或顯示工具箱繪圖工具項(xiàng)目一繪制圖畫——儲(chǔ)備新知識(shí)An2022的工具箱，位于工作界面的右側(cè)，用戶通過單擊【窗口】→【工具】命令或按【Ctrl+F2】組合鍵，可以關(guān)閉或顯示工具箱。繪圖工具

鋼筆工具：本身具有繪圖的功能，但也具有改變其他曲線的功能，可以在一條曲線之間增加或刪減節(jié)點(diǎn)。俗話說“不會(huì)用鋼筆工具就別說會(huì)用Animate”，可見鋼筆工具的重要性。在剛開始使用鋼筆工具時(shí)，可能不太容易上手，不過大家不用操之過急，隨著對(duì)軟件的熟悉，逐漸就可以熟練運(yùn)用了。

線條工具：線條工具是Animate中常用的工具，也是創(chuàng)建元件動(dòng)畫必不可少的工具，功能包括摳圖、描線等。與變形工具結(jié)合使用，能快速繪制出想要的圖形。

矩形工具：?jiǎn)螕艟匦喂ぞ邎D標(biāo)不放會(huì)出現(xiàn)更多圖形，選擇矩形工具或者圓形工具，可用鼠標(biāo)在舞臺(tái)上繪制出矩形或者橢圓形，如果按住“Shift”鍵不放，則畫出的圖形為正方形或圓形?；揪匦喂ぞ撸嚎梢援嫵鰩A斜角的方形?；緳E圓工具：可以畫出餅圖形狀等。多角星形工具：在屬性的選項(xiàng)中，可以設(shè)置樣式。

傳統(tǒng)畫筆工具：有了線條工具和鋼筆工具，傳統(tǒng)畫筆工具顯得遜色不少。傳統(tǒng)畫筆工具通常需要配合數(shù)位板進(jìn)行繪圖，適合有繪畫功底的人使用。

流暢畫筆工具：流暢畫筆工具和傳統(tǒng)畫筆工具的不同之處在于，傳統(tǒng)畫筆為筆觸狀態(tài)，流暢畫筆為填充狀態(tài)。流暢畫筆工具也是使用數(shù)位板的有繪畫功底的人常用的工具。數(shù)位板安裝驅(qū)動(dòng)后，會(huì)增加“壓感”選項(xiàng)。項(xiàng)目一繪制圖畫——儲(chǔ)備新知識(shí)An2022的工具箱，位于工作界面的右側(cè)，用戶通過單擊【窗口】→【工具】命令或按【Ctrl+F2】組合鍵，可以關(guān)閉或顯示工具箱。填充工具

墨水瓶工具墨水瓶工具用于以當(dāng)前輪廓樣式對(duì)對(duì)象進(jìn)行描邊。描邊類型可以在“屬性”面板中設(shè)置。

顏料桶工具顏料桶工具用于以當(dāng)前填充樣式對(duì)對(duì)象或輪廓進(jìn)行填充。它所對(duì)應(yīng)的選項(xiàng)區(qū)“空隙大小”按鈕有不同選擇。

吸管工具吸管工具用于獲取對(duì)象的填充色或輪廓色。當(dāng)吸管工具單擊線條時(shí)，“屬性”面板顯示的就是該線條的屬性，此時(shí)所選工具自動(dòng)變成了顏料桶工具，然后再用它去修改其他線條或填充的屬性。

橡皮擦工具橡皮擦工具用于擦除對(duì)象的填充輪廓。選擇橡皮擦工具后，在選項(xiàng)區(qū)顯示橡皮擦的選項(xiàng)。任務(wù)1繪制簡(jiǎn)單的圖形——洋蔥頭項(xiàng)目一繪制圖畫——任務(wù)1任務(wù)分析：使用線條工具繪制大致輪廓；使用任意變形工具（黑箭頭）調(diào)整弧度；使用橢圓工具繪制鼻子和嘴等；使用顏料桶工具填充顏色。

《洋蔥頭》作品展示項(xiàng)目一繪制圖畫——任務(wù)1任務(wù)實(shí)施步驟1選擇“文件”菜單→“新建”命令，新建一個(gè)Animate文檔。設(shè)置相關(guān)參數(shù)。項(xiàng)目一繪制圖畫——任務(wù)1任務(wù)實(shí)施步驟2選擇“圖層_1”，使用線條工具（快捷鍵為“N”）在舞臺(tái)中確定起點(diǎn)，單擊并拖曳鼠標(biāo)，在舞臺(tái)上依次創(chuàng)建直線，繪制出卡通圖形的大致輪廓，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)1任務(wù)實(shí)施步驟3使用任意變形工具，將鼠標(biāo)指針移動(dòng)到場(chǎng)景中的卡通圖形的輪廓上，待其鼠標(biāo)指針變成形狀時(shí)調(diào)整線條的弧度，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)1任務(wù)實(shí)施步驟4使用部分選取工具（快捷鍵為“A”）調(diào)整節(jié)點(diǎn)，使路徑閉合，之后使用顏料桶工具填充黑色，如果是開放路徑，則無(wú)法填充，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)1任務(wù)實(shí)施步驟5新建“圖層_2”，同理，繪制內(nèi)部白色輪廓，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)1任務(wù)實(shí)施步驟6新建“圖層_3”，同理，繪制頭發(fā)，并將“圖層_3”置于“圖層_2”下，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)1任務(wù)實(shí)施步驟7新建“圖層_4”，使用橢圓工具繪制鼻子和嘴，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)1任務(wù)實(shí)施步驟8新建“圖層_5”，使用線條工具繪制樹葉、線條等，完成的作品效果如圖所示。項(xiàng)目一繪制圖畫——任務(wù)1任務(wù)經(jīng)驗(yàn)本任務(wù)著重練習(xí)了線條工具的使用、顏色的填充，以及任意變形工具的使用，其中進(jìn)行顏色填充的前提是路徑必須封閉，如果無(wú)法填充顏色，則需要放大圖形，找到斷點(diǎn)并進(jìn)行路徑的閉合。任務(wù)2矢量圖繪制——卡通可愛女孩項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)分析：

使用鋼筆工具、線條工具繪制大致輪廓；使用任意變形工具（黑箭頭）調(diào)整弧度；使用橢圓工具繪制眼睛、耳朵等；使用線條工具繪制衣服；使用顏料桶工具填充顏色。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟1選擇“文件”→“新建”菜單命令，新建一個(gè)Animate文檔，并設(shè)置相關(guān)參數(shù)，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟2使用鋼筆工具（快捷鍵為“P”）在舞臺(tái)中確定起點(diǎn)，單擊并拖曳鼠標(biāo)，在舞臺(tái)上依次創(chuàng)建其他錨點(diǎn)。當(dāng)鼠標(biāo)指針移動(dòng)到起點(diǎn)位置時(shí)，鼠標(biāo)指針的右下方會(huì)出現(xiàn)一個(gè)小圓圈，在鼠標(biāo)指針的右下方出現(xiàn)小圓圈時(shí)單擊，可以創(chuàng)建閉合曲線。按住“Ctrl”鍵的同時(shí)在添加的錨點(diǎn)上單擊，調(diào)出控制柄，拖曳控制柄，調(diào)整曲線的弧度。使用同樣的方法調(diào)整其他錨點(diǎn)以控制曲線的形狀，繪制人物的帽子輪廓，并將“圖層_l”重命名為“帽子”，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟3使用顏料桶工具設(shè)置填充色，將顏料桶工具移動(dòng)到帽子區(qū)域內(nèi)并單擊，為帽子填充顏色，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟4新建“臉”圖層，并將該圖層置于“帽子”圖層下，繪制臉部輪廓，如圖所示，并為其填充皮膚色。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟5新建“耳朵”圖層，使用橢圓工具繪制橢圓形，使用任意變形工具拖曳出不規(guī)則圖形（耳朵輪廓），為其填充皮膚色，并調(diào)整圖層順序，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟6新建“眼睛”圖層，使用橢圓工具繪制眼睛，在“顏色”面板中選擇“線性漸變”填充，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟7選擇眼睛，右擊，在彈出的快捷菜單中選擇“復(fù)制（Ctrl+C）”和“粘貼（Ctrl+V）”命令，使用任意變形工具使其水平翻轉(zhuǎn)，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟8新建“五官”圖層，使用線條工具繪制眉毛、鼻子、嘴等的大致形狀，使用任意變形工具拖曳出弧線，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟9新建“面部陰影”圖層，并將該圖層置于“頭發(fā)”圖層下、“臉”圖層上，使用鋼筆工具繪制陰影，為其填充深膚色，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟10繪制橢圓形，并旋轉(zhuǎn)一定角度，填充漸變色，取消描邊，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟11分別新建“衣服”“褲子”“鞋子”圖層，注意圖層順序，使用線條工具繪制衣服，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)實(shí)施：

步驟12新建“背景”圖層，繪制人物背景，使作品更加完善，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)2任務(wù)經(jīng)驗(yàn)本任務(wù)著重練習(xí)了鋼筆工具的使用及顏色、漸變色的填充。其中鋼筆工具最強(qiáng)的功能在于繪制曲線，不僅可以對(duì)圖形進(jìn)行精準(zhǔn)的設(shè)計(jì)，還可以對(duì)路徑節(jié)點(diǎn)進(jìn)行編輯，如調(diào)整路徑、增加節(jié)點(diǎn)、將節(jié)點(diǎn)轉(zhuǎn)化為角點(diǎn)及刪除節(jié)點(diǎn)等。任務(wù)3繪制場(chǎng)景圖形——陽(yáng)光沙灘項(xiàng)目一繪制圖畫——任務(wù)3任務(wù)分析：

使用線條工具繪制大致輪廓；使用鋼筆工具進(jìn)一步刻畫細(xì)節(jié)；使用任意變形工具（黑箭頭）調(diào)整弧度；使用顏料桶工具填充顏色及漸變色。項(xiàng)目一繪制圖畫——任務(wù)3任務(wù)實(shí)施：

步驟1選擇“文件”→“新建”菜單命令，新建一個(gè)Animate文檔。設(shè)置相關(guān)參數(shù)，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)3任務(wù)實(shí)施：

步驟2在舞臺(tái)上繪制海平面、沙灘和遮陽(yáng)傘的大概位置，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)3任務(wù)實(shí)施：

步驟3使用線條工具繪制大致輪廓，即天空、白云和遮陽(yáng)傘的大致輪廓，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)3任務(wù)實(shí)施：

步驟4使用鋼筆工具進(jìn)一步刻畫細(xì)節(jié)，完成輪廓的繪制，注意線條要平滑，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)3任務(wù)實(shí)施：

步驟5為畫面上色，沙灘使用淡淡的土黃色，海面使用深藍(lán)色，天空使用徑向漸變色，遮陽(yáng)傘使用藍(lán)綠相間的顏色，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)3任務(wù)實(shí)施：

步驟6給暗部上色，先畫出明暗交界線，再填充暗部顏色，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)3任務(wù)實(shí)施：

步驟7刪除明暗交界線，并繪制海水波浪的形狀，使用陽(yáng)光、帆船、貝殼、海鷗等點(diǎn)綴畫面，最終效果如圖所示。項(xiàng)目一繪制圖畫——任務(wù)3任務(wù)經(jīng)驗(yàn)本任務(wù)著重練習(xí)了線條工具的使用及任意變形工具的使用，以加強(qiáng)對(duì)煩瑣圖形精細(xì)繪制的能力。任務(wù)4線條與色塊——月光下的船(綜合)項(xiàng)目一繪制圖畫——任務(wù)4任務(wù)分析：

利用“橢圓工具”繪制月亮、云朵、波浪，利用“多角星形工具”繪制星星。項(xiàng)目一繪制圖畫——任務(wù)4任務(wù)實(shí)施：

步驟1選擇“文件”→“新建”菜單命令，新建一個(gè)Animate文檔，并設(shè)置相關(guān)參數(shù)如圖所示。項(xiàng)目一繪制圖畫——任務(wù)4任務(wù)實(shí)施：

步驟2選擇圖層1，繪制舞臺(tái)大小的矩形，并填充徑向漸變，制作夜空效果，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)4任務(wù)實(shí)施：

步驟3新建“星星”圖層，使用多角星形工具，填充徑向漸變的黃白色，并設(shè)置“星形”樣式，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)4任務(wù)實(shí)施：

步驟4復(fù)制星星圖形，改變圖形大小，形成星空效果，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)4任務(wù)實(shí)施：

步驟5新建“波浪1”圖層，繪制藍(lán)色矩形，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)4任務(wù)實(shí)施：

步驟6使用橢圓工具繪制圓形（按住“Shift”鍵可以繪制圓形）并將它們排列于矩形上，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)4任務(wù)實(shí)施：

步驟7刪除圓形，形成剪切波浪效果，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)4任務(wù)實(shí)施：

步驟8將波浪形狀復(fù)制到新建圖層“波浪1陰影”中，置于“波浪1”圖層下，填充黑色效果，并使用同樣的方式新建“波浪2”“波浪3”圖層，如圖所示。項(xiàng)目一繪制圖畫——任務(wù)4任務(wù)實(shí)施：

步驟9新建“云朵”圖層，使用橢圓形工具繪制云朵，并填充徑向漸變，效果如圖所示。項(xiàng)目一繪制圖畫——任務(wù)4任務(wù)實(shí)施：

步驟10復(fù)制云朵到新建圖層“云朵陰影”，填充灰色，在修