Flash-CC動畫制作標準教程-課件2

本章簡介：本章將介紹FlashCC繪制圖形的功能和編輯圖形的技巧，詳細講解多種選擇圖形的方法以及設置圖形色彩的技巧。通過對本章的學習，讀者可以掌握繪制圖形、編輯圖形的方法和技巧，能獨立繪制出所需的各種圖形效果并對其進行編輯，為進一步學習FlashCC打下堅實的基礎。第2章圖形的繪制與編輯課堂學習目標掌握基本線條與圖形的繪制熟練掌握多種圖形編輯工具的使用方法和技巧了解圖形的色彩，并掌握幾種常用的色彩面板2.1基本線條與圖形的繪制課堂案例——繪制青蛙卡片線條工具鉛筆工具橢圓工具刷子工具使用“鉛筆”工具和“顏料桶”工具，繪制白云和飄帶圖形；使用“橢圓”工具，繪制臉部和眼睛。2.1.1課堂案例—繪制青蛙卡片效果圖選擇“線條”工具，在舞臺上單擊鼠標，按住鼠標不放并向右拖動到需要的位置，繪制出一條直線，松開鼠標，直線繪制完成?？梢栽谥本€工具“屬性”面板中設置不同的線條顏色、線條粗細和線條類型。線條工具“屬性”面板2.1.2線條工具設置不同的線條屬性后繪制的線條選擇“鉛筆”工具，在舞臺上單擊鼠標，按住鼠標不放，在舞臺上隨意繪制出線條，松開鼠標，線條繪制完成。如果想要繪制出平滑或伸直線條和形狀，可以在工具箱下方的選項區(qū)域中為鉛筆工具選擇一種繪畫模式。鉛筆工具“屬性”面板2.1.3鉛筆工具設置不同的線條屬性后繪制的圖形選擇“橢圓”工具，在舞臺上單擊鼠標，按住鼠標不放，向需要的位置拖曳，繪制出橢圓圖形后松開鼠標。按住Shift鍵的同時繪制圖形，可以繪制出圓形。

橢圓工具“屬性”面板2.1.4橢圓工具設置不同的邊框屬性和填充顏色后繪制的圖形選擇“刷子”工具，在舞臺上單擊鼠標，按住鼠標不放，隨意繪制出筆觸后松開鼠標?？梢栽谒⒆庸ぞ摺皩傩浴泵姘逯性O置不同的筆觸顏色和平滑度。刷子工具“屬性”面板

2.1.5刷子工具設置不同的刷子形狀后所繪制的筆觸效果系統(tǒng)在工具箱的下方提供了5種刷子的模式可供選擇?！皹藴世L畫”模式：在同一層的線條和填充上以覆蓋的方式涂色?！邦伭咸畛洹蹦Ｊ剑簩μ畛鋮^(qū)域和空白區(qū)域涂色，其他部分（如邊框線）不受影響?！昂竺胬L畫”模式：在舞臺上同一層的空白區(qū)域涂色，但不影響原有的線條和填充?！邦伭线x擇”模式：在選定的區(qū)域內(nèi)進行涂色，未被選中的區(qū)域不能夠涂色?！皟?nèi)部繪畫”模式：在內(nèi)部填充上繪圖，但不影響線條。如果在空白區(qū)域中開始涂色，該填充不會影響任何現(xiàn)有填充區(qū)域。標準繪畫

顏料填充

后面繪畫顏料選擇內(nèi)部繪畫

2.2圖形的繪制與選擇課堂案例——繪制網(wǎng)絡公司網(wǎng)頁標志矩形工具多角星形工具鋼筆工具選擇工具部分選取工具套索工具多邊形工具魔術棒工具使用“文本”工具，輸入標志名稱；使用“鋼筆”工具，添加畫筆效果；使用“屬性”面板，改變元件的顏色使標志產(chǎn)生陰影效果。2.2.1課堂案例—繪制網(wǎng)絡

公司網(wǎng)頁標志效果圖選擇“矩形”工具，在舞臺上單擊鼠標，按住鼠標不放，向需要的位置拖曳，繪制出矩形圖形，松開鼠標。按住Shift鍵的同時繪制圖形，可以繪制出正方形。矩形工具“屬性”面板2.2.2矩形工具設置不同的邊框屬性和填充顏色后繪制的圖形應用多角星形工具可以繪制出不同樣式的多邊形和星形。選擇“多角星形”工具，在舞臺上按住鼠標不放，向需要的位置拖曳，繪制出多邊形，松開鼠標?？梢栽诙嘟切切喂ぞ摺皩傩浴泵姘逯性O置不同的邊框顏色、邊框粗細、邊框線型和填充顏色。設置不同的邊框屬性和填充顏色后。

多角星形工具“屬性”面板2.2.3多角星形工具設置不同的邊框屬性和填充顏色后繪制的圖形選擇“鋼筆”工具，將光標放置在舞臺上想要繪制曲線的起始位置，然后按住鼠標不放。此時出現(xiàn)第一個錨點，并且鋼筆尖光標變?yōu)榧^形狀。松開鼠標，將光標放置在想要繪制的第二個錨點的位置，單擊鼠標并按住不放，繪制出一條直線段。將光標向其他方向拖曳，直線轉換為曲線。松開鼠標，一條曲線繪制完成。2.2.4鋼筆工具繪制曲線的過程

2.2.5選擇工具選擇對象選擇“選擇”工具，在舞臺中的對象上單擊鼠標進行點選，即可選擇對象。按住Shift鍵，再點選對象，可以同時選中多個對象。在舞臺中拖曳出一個矩形可以框選對象。移動和復制對象選擇“選擇”工具，點選中對象。按住鼠標不放，直接拖曳對象到任意位置。選擇“選擇”工具，點選中對象，按住Alt鍵，拖曳選中的對象到任意位置，選中的對象被復制。調整矢量線條和色塊選擇“選擇”工具，將鼠標移至對象，鼠標下方出現(xiàn)圓弧。拖動鼠標，對選中的線條和色塊進行調整。選擇“部分選取”工具，在對象的外邊線上單擊，對象上出現(xiàn)多個節(jié)點。拖動節(jié)點來調整控制線的長度和斜率，從而改變對象的曲線形狀。2.2.6部分選取工具改變對象的曲線形狀

2.2.7套索工具選擇“套索”工具，在場景中導入一幅位圖，按Ctrl+B組合鍵，將位圖進行分離。用鼠標在位圖上任意勾選想要的區(qū)域，形成一個封閉的選區(qū)。松開鼠標，選區(qū)中的圖像被選中。

套索選取過程2.2.8多邊形工具選擇“多邊形”工具，在場景中導入一幅位圖，按Ctrl+B組合鍵，將位圖進行分離。在圖像上單擊鼠標，確定第一個定位點，松開鼠標并將鼠標移至下一個定位點，再單擊鼠標，用相同的方法直到勾畫出想要的圖像，并使選取區(qū)域形成一個封閉的狀態(tài)。雙擊鼠標，選區(qū)中的圖像被選中。

多邊形選取過程

2.2.9魔術棒工具選中“魔術棒”按鈕，在場景中導入一幅位圖，按Ctrl+B組合鍵，將位圖進行分離。將光標放在位圖上，光標變?yōu)椋谝x擇的位圖上單擊鼠標。與點取點顏色相近的圖像區(qū)域被選中。

魔術棒選取過程

2.3圖形的編輯課堂案例——繪制新春卡片墨水瓶工具顏料桶工具滴管工具橡皮擦工具任意變形工具和漸變變形工具使用“鋼筆”工具、“顏料桶”工具，來完成卡通小羊的繪制。2.3.1課堂案例—繪制新春卡片效果圖

使用墨水瓶工具可以修改矢量圖形的邊線。導入花瓣圖形。選擇“墨水瓶”工具，在墨水瓶工具“屬性”面板中設置筆觸顏色、筆觸以及筆觸樣式。這時，光標變?yōu)?，在圖形上單擊鼠標，為圖形增加設置好的邊線。在“屬性”面板中設置不同的屬性，所繪制的邊線效果也不同。2.3.2墨水瓶工具不同筆觸樣式所顯示的效果導入圖形墨水瓶工具“屬性”面板

繪制花瓣線框圖形。選擇“顏料桶”工具，在顏料桶工具“屬性”面板中設置填充顏色。在花瓣的線框內(nèi)單擊鼠標，線框內(nèi)被填充顏色。2.3.3顏料桶工具根據(jù)線框空隙的大小，應用不同的模式進行填充顏料桶工具“屬性”面板4種填充模式

2.3.4滴管工具吸取填充色選擇“滴管”工具，將光標放在左邊圖形的填充色上，光標變?yōu)?，在填充色上單擊鼠標，吸取填充色樣本。單擊后，光標變?yōu)?，表示填充色被鎖定。在工具箱的下方，取消對“鎖定填充”按鈕的選取，光標變?yōu)?，在下邊圖形的填充色上單擊鼠標，圖形的顏色被修改。吸取填充樣本更改填充色

吸取邊框屬性選擇“滴管”工具，將光標放在右邊圖形的外邊框上，光標變?yōu)椋谕膺吙蛏蠁螕羰髽?，吸取邊框樣本。單擊后，光標變?yōu)?，在左邊圖形的外邊框上單擊鼠標，線條的顏色和樣式被修改。吸取筆觸樣本更改筆觸樣式

吸取位圖圖案滴管工具可以吸取外部引入的位圖圖案。導入圖片。按Ctrl+B組合鍵，將位圖分離。繪制一個六邊形。選擇“滴管”工具，將光標放在位圖上，光標變?yōu)椋瑔螕羰髽?，吸取圖案樣本。單擊后，光標變?yōu)?，在圓形圖形上單擊鼠標，圖案被填充。導入位圖繪制多變形吸取樣本填充圖形

吸取文字屬性滴管工具還可以吸取文字的顏色。選擇要修改的目標文字。選擇“滴管”工具，將鼠標放在源文字上，光標。在源文字上單擊鼠標，源文字的文字屬性被應用到了目標文字上。

吸取文字顏色更改文字顏色選擇目標選擇“橡皮擦”工具，在圖形上想要刪除的地方按下鼠標并拖動，圖形被擦除。在工具箱下方的“橡皮擦形狀”按鈕的下拉菜單中，可以選擇橡皮擦的形狀與大小。如果想得到特殊的擦除效果，系統(tǒng)在工具箱的下方設置了5種擦除模式可供選擇。2.3.5橡皮擦工具標準擦除擦除填色擦除線條擦除所選填充內(nèi)部擦除5種擦除模式

要想刪除矢量圖形上的線段或填充區(qū)域，可以選擇“橡皮擦”工具，再選中工具箱中的“水龍頭”按鈕，然后單擊舞臺上想要刪除的線段或填充區(qū)域即可。擦除填色擦除線條

2.3.6任意變形工具和漸變變形工具任意變形工具選中圖形，按Ctrl+B組合鍵，將其打散。選擇“任意變形”工具，在圖形的周圍出現(xiàn)控制點。拖動控制點改變圖形的大?。ò醋hift鍵，再拖動控制點，可成比例改變圖形大小）。縮放圖形旋轉圖形4種模式傾斜、扭曲、封套效果

漸變變形工具使用漸變變形工具可以改變選中圖形中的填充漸變效果。當圖形填充色為線性漸變色時，選擇“漸變變形”工具，用鼠標單擊圖形，出現(xiàn)3個控制點和2條平行線。向圖形中間拖動方形控制點，漸變區(qū)域縮小。將光標放置在旋轉控制點上，光標變?yōu)?，拖動旋轉控制點來改變漸變區(qū)域的角度。呈現(xiàn)控制框調整漸變過渡效果旋轉漸變角度效果

當圖形填充色為徑向漸變色時，選擇“漸變變形”工具，用鼠標單擊圖形，出現(xiàn)4個控制點和1個圓形外框。向圖形外側水平拖動方形控制點，水平拉伸漸變區(qū)域。將鼠標放置在圓形邊框中間的圓形控制點上，光標變?yōu)?，向圖形內(nèi)部拖動鼠標，縮小漸變區(qū)域。將鼠標放置在圓形邊框外側的圓形控制點上，光標變?yōu)?，向上旋轉拖動控制點，改變漸變區(qū)域的角度。中心縮放控制框旋轉漸變角度呈現(xiàn)控制框調整漸變過渡效果

手形工具如果圖形很大或被放大得很大，那么需要利用“手形”工具調整觀察區(qū)域。選擇“手形”工具，光標變?yōu)槭中危醋∈髽瞬环?，拖動圖像到需要的位置。2.3.7手形工具和縮放工具手形工具移動位置

縮放工具利用縮放工具放大圖形以便觀察細節(jié)，縮小圖形以便觀看整體效果。選擇“縮放”工具，在舞臺上單擊可放大圖形。要想放大圖像中的局部區(qū)域，可在圖像上拖曳出一個矩形選取框，松開鼠標后，所選取的局部圖像被放大。選中工具箱下方的“縮小”按鈕，在舞臺上單擊可縮小圖像放大圖形局部放大縮小圖形

2.4圖形的色彩課堂案例——繪制透明按鈕純色編輯面板顏色面板樣本面板使用“顏色”面板和“橢圓”工具，繪制按鈕效果；使用“漸變變形”工具，調整高光效果；使用“文本”工具，輸入文字；使用“導入到舞臺”命令。2.4.1課堂案例—繪制透明按鈕效果圖在工具箱的下方單擊“填充顏色”按鈕，彈出純色面板。在面板中可以選擇系統(tǒng)設置好的顏色，如想自行設定顏色，單擊面板右上方的顏色選擇按鈕，彈出“顏色”面板，在面板右側的顏色選擇區(qū)中選擇要自定義的顏色，滑動面板右側的滑動條來設定顏色的亮度。2.4.2純色編輯面板“顏色選擇器”對話框“純色”面板選擇“窗口>顏色”命令，彈出“顏色”面板。2.4.3顏色面板