1、Flash動(dòng)畫(huà)制作基礎(chǔ),授課教師 郭鋰,先解決幾個(gè)問(wèn)題,學(xué)習(xí)后我們能做什么？-作品欣賞 我們要學(xué)些什么？-課程內(nèi)容介紹 用什么樣的學(xué)習(xí)方法？-課程學(xué)習(xí)方法,以往同學(xué)作品欣賞,我們學(xué)習(xí)了這門課程,能做到什么?,課程內(nèi)容,動(dòng)畫(huà)制作基礎(chǔ)認(rèn)識(shí)（幀動(dòng)畫(huà)概念） Flash繪圖 圖形特效（形狀補(bǔ)間、動(dòng)作補(bǔ)間、引導(dǎo)層動(dòng)作補(bǔ)間、遮罩層特效等） 文字特效 Flash動(dòng)作腳本 按鈕的制作 視頻和聲頻特效的導(dǎo)入和使用 背景層特效 圖片轉(zhuǎn)場(chǎng)特效,課程學(xué)習(xí)時(shí)間安排,課程學(xué)習(xí)方法實(shí)踐式學(xué)習(xí),由于本課程設(shè)計(jì)性和實(shí)操性強(qiáng)，我們的學(xué)習(xí)和考核的方式是以任務(wù)驅(qū)動(dòng)的新型教學(xué)理念來(lái)設(shè)計(jì)的。 綜合性設(shè)計(jì)性實(shí)驗(yàn)：學(xué)期初同學(xué)自由組隊(duì)（最多一組

2、不超過(guò)6人）自主選題，在本學(xué)期內(nèi)用本課程所學(xué)內(nèi)容做一個(gè)時(shí)間長(zhǎng)度至少為2分鐘的Flash動(dòng)畫(huà)作品。要求：要導(dǎo)入圖片/視頻/聲頻等多媒體元素，靈活運(yùn)用我們?cè)谡n堂中學(xué)到的各種動(dòng)畫(huà)特效。,考核方法與要求,采用多元評(píng)量相結(jié)合的方式 成績(jī)計(jì)算方法：期末考試占50%, 平時(shí)成績(jī)占20%，綜合實(shí)驗(yàn)成績(jī)占30%，,FLASH的起源 FLASH的特點(diǎn) FLASH的操作環(huán)境介紹,第一章 Flash入門簡(jiǎn)介,Flash的起源,1999年6月，Macromedia公司推出了Flash4.0，并且推出了Flash4.0專用播放器。這一變革使得Flash成為真正意義上的交互多媒體軟件。 2000年8月，Macromedia

3、公司推出了Flash5.0。在Flash5.0發(fā)布時(shí)，Macromedia將Flash的發(fā)展，與Dreamweaver和Fireworks整合在一起，被稱之為網(wǎng)頁(yè)三劍客。 2005年4月，Adobe以價(jià)值34億美元的股票方式收購(gòu)了Macromedia公司。包括Flash在內(nèi)的三劍客從此成為Adobe旗下商品，同年推出FlashCS3。,FLASH的特點(diǎn),1. 使用矢量圖形和流式播放技術(shù)。 與位圖圖形不同的是，矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量，還解決了傳統(tǒng)位圖占用空間大的缺陷 ； 流式播放技術(shù)使得動(dòng)畫(huà)可以邊播放邊下載，解決網(wǎng)絡(luò)帶寬的影響，從而緩解了網(wǎng)頁(yè)瀏覽者焦急等待的情緒。 2. 使用

4、關(guān)鍵幀 使得所生成的動(dòng)畫(huà)(.swf)文件非常小，幾K字節(jié)的動(dòng)畫(huà)文件已經(jīng)可以實(shí)現(xiàn)許多令人心動(dòng)的動(dòng)畫(huà)效果，用在網(wǎng)頁(yè)設(shè)計(jì)上不僅可以使網(wǎng)頁(yè)更加生動(dòng)，而且小巧玲瓏下載迅速，使得動(dòng)畫(huà)可以在打開(kāi)網(wǎng)頁(yè)很短的時(shí)間里就得以播放。,FLASH的特點(diǎn),3. 把音樂(lè)，動(dòng)畫(huà)，聲效，交互方式融合在一起。 4. 強(qiáng)大的動(dòng)畫(huà)編輯。 通過(guò)ACTION和FS COMMAND可以實(shí)現(xiàn)交互性，使Flash具有更大的設(shè)計(jì)自由度。與當(dāng)今最流行的網(wǎng)頁(yè)設(shè)計(jì)工具Dreamweaver配合默契，可以直接嵌入網(wǎng)頁(yè)的任一位置，非常方便。 可用于制作FLV格式視頻（從Flash8開(kāi)始自帶Flash 8 Video Encoder轉(zhuǎn)換工具）,FLASH操

5、作環(huán)境介紹,時(shí)間軸,繪圖工具欄,舞臺(tái),面板,層,FLASH動(dòng)畫(huà)入門,時(shí)間軸窗口 圖層的創(chuàng)建及編輯 幀概念及幀操作 逐幀動(dòng)畫(huà),時(shí)間軸,時(shí)間軸相當(dāng)于整個(gè)動(dòng)畫(huà)的剪輯師，掌握著整個(gè)動(dòng)畫(huà)進(jìn)行的過(guò)程。將不同的圖象與元件按照動(dòng)作發(fā)生的先后順序，分別加入時(shí)間軸中，再安排他們出場(chǎng)的時(shí)間，動(dòng)作等。FLASH即會(huì)根據(jù)時(shí)間軸的設(shè)置逐一播放，構(gòu)成一部連續(xù)動(dòng)畫(huà)作品 實(shí)例：小貓.fla FLASH中動(dòng)畫(huà)的預(yù)覽 ctrl+enter 如僅按enter鍵，有些情況下預(yù)覽效果不完全 動(dòng)畫(huà)的導(dǎo)出 .swf格式,播放磁頭,時(shí)間軸標(biāo)尺,幀速率指示,關(guān)鍵幀,普通幀,空幀,幀(Frame即為Fireworks中的“狀態(tài)”),動(dòng)畫(huà)是根據(jù)人眼

6、視覺(jué)的延遲性,在不同的時(shí)間有不同的位置,連貫起來(lái),就會(huì)形成我們所看到的動(dòng)畫(huà).而Flash軟件它只需要將動(dòng)畫(huà)的開(kāi)始和結(jié)束位置確定后,中間的部分則由軟件自動(dòng)來(lái)完成，所以制作起來(lái)非常方便。 幀源自于電影,電影中幀的數(shù)量及其放映速度決定了電影的整個(gè)長(zhǎng)度。每幀包含不同的圖像信息,就像電影膠片中的一幅一幅的圖像.比如電影是一秒鐘播放25幀，表示一秒鐘播放了25幀畫(huà)面。那么如果一共有100幀畫(huà)面，就會(huì)播放（100/25）4秒鐘。,幀的類型,空幀：空幀不是真正的幀，而是一些矩形框，在這些矩形框里可以放入幀。時(shí)間軸運(yùn)行到空幀時(shí)就會(huì)停止放映。 關(guān)鍵幀：關(guān)鍵幀是特殊的幀，用來(lái)定義動(dòng)畫(huà)中的變化，包括對(duì)象的運(yùn)動(dòng)和特點(diǎn)(

7、如大小和顏色)，在場(chǎng)景中添加或刪除對(duì)象以及幀動(dòng)作的添加。任何時(shí)候，當(dāng)用戶希望動(dòng)畫(huà)發(fā)生改變，或者希望發(fā)生某種動(dòng)作，必須使用關(guān)鍵幀。 一個(gè)逐幀動(dòng)畫(huà)需要許多關(guān)鍵幀，用戶必須單獨(dú)編輯每一幀的內(nèi)容。 一個(gè)過(guò)渡漸變動(dòng)畫(huà)，最少只需要兩個(gè)關(guān)鍵幀：一個(gè)是開(kāi)始幀，一個(gè)是結(jié)束幀。在起始關(guān)鍵幀和結(jié)束關(guān)鍵幀之間的變化由Flash計(jì)算，不需要附加關(guān)鍵幀。,幀的類型,普通幀：普通幀也稱為靜態(tài)幀，顯示同一層上最后一個(gè)關(guān)鍵幀的內(nèi)容。在時(shí)間軸上，關(guān)鍵幀必須總是在普通幀的前面。前置關(guān)鍵幀的內(nèi)容顯示在隨后的每個(gè)普通幀中，直到到達(dá)另一個(gè)關(guān)鍵幀為止。 過(guò)渡幀:過(guò)渡幀包含了一系列幀，其中至少有兩個(gè)關(guān)鍵幀： 一個(gè)決定對(duì)象在起始點(diǎn)的外觀，另一

8、個(gè)決定對(duì)象在終止點(diǎn)的外觀，而在這之間可以有任意多的過(guò)渡幀。在兩個(gè)關(guān)鍵幀之間的幀表示了對(duì)象在過(guò)渡點(diǎn)的外觀。,幀的操作,選中幀：在時(shí)間軸上單擊某一幀 選中多個(gè)幀：在時(shí)間軸上迅速拖動(dòng)鼠標(biāo)左鍵。Shift可連選ctrl可點(diǎn)選 插入幀 選定一個(gè)或多個(gè)幀后，單擊右鍵，選擇“插入幀”命令將在選定的幀后插入一個(gè)和這個(gè)選定幀內(nèi)容完全一樣的幀 使用快捷鍵【F5】。 刪除幀： 選定一個(gè)或多個(gè)幀后，單擊右鍵，選擇“刪除幀”命令 使用鍵盤快捷鍵【Shift】+【F5】 當(dāng)一個(gè)幀被刪除后，后面的幀將自動(dòng)向前移動(dòng)。,插入關(guān)鍵幀： 單擊鼠標(biāo)右鍵,選擇“插入關(guān)鍵幀”命令 直接按下鍵盤上的【F6】鍵 利用插入關(guān)鍵幀，可以將普通幀

9、和過(guò)渡幀轉(zhuǎn)變?yōu)殛P(guān)鍵幀。 清除關(guān)鍵幀 ：選中關(guān)鍵幀，單擊右鍵，選擇“清除關(guān)鍵幀”命令。 插入空白關(guān)鍵幀: 單擊鼠標(biāo)右鍵,選擇“插入空白關(guān)鍵幀”命令 按下鍵盤上的【F7】鍵。,復(fù)制幀 ：在影格編輯區(qū)中選中一幀，選中的幀將做反亮顯示，然后單擊右鍵，選擇“復(fù)制幀”命令。 粘貼幀：復(fù)制好幀后，選擇時(shí)間軸上任意時(shí)間幀位置，單擊右鍵選擇“粘貼幀”命令，這樣剛才復(fù)制的幀被粘貼到這個(gè)位置上來(lái)了，原被選中的那一幀被覆蓋了。 移動(dòng)幀：選中一幀或多幀后，被選中的幀反亮顯示，當(dāng)鼠標(biāo)懸浮在被選的幀上時(shí)，鼠標(biāo)出現(xiàn)了變化，鼠標(biāo)的指針上跟隨了一個(gè)方框一樣的“小尾巴”。這樣按下左鍵，拖動(dòng)鼠標(biāo)至任意位置，松開(kāi)鼠標(biāo)，這樣剛才被選的幀

10、被移動(dòng)到剛才所定的位置來(lái)了。 翻轉(zhuǎn)幀：當(dāng)選中任意兩關(guān)鍵幀或空白關(guān)鍵幀之間(包括這兩個(gè)關(guān)鍵幀或空白關(guān)鍵幀)，這樣單擊右鍵，選擇“翻轉(zhuǎn)幀”命令，這樣被選中的兩個(gè)關(guān)鍵幀相互顛倒，而且Flash也同步更新了這兩個(gè)關(guān)鍵幀之間的過(guò)渡幀。,幀綜合練習(xí)：為小貓.fla加動(dòng)作 在第20幀加關(guān)鍵幀，刪去文字，將頭部提高 加普通幀直至第25幀 預(yù)覽效果,圖層,為了制作方便，動(dòng)畫(huà)中的背景與角色分別繪制于不同的透明紙上，F(xiàn)LASH可將每個(gè)對(duì)象放置在不同圖層中，圖層重疊播放，就形成了想象中的動(dòng)畫(huà)畫(huà)面。 顯示/隱藏所有圖層 鎖定/解除鎖定所有圖層 將所有圖層視為輪廓 演示：小貓分層幀動(dòng)畫(huà).fla,圖層狀態(tài),新建圖層 為圖層命名 刪除圖層 新建圖層文件夾 可將單一圖層內(nèi)的多個(gè)對(duì)象一一分散到新圖層 操作實(shí)例：小貓分層原文件.fla 再試試新建一個(gè)“球”圖層，在其中加上一個(gè)球，效果見(jiàn)小貓分層幀動(dòng)畫(huà)頂球版.fla,逐幀動(dòng)畫(huà)的制作,實(shí)例：北京歡迎你 新建FLASH文檔 輸入