Flash CS6 動畫設(shè)計(jì)與制作案例教程課件

圖形的繪制與編輯項(xiàng)目NO2FlashCS6動畫設(shè)計(jì)與制作案例教程1.了解工具箱中的常用工具。2.熟悉常見繪圖工具的使用方法及屬性設(shè)置。3.掌握使用各種工具繪制及編輯圖形。本章目標(biāo)知識目標(biāo)——FlashCS6動畫設(shè)計(jì)與制作案例教程【V】調(diào)用“選擇工具”【Ctrl+C】復(fù)制【Ctrl+Shift+V】原地粘貼【Shift+C】調(diào)出轉(zhuǎn)換錨點(diǎn)工具【B】調(diào)用“刷子工具”快捷鍵本章目標(biāo)技能目標(biāo)1.能使用“矩形工具”“橢圓工具”等繪制簡單的圖形。2.能使用“鋼筆工具”“鉛筆工具”等繪制復(fù)雜的圖形。3.能使用“顏料桶工具”“墨水瓶工具”等設(shè)置對象的顏色?！狥lashCS6動畫設(shè)計(jì)與制作案例教程圖形的繪制與編輯123456選擇變換工具幾何形狀繪制手工繪圖工具繪圖輔助工具填充顏色工具本章任務(wù)制作“小怪獸”動畫任務(wù)1任務(wù)2制作“背影”動畫任務(wù)1FlashCS6提供了繪制和編輯圖形的基本工具，合理地利用這些工具可以創(chuàng)建許多豐富多彩的圖形。本任務(wù)通過將繪制的正方形和圓形疊加起來實(shí)現(xiàn)“小怪獸”動畫的制作，讓用戶熟悉基本常用工具的使用。制作“小怪獸”動畫任務(wù)描述任務(wù)分析任務(wù)導(dǎo)入動畫人物/風(fēng)景/廣告（a）動畫人物

（b）動畫風(fēng)景

“選擇工具”不但可以選擇、移動對象，還可以對舞臺中的圖形進(jìn)行形狀的編輯。在工具箱啟用“選擇工具”后，將鼠標(biāo)指針移動到線條或圖形的邊緣，當(dāng)指針形狀變?yōu)榛驎r(shí)，如圖（a）、（b）所示，按住鼠標(biāo)左鍵并拖拽，可以方便地修改線條或圖形邊緣的形狀，效果如圖（c）所示。知識鏈接一、選擇變換工具???（a）??????（b）?????（c）選擇工具

使用“部分選擇工具”，單擊空白處，從左上方到右下角，框選住女孩圖形，如圖（a）所示。小試牛刀改變女孩頭發(fā)的形狀

釋放鼠標(biāo)，單擊空白區(qū)域，女孩頭發(fā)的形狀即已發(fā)生改變，如圖（c）所示。步驟1步驟2

選擇需要改變形狀的地方，單擊與女孩頭部綠色圓形裝飾物對稱的一個(gè)點(diǎn)，拖拽往上拉，效果如圖（b）所示。步驟3???（a）??????（b）?????（c）

“套索工具”可以精確地選擇不規(guī)則對象中的任意部分。在工具箱中選擇“套索工具”，將鼠標(biāo)指針移至舞臺中，變?yōu)樾螤睿献髽?biāo)即可在圖形對象中選取需要的范圍，即可完成區(qū)域的選擇。利用“套索工具”從如圖（a）所示的圖形中將“房屋”及其陰影選取出的，效果如圖（b）所示。知識鏈接一、選擇變換工具???（a）??????（b）????

“套索工具”的使用套索工具

“任意變形工具”主要用于對對象進(jìn)行不同方式的變形處理，如拉伸、壓縮、旋轉(zhuǎn)、翻轉(zhuǎn)和自有變形等。通過“任意變形工具”，可以將對象變形為需要的樣式。在工具箱中選擇“任意變形工具”時(shí)，工具箱底部選項(xiàng)區(qū)的相關(guān)按鈕會被激活。知識鏈接一、選擇變換工具???（a）??????（b）?????（c）（d）

“任意變形工具”的使用任意變形工具

選擇工具箱中的“基本矩形工具”，設(shè)置其屬性。小試牛刀繪制矩形

修改“屬性”面板中的“矩形邊角半徑”數(shù)值為10。步驟1步驟2

在舞臺中繪制圖形的起點(diǎn)處單擊，并拖拽鼠標(biāo)到終點(diǎn)處釋放鼠標(biāo)，繪制出一個(gè)基本矩形。步驟3

選擇工具箱中的“橢圓工具”，在“橢圓工具”的“屬性”面板中修改“填充和筆觸”顏色為“黑色”。在舞臺中單擊并拖拽鼠標(biāo)，直到創(chuàng)建適合的形狀和大小后，釋放鼠標(biāo)，即可繪制出一個(gè)橢圓，效果如圖（a）所示。小試牛刀繪制橢圓步驟1

（a）??????（b）?????（c）

重新選擇工具箱中的“橢圓工具”，在橢圓工具的“屬性”面板中設(shè)置“開始角度”為“100.00”，在舞臺中單擊并拖拽鼠標(biāo)，直到創(chuàng)建適合的形狀和大小后，釋放鼠標(biāo)，效果如圖（b）所示。步驟2

重新選擇工具箱中的“橢圓工具”，在橢圓工具的“屬性”面板中設(shè)置“內(nèi)徑”為“50.00”，在舞臺中單擊并拖拽鼠標(biāo)，直到創(chuàng)建適合的形狀和大小后，釋放鼠標(biāo)，效果如圖（c）所示。步驟3小試牛刀繪制不同形狀的星形

選擇工具箱中的“多角星形工具”，在舞臺中單擊并拖拽鼠標(biāo)，直到創(chuàng)建適合的形狀和大小后，釋放鼠標(biāo)，即可繪制出一個(gè)多角星形，如圖（a）所示。步驟1

（a）??（b）????（c）

（d）??（e）????（f）

單擊“屬性”面板中的“選項(xiàng)”按鈕，若在彈出的“工具設(shè)置”對話框中設(shè)置邊數(shù)為“6”，則效果如圖（b）所示。若設(shè)置“樣式”為“星形”，邊數(shù)為“5”，則效果如圖（c）所示。若設(shè)置“星形頂點(diǎn)大小”分別為“0.2”“0.5”“0.9”，則效果如圖（d）、圖（e）、圖（f）所示。步驟2任務(wù)實(shí)施新建文檔顯示網(wǎng)格步驟

設(shè)置其筆觸顏色為無，填充顏色色值為“#F5FFDF”。STEP1新建文檔STEP2繪制小怪獸的輪廓

執(zhí)行菜單“視圖”→“網(wǎng)格”→“顯示網(wǎng)格”命令，將舞臺用網(wǎng)格顯示出來。繪制矩形21任務(wù)實(shí)施

旋轉(zhuǎn)矩形繪制并復(fù)制橢圓

單擊“文件”→“另存為”，并保存為“.fla”格式文件。

將鼠標(biāo)移至最右下角的控制點(diǎn)，當(dāng)鼠標(biāo)指針變?yōu)樾D(zhuǎn)樣式時(shí)，按住【Shift】鍵控制正方形以45°角旋轉(zhuǎn)。移動橢圓形成心形STEP2繪制小怪獸的輪廓34

選擇“橢圓工具”，設(shè)置筆觸顏色為“無”、填充顏色為“紅色”，色值為“#FF0000”，然后按下【Shift】鍵，在工作區(qū)中繪制一個(gè)正圓；按【Alt】鍵復(fù)制橢圓。5任務(wù)實(shí)施

繪制矩形填充矩形設(shè)置矩形圓角角度STEP3繪制小怪獸的眼睛

繪制一個(gè)圓角矩形作為“小怪獸”的眼睛輪廓。打開圖層面板，單擊“新建圖層”按鈕，新建一個(gè)圖層。選擇“矩形工具”，打開“矩形工具屬性”面板，設(shè)置筆觸顏色為“無”、填充顏色為白色、色值為“#FFFFFF”，設(shè)置矩形邊角半徑為“10”。在“形狀屬性”面板中設(shè)置寬為“90”、高為“60”，繪制好圓角矩形后的效果如圖所示。1完成任務(wù)實(shí)施

鎖定圖層選擇錨點(diǎn)刪除選擇的錨點(diǎn)STEP3繪制小怪獸的眼睛

單擊圖層1，并將圖層1鎖定，單擊圖層2，使用“部分選擇工具”，從左至右框選圓角矩形。選擇“刪除錨點(diǎn)工具”，刪除錨點(diǎn)，效果如圖所示。2完成任務(wù)實(shí)施

繪制左眼球繪制右眼調(diào)整眼睛間隔STEP3繪制小怪獸的眼睛

選擇“橢圓工具”，繪制一個(gè)橢圓，在其“形狀屬性”面板中設(shè)置其寬為“23”、高為“23”，填充顏色為黑色，色值為“#000000”。3完成

選擇“任意變形工具”，框選“小怪獸”的眼睛，。按【Ctrl+C】復(fù)制，按【Ctrl+Shift+V】原地粘貼，將鼠標(biāo)放置左邊中間的錨點(diǎn)上，當(dāng)鼠標(biāo)變成橫線時(shí)，往右平行拖動，并調(diào)整右眼寬為“90”、高為“50.65”。4

選擇“任意變形工具”，框選“小怪獸”的右眼睛，水平向右移動，參考線會自動吸附到合適位置，如圖2-1-43所示，“小怪獸”繪制完成。5任務(wù)2本任務(wù)中主要通過“鋼筆工具”來勾勒人物頭部、身體和裙子的線條，用“顏料桶工具”為其填充顏色，再用“刷子工具”繪制辮子，通過完成上述繪制圖形過程的學(xué)習(xí)，掌握如何使用手工繪圖工具繪制圖形。本任務(wù)使用“鉛筆工具”和“鋼筆工具”可以繪制出各種線條和形狀，而“鋼筆工具”是FlashCS6中比較難掌握的繪圖工具之一。制作“背影”動畫任務(wù)描述任務(wù)分析知識鏈接一、手工繪圖工具鉛筆工具

鉛筆工具”可以繪制出不同形狀的曲線，在繪制完線條后，F(xiàn)lashS6會根據(jù)所選的繪圖模式對線條進(jìn)行自動調(diào)整。在工具箱中選擇“鉛筆工具”，單擊工具箱底部的“鉛筆模式”按鈕，在彈出的下拉列表中有3種繪圖模式可選，線條平滑與筆直的程度取決于所選擇的鉛筆模式。

（a）（b）（c）伸直、平滑、墨水模式效果知識鏈接一、手工繪圖工具鋼筆工具

“鋼筆工具”可以繪制直線或平滑流暢的曲線（貝塞爾曲線），并調(diào)整曲線的彎曲度，從而使繪制的線條達(dá)到理想的效果。選擇工具箱中的“鋼筆工具”，按住鼠標(biāo)左鍵不放，在彈出的下拉列表中有“鋼筆工具”、“添加錨點(diǎn)工具”、“刪除錨點(diǎn)工具”和“轉(zhuǎn)換錨點(diǎn)工具”4個(gè)選項(xiàng)。

貝塞爾曲線

打開“籃球火.fla”源文件，為“火焰”添加層次，如圖（a）所示。小試牛刀為“火焰”添加層次

將“火焰”放置在合適位置，保存文件，“籃球火”，如圖（c）所示。步驟1步驟2

在工具箱中選擇“顏料桶工具”，在其“屬性”面板中選擇要填充的顏色，設(shè)置色值為“#FF9900”，單擊涂色區(qū)域，填充橙色，如圖（b）所示。步驟3

（a）??????（b）?????（c）

打開上一個(gè)小試牛刀，如圖（a）所示“為“火焰”添加層次”保存好的素材“籃球火.fla”，通過“墨水瓶工具”，給籃球后面的黃色區(qū)域添加邊線。小試牛刀為“火焰”添加邊線步驟1步驟2

選擇工具箱中的“墨水瓶工具”，在“屬性”面板中設(shè)置“筆觸顏色”的色值為“#FF3300”，填充色色值為“#FFFF33”，“筆觸大小”為“3.95”，如圖（b）所示，單擊需求添加邊緣的地方，效果如圖（c）所示。???（a）??????（b）?????（c）

打開“漸變圓.fla”源文件，如圖（a）所示，在工具箱中選擇“漸變變形工具”，單擊“漸變圓”，該圓出現(xiàn)可拖拽手柄，如圖（b）所示。小試牛刀添加“漸變變形工具”步驟1步驟2

拖拽手柄，可對此漸變圓進(jìn)行修改。按住第一個(gè)手柄，往右拉，如圖（c）所示；按住第二個(gè)手柄，往外拉，如圖（d）所示；按住第三個(gè)手柄，旋轉(zhuǎn)角度，如圖（f）所示。???（a）?（b）?????（c）（d）（f）任務(wù)實(shí)施新建文檔繪制人物頭部步驟

執(zhí)行菜單“文件”→“新建”命令，在彈出的對話框中依次選擇“常規(guī)”→ActionScript3.0”選項(xiàng)，單擊“確定”按鈕，新建一個(gè)影片文檔，然后執(zhí)行菜單“文件”→“保存”命令，設(shè)置文件名為“背影.fla”。STEP1新建文檔STEP2繪制人物頭部任務(wù)實(shí)施繪制線條調(diào)整錨點(diǎn)步驟

選擇工具箱中的“線條工具”，在舞臺工作區(qū)中繪制如圖（a）所示的線條，使用“選擇工具”進(jìn)行修飾，效果如圖（b）所示。STEP3繪制人物背部

使用工具箱中的“部分選取工具”，并結(jié)合“添加錨點(diǎn)具”“刪除錨點(diǎn)工具”和“轉(zhuǎn)換錨點(diǎn)工具”，對舞臺內(nèi)的線條進(jìn)行精準(zhǔn)調(diào)整，完成背部輪廓，效果如圖（c）所示。

（a）??????（b）?????（c）任務(wù)實(shí)施繪制裙子輪廓填充裙子顏色步驟

繼續(xù)用“鋼筆工具”在背部上繪制線條，并用“選擇工具”和“部分選擇工具”進(jìn)行調(diào)整，繪制出如圖