（中職）Flash CS6動(dòng)畫制作（第2版）1.3教學(xué)課件（）

（中職）FlashCS6動(dòng)畫制作（第2版）1.3教學(xué)課件（工信版）項(xiàng)目一Flash制作基本功

任務(wù)3學(xué)會(huì)制作逐幀動(dòng)畫和補(bǔ)間動(dòng)畫任務(wù)目標(biāo)1234

了解關(guān)鍵幀、空白關(guān)鍵幀和普通幀的概念熟練逐幀動(dòng)畫的制作熟練形狀補(bǔ)間動(dòng)畫的制作熟練動(dòng)作補(bǔ)間動(dòng)畫的制作1.熟練逐幀動(dòng)畫制作

1．逐幀動(dòng)畫的概念逐幀動(dòng)畫是一種常見(jiàn)的動(dòng)畫形式，是在每一幀上繪制不同的舞臺(tái)內(nèi)容，這些幀在時(shí)間軸上連續(xù)排列起來(lái)，順序播放就形成了動(dòng)畫效果。逐幀動(dòng)畫形式源于傳統(tǒng)的動(dòng)畫繪制，非常適合表現(xiàn)細(xì)膩，動(dòng)作復(fù)雜的動(dòng)畫。2．關(guān)鍵幀、空白關(guān)鍵幀和普通幀幀是Flash動(dòng)畫的最基本單位，包括普通幀、關(guān)鍵幀、空白關(guān)鍵幀三種類型，在制作動(dòng)畫時(shí)，根據(jù)不同的需要選擇不同的幀，如圖1-3-1所示。圖1-3-1【時(shí)間軸】面板上的各幀關(guān)鍵幀是制作Flash動(dòng)畫最重要的幀，用來(lái)放置動(dòng)畫內(nèi)容，并且所包含的內(nèi)容可以進(jìn)行編輯修改。它可以用來(lái)定義動(dòng)畫對(duì)象的變化，更改動(dòng)畫對(duì)象的開(kāi)始和結(jié)束。在【時(shí)間軸】面板單擊鼠標(biāo)右鍵，選擇“插入關(guān)鍵幀”即可，或者使用快【F6】捷鍵?？瞻钻P(guān)鍵幀是指沒(méi)有添加動(dòng)畫內(nèi)容的關(guān)鍵幀。如果在空白關(guān)鍵幀上添加了內(nèi)容，即可將空白關(guān)鍵幀自動(dòng)轉(zhuǎn)化為關(guān)鍵幀；反之，刪除關(guān)鍵幀上的內(nèi)容，關(guān)鍵幀即轉(zhuǎn)化為空白關(guān)鍵幀。是否有動(dòng)畫內(nèi)容，是關(guān)鍵幀和空白關(guān)鍵幀最大的區(qū)別。在【時(shí)間軸】面板單擊鼠標(biāo)右鍵，選擇“插入空白關(guān)鍵幀”即可插入，或者使用【F7】快捷鍵。1.熟練逐幀動(dòng)畫制作

普通幀是用來(lái)延長(zhǎng)顯示左邊離它最近的關(guān)鍵幀或空白關(guān)鍵幀的動(dòng)畫內(nèi)容，但是不能對(duì)動(dòng)畫內(nèi)容進(jìn)行編輯。在【時(shí)間軸】面板單擊鼠標(biāo)右鍵，選擇“插入幀”即可，或者使用【F5】快捷鍵。3．逐幀動(dòng)畫的類型（1）使用圖片制作的逐幀動(dòng)畫。給連續(xù)多個(gè)幀分別導(dǎo)入多張靜態(tài)圖片，即可制作一個(gè)逐幀動(dòng)畫，導(dǎo)入圖片的格式一般為jpg、png等。（2）使用繪制的矢量圖制作的逐幀動(dòng)畫。用【工具箱】中的工具在舞臺(tái)上給每一幀繪制動(dòng)畫內(nèi)容，連續(xù)播放這些幀，就是一個(gè)逐幀動(dòng)畫。1.熟練逐幀動(dòng)畫制作

（3）使用文字制作的逐幀動(dòng)畫。文字也可以作為制作逐幀動(dòng)畫的素材元素，在舞臺(tái)上輸入文字，將這些文字添加到各幀中即可，文字逐幀動(dòng)畫可實(shí)現(xiàn)文字的旋轉(zhuǎn)、跳躍等效果。（4）使用序列圖像制作的逐幀動(dòng)畫。將gif圖像、swf動(dòng)畫文件等素材導(dǎo)入Flash，按動(dòng)畫順序把這些成序列的圖片逐個(gè)放在不同的幀上，就可以制作成一個(gè)逐幀動(dòng)畫。1.熟練逐幀動(dòng)畫制作

4．逐幀動(dòng)畫的制作制作簡(jiǎn)單的逐幀動(dòng)畫，只需要將多個(gè)連續(xù)的素材導(dǎo)入Flash中，然后把導(dǎo)入的素材按順序添加到各個(gè)關(guān)鍵幀即可。

制作逐幀動(dòng)畫的一般步驟為：在時(shí)間軸上依次添加關(guān)鍵幀，然后在這些關(guān)鍵幀上添加或編輯對(duì)象，設(shè)置對(duì)象大小和位置就可以制作出一段連續(xù)逐幀播放的動(dòng)畫。圖1-3-2添加關(guān)鍵幀及關(guān)鍵幀上的內(nèi)容1.熟練逐幀動(dòng)畫制作

案例1-3-1制作“打字機(jī)”動(dòng)畫效果下面通過(guò)案例進(jìn)一步熟悉逐幀動(dòng)畫的制作?？?，“romantic”這個(gè)單詞，一個(gè)字母一個(gè)字母跳躍出來(lái)，這不就是打字機(jī)在打字嗎？哦，不是的，是神奇的Flash動(dòng)畫效果呀，如圖1-3-3所示。圖1-3-3“打字機(jī)”動(dòng)畫效果2.熟練形狀補(bǔ)間動(dòng)畫制作

1．形狀補(bǔ)間動(dòng)畫的概念形狀補(bǔ)間動(dòng)畫是用來(lái)表現(xiàn)動(dòng)畫對(duì)象從一種物體狀態(tài)到另一種物體狀態(tài)的變化，例如動(dòng)畫對(duì)象之間顏色、大小、形狀、位置的改變。它的操作對(duì)象必須是像素，對(duì)于文字或從外外部導(dǎo)入的圖形圖像，可通過(guò)Flash提供的【分離】命令，將其分離為像素。制作形狀補(bǔ)間動(dòng)畫，只需要制作動(dòng)畫變形前和變形后的畫面，中間的變化過(guò)程由計(jì)算機(jī)自動(dòng)完成。

2．制作形狀補(bǔ)間動(dòng)畫的一般步驟：（1）在開(kāi)始關(guān)鍵幀上繪制或添加對(duì)象（非像素圖像要進(jìn)行分離）。（2）同樣在結(jié)束關(guān)鍵幀上繪制或添加對(duì)象（非像素圖像要進(jìn)行分離）。（3）選中兩個(gè)關(guān)鍵幀之間的任意一幀，單擊鼠標(biāo)右鍵彈出快捷菜單，選擇“創(chuàng)建補(bǔ)間形狀”命令，或者在【屬性】面板中設(shè)置“補(bǔ)間”為“形狀”即可創(chuàng)建形狀補(bǔ)間動(dòng)畫。

圖1-3-4創(chuàng)建補(bǔ)間形狀2.熟練形狀補(bǔ)間動(dòng)畫制作

案例1-3-2制作“魔法線條”動(dòng)畫下面通過(guò)案例進(jìn)一步學(xué)習(xí)形狀補(bǔ)間動(dòng)畫的制作。

在漆黑的背景下，迷彩線條尤其奪目，像魔術(shù)師的魔術(shù)棒變化無(wú)常，如圖1-3-17所示。圖1-3-5“魔幻線條”效果案例1-3-3制作“變形文字”動(dòng)畫下面通過(guò)案例進(jìn)一步學(xué)習(xí)形狀補(bǔ)間動(dòng)畫的制作。

文字是動(dòng)畫的主要構(gòu)成元素，大寫的“T”從一種字體變化成另外一種字體，這個(gè)奇妙的過(guò)程可通過(guò)控制來(lái)展現(xiàn)出不同的動(dòng)畫效果，如圖1-3-6所示。圖1-3-6變形文字3.熟練動(dòng)作補(bǔ)間動(dòng)畫制作

1．動(dòng)作補(bǔ)間動(dòng)畫的概念動(dòng)作補(bǔ)間動(dòng)畫是指計(jì)算機(jī)對(duì)開(kāi)始和結(jié)束關(guān)鍵幀上的同一個(gè)元件的位置、大小、顏色、透明度等參數(shù)的變化，自動(dòng)生成的動(dòng)畫效果。動(dòng)作補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫的最大區(qū)別就是動(dòng)作補(bǔ)間動(dòng)畫的對(duì)象是元件。而元件的內(nèi)容是多種的，常見(jiàn)的有圖形、文字、圖片、按鈕、影片等。補(bǔ)間動(dòng)畫最大的優(yōu)點(diǎn)是在不改變補(bǔ)間動(dòng)畫的情況下，直接修改元件，就可以對(duì)動(dòng)畫進(jìn)行修改。動(dòng)作補(bǔ)間動(dòng)畫必須是同一個(gè)元件的動(dòng)畫，不同的元件之間不能制作補(bǔ)間動(dòng)畫。

1.3.3動(dòng)作補(bǔ)間動(dòng)畫制作

2．制作動(dòng)作補(bǔ)間動(dòng)畫的一般步驟：（1）創(chuàng)建元件，元件既可以是圖形、文字、圖片，也可以是按鈕、影片等。（2）添加開(kāi)始和結(jié)束關(guān)鍵幀，分別設(shè)置它們的位置、大小、顏色、透明度等，使兩個(gè)關(guān)鍵幀上同一元件的顯示狀態(tài)發(fā)生改變。（3）選中兩個(gè)關(guān)鍵幀之間的任意一幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中單擊“創(chuàng)建補(bǔ)間動(dòng)畫”命令，或者在【屬性】面板中設(shè)置“補(bǔ)間”為“動(dòng)作”，即可創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。

圖1-3-7創(chuàng)建補(bǔ)間動(dòng)作案例1-3-4制作“鏡頭效果”動(dòng)畫下面通過(guò)案例進(jìn)一步學(xué)習(xí)動(dòng)作補(bǔ)間動(dòng)畫的制作。模仿鏡頭的推拉和旋轉(zhuǎn)，讓“古堡“圖片在顯示時(shí)先放大、旋轉(zhuǎn)、移動(dòng)的效果，猶如電影大片一樣，效果如圖1-3-8所示。圖1-3-8鏡頭效果任務(wù)小結(jié)本任務(wù)主要介紹了逐幀動(dòng)畫的基本概念、幀的分類、幀的編輯、補(bǔ)間形狀動(dòng)畫和補(bǔ)間動(dòng)畫的制作。通過(guò)各個(gè)任務(wù)學(xué)習(xí)了逐幀動(dòng)畫的制作以及補(bǔ)間動(dòng)畫的各項(xiàng)屬性設(shè)置等。本節(jié)實(shí)訓(xùn)一、實(shí)訓(xùn)目的1．掌握逐幀動(dòng)畫的制作方法。2．學(xué)會(huì)補(bǔ)間形狀動(dòng)畫和補(bǔ)間動(dòng)畫的制作。二、實(shí)訓(xùn)內(nèi)容1.制作“行走