《Animate》課件-第2章　圖形的繪制與編輯

Animate動畫制作第2章圖形的繪制與編輯本章將介紹AnimateCC2019繪制圖形的功能和編輯圖形的技巧，還講解了多種選擇圖形的方法以及設置圖形色彩的技巧。通過學習本章的內(nèi)容，讀者可以掌握繪制圖形、編輯圖形的方法和技巧，能要獨立繪制出所需的各種圖形效果并對其進行編輯，為進一步學習AnimateCC打下堅實的基礎。01本章介紹掌握基本線條與圖形的繪制熟練掌握多種圖形編輯工具的使用方法和技巧學習目標了解圖形的色彩，并掌握幾種常用的色彩面板掌握“天氣圖標”的繪制方法掌握“引導頁中的插畫”的繪制方法掌握“迷你太空”的繪制方法掌握“美食App圖標”的繪制方法技能目標目錄01020403線條工具鉛筆工具橢圓工具基本橢圓工具05畫筆工具2.1.1線條工具選擇“線條”工具，在舞臺上單擊鼠標，按住鼠標不放并拖曳到需要的位置，繪制出1條直線，松開鼠標，可以在線條工具“屬性”面板中設置筆觸顏色、筆觸大小、筆觸樣式和筆觸寬度。直線工具“屬性”面板設置不同的線條屬性后繪制的線條2.1.2鉛筆工具選擇“鉛筆”工具，在舞臺上單擊鼠標，按住鼠標不放，在舞臺上隨意繪制出線條，松開鼠標。如果想要繪制出平滑或伸直線條和形狀，可以在工具箱下方的選項區(qū)域中為鉛筆工具選擇一種繪畫模式。鉛筆工具“屬性”面板設置不同的線條屬性后繪制的線條2.1.3橢圓工具選擇“橢圓”工具，在舞臺上單擊鼠標，按住鼠標不放，向需要的位置拖曳，繪制出橢圓圖形后松開鼠標。按住Shift鍵的同時繪制圖形，可以繪制出圓形。橢圓工具“屬性”面板設置不同的邊框屬性和填充顏色后繪制的圖形基本橢圓工具“基本橢圓”工具的使用方法和功能與“橢圓”工具相同，唯一的區(qū)別在于“橢圓”工具必須要先設置橢圓屬性，然后在繪制，繪制好之后不可以再次更改橢圓屬性。2.1.4基本橢圓工具而“基本橢圓”工具，在繪制前設置屬性和繪制后設置屬性都是可以的。2.1.5畫筆工具畫筆工具“屬性”面板設置不同的畫筆形狀選擇“畫筆”工具，在舞臺上單擊鼠標，按住鼠標不放，隨意繪制出圖形，松開鼠標?？梢栽诋嫻P工具“屬性”面板中設置填充顏色和筆觸平滑度。在畫筆工具“屬性”面板“畫筆選項”選項組中有“畫筆形狀”選項和“畫筆大小”選項，可以設置畫筆的形狀與大小。2.2課堂案例——繪制天氣圖標使用不同的繪圖工具繪制圖形并組合成圖像效果。效果圖2.3.1矩形工具選擇“矩形”工具，在舞臺上單擊鼠標，按住鼠標不放，向需要的位置拖曳鼠標，繪制出矩形圖形，松開鼠標。按住Shift鍵的同時繪制圖形，可以繪制出正方形。矩形工具“屬性”面板設置不同的邊框屬性和填充顏色后繪制的圖形基本矩形工具“基本矩形”工具的使用方法和功能與“矩形”工具相同，唯一的區(qū)別在于“矩形”工具，必須要先設置矩形屬性，然后在繪制，繪制好之后不可以再次更改矩形屬性。2.3.2基本矩形工具而“基本矩形”工具，在繪制前設置屬性和繪制后設置屬性都是可以的。2.3.3多角星形工具選擇“多角星形”工具，在舞臺上單擊鼠標，按住鼠標不放，向需要的位置拖曳鼠標，繪制出多邊形。可以在多角星形工具“屬性”面板中設置不同的邊框顏色、邊框粗細、邊框線型和填充顏色。多角星形工具“屬性”面板應用“多角星形”工具可以繪制出不同樣式的多邊形和星形。設置不同的邊框屬性和填充顏色后繪制的圖形2.3.4鋼筆工具選擇“鋼筆”工具，將鼠標放置在舞臺上想要繪制曲線的起始位置，然后按住鼠標不放。繪制曲線的過程此時出現(xiàn)第一個錨點，并且鋼筆尖光標變?yōu)榧^形狀。松開鼠標，將鼠標放置在想要繪制的第二個錨點的位置，單擊鼠標并按住不放，繪制出一條直線段。將鼠標向其他方向拖曳，直線轉換為曲線。松開鼠標，一條曲線繪制完成。2.3.5選擇工具選擇對象01選擇“選擇”工具，在舞臺中的對象上單擊鼠標進行點選，即可選擇對象。按住Shift鍵，再點選對象，可以同時選中多個對象。在舞臺中拖曳出一個矩形可以框選對象。移動和復制對象區(qū)02選擇“選擇”工具，點選中對象。按住鼠標不放，直接拖曳對象到任意位置。選擇“選擇”工具，點選中對象，按住Alt鍵，拖曳選中的對象到任意位置，選中的對象被復制。調(diào)整向量線條和色塊03選擇“選擇”工具，將鼠標移至對象，鼠標下方出現(xiàn)圓弧。拖動鼠標，對選中的線條和色塊進行調(diào)整。2.3.6部分選取工具選擇“部分選取”工具，在對象的外邊線上單擊，對象上出現(xiàn)多個節(jié)點。拖動節(jié)點來調(diào)整控制線的長度和斜率，從而改變對象的曲線形狀。矩形工具“屬性”面板2.3.7套索工具選擇“套索”工具，在場景中導入一幅位圖，按Ctrl+B組合鍵，將位圖進行分離。用鼠標在位圖上任意勾選想要的區(qū)域，形成一個封閉的選區(qū)。松開鼠標，選區(qū)中的圖像被選中。改變對象的曲線形狀2.3.8多邊形工具改變對象的曲線形狀選擇“多邊形”工具，在場景中導入一幅位圖，按Ctrl+B組合鍵，將位圖進行分離。在圖像上單擊鼠標，確定第一個定位點，松開鼠標并將鼠標移至下一個定位點，再單擊鼠標，用相同的方法直到勾畫出想要的圖像，并使選取區(qū)域形成一個封閉的狀態(tài)。雙擊鼠標，選區(qū)中的圖像被選中。2.3.9魔術棒工具選中“魔術棒”按鈕，在場景中導入一幅位圖，按Ctrl+B組合鍵，將位圖進行分離。將光標放在位圖上，光標變?yōu)?，在要選擇的位圖上單擊鼠標。與點取點顏色相近的圖像區(qū)域被選中。改變對象的曲線形狀2.4課堂案例——繪制引導頁中的插畫使用“基本矩形”工具、“矩形”工具、“橢圓”工具、“鋼筆”工具、“多角星形”工具和“線條”工具，來完成引導頁中的插畫繪制。效果圖2.5.1墨水瓶工具墨水瓶工具“屬性”面板在“屬性”面板中設置不同的屬性所繪制的邊線效果也不同使用“墨水瓶”工具可以修改向量圖形的邊線。選擇“墨水瓶”工具，在“屬性”面板中設置筆觸顏色、筆觸高度以及筆觸樣式。在圖形上單擊鼠標，為圖形增加設置好的邊線，在“屬性”面板中設置不同的屬性，所繪制的邊線效果也不同。2.5.2顏料桶工具選擇“顏料桶”工具，在“屬性”面板中設置填充顏色。在四葉草的線框內(nèi)單擊鼠標，線框內(nèi)被填充顏色。顏料桶工具“屬性”面板4種填充模式2.5.2顏料桶工具系統(tǒng)在工具箱的下方設置了4種填充模式可供選擇。根據(jù)線框空隙的大小，應用不同的模式進行填充2.5.3寬度工具使用“寬度”工具可以修改筆觸粗細，還可以將調(diào)整后的筆觸保存為樣式，以便應用于其他圖形。效果2.5.4滴管工具吸取填充色01選擇“滴管”工具，將光標放在左邊圖形的填充色上，在填充色上單擊鼠標，吸取填充色樣本，在工具箱的下方，取消對“鎖定填充”按鈕的選取，在右邊圖形的填充色上單擊鼠標，圖形的顏色被修改。吸取邊框屬性02選擇“滴管”工具，將鼠標放在左邊圖形的外邊框上，在外邊框上單擊鼠標，吸取邊框樣本，在右邊圖形的外邊框上單擊鼠標，線條的顏色和樣式被修改。2.5.4滴管工具吸取位圖圖案03選擇“滴管”工具，將鼠標放在位圖上，單擊鼠標，吸取圖案樣本。單擊后，在矩形圖形上單擊鼠標，圖案被填充吸取文字屬性04滴管工具還可以吸取文字的屬性，如顏色、字體、字型、大小等。選擇要修改的目標文字，選擇“滴管”工具，將鼠標放在源文字上，在源文字上單擊鼠標，源文字的文字屬性被應用到了目標文字上。2.5.5橡皮擦工具5種擦除模式選擇“橡皮擦”工具，在圖形上想要刪除的地方按下鼠標并拖動鼠標，圖形被擦除。在工具箱下方的“橡皮擦形狀”按鈕的下拉菜單中，可以選擇橡皮擦的形狀與大小。如果想得到特殊的擦除效果，系統(tǒng)在工具箱的下方設置了5種擦除模式可供選擇。應用5種擦除模式擦除圖形的效果2.5.5橡皮擦工具應用任意變形工具變形圖形2.5.6任意變形工具和漸變變形工具任意變形工具選擇“任意變形”工具，在圖形的周圍出現(xiàn)控制點，拖動控制點改變圖形的大小。系統(tǒng)在工具箱的下方設置了4種變形模式可供選擇。應用漸變變形工具改變漸變效果2.5.6任意變形工具和漸變變形工具漸變變形工具使用“漸變變形”工具可以改變選中圖形中的填充漸變效果。當圖形填充色為線性漸變色時，選擇“漸變變形”工具，用鼠標單擊圖形，出現(xiàn)3個控制點和2條平行線，向圖形中間拖動方形控制點，漸變區(qū)域縮小。將鼠標放置在旋轉控制點上，拖動旋轉控制點來改變漸變區(qū)域的角度。拖動圖像到需要的位置2.5.7手形工具和縮放工具手形工具如果圖形很大或被放大得很大，那么需要利用“手形”工具調(diào)整觀察區(qū)域。選擇“手形”工具，光標變?yōu)槭中?，按住鼠標不放，拖動圖像到需要的位置。放大圖像中的局部區(qū)域2.5.7手形工具和縮放工具縮放工具利用“縮放”工具放大圖形以便觀察細節(jié)，縮小圖形以便觀看整體效果。選擇“縮放”工具，在舞臺上單擊可放大圖形。要想放大圖像中的局部區(qū)域，可在圖像上拖曳出一個矩形選取框，松開鼠標后，所選取的局部圖像被放大。選中工具箱下方的“縮小”按鈕，在舞臺上單擊可縮小圖像。2.6.1課堂案例——繪制迷你太空使用“鋼筆”工具，“顏料桶”工具、“任意變形”工具、“多角星形”工具，來完成迷你太空的繪制。效果圖2.6.2純色編輯面板在工具箱的下方單擊“填充顏色”按鈕，彈出純色面板。在面板中可以選擇系統(tǒng)設置好的顏色。如想自行設定顏色，單擊面板右上方的顏色選擇按鈕，彈出“顏色”面板，在面板右側的顏色選擇區(qū)中選擇要自定義的顏色?；瑒用姘逵覀鹊幕瑒訔l來設定顏色的亮度?！凹兩泵姘濉邦伾泵姘?.6.3顏色面板選擇“窗口>顏色”命令，彈出“顏色”面板。自定義純色01在“顏色”面板的“類型”選項中，選擇“純色”選項。在面板下方的顏色選擇區(qū)域內(nèi)，可以根據(jù)需要選擇相應的顏色。自定義線性漸變色02在“顏色”面板的“類型”選項中選擇“線性”選項。將鼠標放置在滑動色帶上，在色帶上單擊鼠標增加顏色控制點，并在面板下方為新增加的控制點設定顏色及明度。2.6.3顏色面板選擇“窗口>顏色”命令，彈出“顏色”面板。自定義徑向漸變色03在“顏色”面板的“顏色類型”選項中選擇“徑向漸變”選項，。用與定義線性漸變色相同的方法在色帶上定義放射狀漸變色，定義完成后，在面板的左下方顯示出定義的漸變色。自定義位圖填充04在“顏色”面板的“類型”選項中，選擇“位圖”選項。彈出“導入到庫”對話框，在對話框中選擇要導入的圖片，單擊“打開”按鈕，圖片被導入到“顏色”面板中，選擇“矩形”工具，在場景中繪制出一個矩形，矩形被剛才導入的位圖所填充。2.6.4樣本面板“樣本”面板在“樣本”面板中可以選擇系統(tǒng)提供的純色或漸變色