第二章 Flash 圖形繪制

第二章Flash圖形繪制本章內(nèi)容1.教學(xué)內(nèi)容：

Flash動畫基礎(chǔ)知識

Flash中的圖形繪制

Flash中的圖形顏色處理2.教學(xué)基本要求：了解Flash動畫的發(fā)展等基礎(chǔ)知識。熟悉FlashCS5的界面。掌握基本圖形繪制技巧。3.重點與難點：

Flash圖形的繪制。

主要內(nèi)容Flash動畫基礎(chǔ)知識Flash中的圖形繪制矩形和橢圓等工具修改線條和形狀輪廓Flash中的圖形顏色處理筆觸和填充修改圖像筆觸和填充2.1Flash動畫基礎(chǔ)知識Flash發(fā)展歷史及特點Flash的設(shè)計原則和應(yīng)用Flash動畫制作流程圖像的基礎(chǔ)知識Flash動畫基本術(shù)語2.1Flash動畫基礎(chǔ)知識Flash的發(fā)展歷史及特點：Macromedia公司出品的軟件，大致是“交互性矢量多媒體制作軟件”的意思。是一種多媒體制作軟件，往往都是“有聲有色”給人視覺沖擊的動畫。以矢量圖為基礎(chǔ)，能無限的縮放，不會因為圖像的縮放而改變顯示的質(zhì)量。發(fā)展與網(wǎng)絡(luò)緊密相連。2.1Flash動畫基礎(chǔ)知識Flash的發(fā)展歷史及特點：Flash1.0—Flash2.0—Flash3.0—Flash4.02000年Macromedia推出Flash5.0引入腳本語言Actionscript1.02002年FlashMX—FlashMX20042006年MacromediaFlashBasic8和MacromediaFlashProfessional82007年FlashCS3，整合Actionscript3.0腳本語言2010年FlashCS52011年FlashCS5.5Professionla2012年FlashCS6Professional，支持HTML和3D轉(zhuǎn)換2013年FlashCCProfessional64位構(gòu)架應(yīng)用2.1Flash動畫基礎(chǔ)知識Flash的發(fā)展歷史及特點：體積小主要使用矢量圖，使其文件較小，效果好，圖像細膩，網(wǎng)絡(luò)寬帶播放要求低。適用于網(wǎng)絡(luò)傳播供欣賞和下載交互性強實現(xiàn)人機交互節(jié)省成本減少人力、物力資源的消耗跨媒體網(wǎng)絡(luò)、電視和電影更具特色的視覺效果2.1Flash動畫基礎(chǔ)知識Flash的設(shè)計原則和應(yīng)用：圖形是Flash最主要的表現(xiàn)形式聲音作用很大按鈕或者ActionScript腳本語言起到襯托、輔助的作用2.1Flash動畫基礎(chǔ)知識Flash的設(shè)計原則和應(yīng)用：網(wǎng)絡(luò)廣告電視領(lǐng)域電影領(lǐng)域教學(xué)領(lǐng)域音樂領(lǐng)域賀卡領(lǐng)域手機領(lǐng)域游戲領(lǐng)域2.1Flash動畫基礎(chǔ)知識Flash動畫制作流程：企劃研究劇本設(shè)計風格腳本先期錄音攝影實驗前期籌劃階段分鏡頭動畫繪本鏡頭描線鏡頭上色畫面校對全片排色繪制階段樣片剪輯后期錄音雙片鑒定和混合錄音底片剪輯校正復(fù)制和標準復(fù)制后期制作2.1Flash動畫基礎(chǔ)知識Flash動畫制作流程：預(yù)載動畫（loading）圖形按鈕音樂、音效Actionscript語言….2.1Flash動畫基礎(chǔ)知識圖像的基礎(chǔ)知識像素和分辨率

矢量圖和位圖2.1Flash動畫基礎(chǔ)知識Flash動畫基本術(shù)語文件類型：FLA,SWF,AS,SWC,ASC,JSFLFLASH術(shù)語場景—放置圖形內(nèi)容的矩形區(qū)域，可以縮放，有助于精確定位。幀的類型—幀和關(guān)鍵幀。關(guān)鍵幀用于控制文檔，包括填充補間動畫或更改補間動畫的長度。圖層—可以幫組組織文檔間的插圖。2.2Flash中的圖形繪制1.場景與舞臺

用戶在制作動畫時，可以同時編輯多個場景，但在播放時將按照設(shè)定好的順序播放。需要注意的是，在編輯時，對場景的刪除是不可恢復(fù)性操作，用戶在操作時應(yīng)十分謹慎。2.時間軸窗口

3.工具欄

在Flash中，系統(tǒng)提供了三個工具欄，即【主工具欄】、【編輯欄】和【控制器】。它們都通過【窗口】→【工具欄】來顯示和關(guān)閉。

【視圖】區(qū)域

【顏色】區(qū)域

【選項】區(qū)域

2.2Flash中的圖形繪制矩形和橢圓工具矩形的屬性面板橢圓的屬性面板思考矩形與基本矩形的差異？2.3Flash中的圖形顏色處理“顏色”面板線性漸變徑向漸變位圖填充筆觸和填充2.3Flash中的圖形顏色處理修改圖像的筆觸和填充使用滴管工具采樣顏色使用滴管工具對位圖進行采樣顏料桶工具墨水瓶工具漸變變形工具修改Flash圖形繪制圖像效果如下：Flash圖像繪制新建Flash文檔；在屬性面板中設(shè)置文檔的屬性（大小800*600像素）；選擇橢圓工具，設(shè)置筆觸和填充的顏色；在場景中繪制圓形，使用選擇工具，進行修改|轉(zhuǎn)換為元件，圖形名稱：圓；使用任意變形工具，調(diào)整中心點的位置；單擊窗口|變形工具，點擊復(fù)制工具，設(shè)置旋轉(zhuǎn)角度（20°），單擊復(fù)制工具完成復(fù)制；Flash圖形繪制選中對象，執(zhí)行修改|分離，將圖像分離；選擇墨水瓶工具，設(shè)定筆觸的顏色和高度；雙擊選中外部筆觸，復(fù)制外部筆觸，并粘貼在圖層2；改變復(fù)制的筆觸顏色，并將其調(diào)?。辉俅芜x擇橢圓工具，設(shè)置筆觸顏色為無，打開窗口|顏色，設(shè)置顏色為線性，并將其繪制在圖像中，改變其輪廓；同樣原理繪制對象耳朵，并鎖定其它圖層，使用套索工具，將耳朵部分搽除；依次執(zhí)行其他命令。。。Flash對象繪制改成如下繪制工作：Flash制作使用橢圓工具：使用調(diào)整工具：Flash制作修改筆觸顏色和高度新建圖層2，繪制耳朵Flash制作選擇橡皮擦工具，搽除圖層1與圖層2