傳統(tǒng)補(bǔ)間動(dòng)畫(huà)

1、Flash 動(dòng)畫(huà)制作篇?jiǎng)?chuàng)建傳統(tǒng)補(bǔ)間一、學(xué)習(xí)目標(biāo)1、理解補(bǔ)間的概念2、掌握傳統(tǒng)補(bǔ)間動(dòng)畫(huà)的創(chuàng)作與刪除方法3、理解傳統(tǒng)補(bǔ)間的補(bǔ)間對(duì)象二、探究新知1、傳統(tǒng)補(bǔ)間動(dòng)畫(huà)概念:從上可知,傳統(tǒng)補(bǔ)間動(dòng)畫(huà)是改變對(duì)象的位置、大小、旋 轉(zhuǎn)和傾斜, 做出物體運(yùn)動(dòng)的各種效果; 改變對(duì)象的透明度、 濾鏡及色彩變化的效 果,淡入和淡出效果的一種動(dòng)畫(huà)。2、傳統(tǒng)補(bǔ)間的創(chuàng)建:在兩個(gè)關(guān)鍵幀之前的任意部分右擊,創(chuàng)建傳統(tǒng)補(bǔ)間。 3、傳統(tǒng)補(bǔ)間的刪除:在補(bǔ)間區(qū)域右擊,刪除補(bǔ)間,即可。 4、傳統(tǒng)補(bǔ)間的補(bǔ)間對(duì)象:散件、文本、元件 注意 :散件和文本只能進(jìn)行位置補(bǔ)間。而元件能進(jìn)行位置、旋轉(zhuǎn)、縮放、傾斜、色彩、濾鏡補(bǔ)間。5、幾種補(bǔ)間類型 位置補(bǔ)間:從

2、一位置變化到另一位置的動(dòng)畫(huà)。 旋轉(zhuǎn)補(bǔ)間:元件實(shí)例根據(jù)指定中心點(diǎn)進(jìn)行旋轉(zhuǎn)的動(dòng)畫(huà)。 縮放補(bǔ)間:元件實(shí)例的等比例縮放或是不等比例縮放的動(dòng)畫(huà)。 傾斜補(bǔ)間:元件實(shí)例按指定角的方向拉伸或縮進(jìn), 模擬 3D旋轉(zhuǎn)效果的動(dòng)畫(huà)。 元件屬性補(bǔ)間:描述元件實(shí)例在影片中透明度、亮度、色調(diào)、高級(jí)顏色和濾鏡等發(fā)生改變的動(dòng)畫(huà)。 (選中關(guān)鍵幀,再選中元件對(duì)象,這時(shí)在屬性面板中 可以看到元件屬性。 6、補(bǔ)間幀屬性:鼠標(biāo)單擊補(bǔ)間中任意幀,屬性面板出現(xiàn)的參數(shù)。 緩動(dòng):用于設(shè)置不規(guī)則運(yùn)動(dòng)速度的參數(shù)。如,一物體要做加速度,即運(yùn)動(dòng)速度越來(lái)越快,這時(shí)緩值則設(shè)為負(fù)值,負(fù)得越多,加速度越大;同理,做減速 運(yùn)動(dòng),則設(shè)為正值。 旋轉(zhuǎn):用于設(shè)置動(dòng)畫(huà)被

3、單中實(shí)例的旋轉(zhuǎn)控制,即在運(yùn)動(dòng)的過(guò)程中是否做旋轉(zhuǎn)運(yùn)動(dòng)及旋轉(zhuǎn)的次數(shù)。三、 實(shí)踐案例案例制作步驟:(1打開(kāi)素材“效果 .fla ”文件,看看最終的效果圖。 我們可以按 ctrl+Enter導(dǎo)出動(dòng)畫(huà),來(lái)瀏覽這個(gè)動(dòng)畫(huà)效果。我們可以看到星 星在閃動(dòng)、搖動(dòng)、變色、旋轉(zhuǎn)、淡入淡出,看到魚(yú)游動(dòng)且越游越大或越小。綜合 分析這個(gè)動(dòng)畫(huà),我們知道它用到傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。下面我們來(lái)完成這個(gè)動(dòng)畫(huà)制作。(2打開(kāi)素材“傳統(tǒng)補(bǔ)間動(dòng)畫(huà)案例 .fla ”文件,這里已經(jīng)有提供好的素材,我們 只需要做動(dòng)畫(huà)即可。 (3星透明元件的制作。這是一個(gè)淡入淡出的星星動(dòng)畫(huà)效果。 1 ctrl+F8,新建一個(gè)影片剪輯元件,命名為“星透明” 。 2將“星”

4、元件拖入元件編輯舞臺(tái)上。 注意:元件有它自己?jiǎn)为?dú)的時(shí)間軸面板和編輯舞臺(tái),這與場(chǎng)景并不沖突。 3為“星透明”制作淡入淡出效果。選擇第 15幀按F 6,再選擇第 30幀按F 6。再次選中第 15幀,再單擊舞臺(tái)上的星星對(duì)象,調(diào)整其屬性A lpha 的 值為 0。最后在兩關(guān)鍵間添加傳統(tǒng)補(bǔ)間。 “星透明”元件完成。 (4星旋轉(zhuǎn)元件的制作。這是一個(gè)星星旋轉(zhuǎn)的動(dòng)畫(huà)效果。 1新建一個(gè)“星旋轉(zhuǎn)”影片剪輯元件。 2將“星”元件拖入元件編輯舞臺(tái)。 3選中第 30幀,按F 6。在兩個(gè)關(guān)鍵幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà),再選中補(bǔ)間 中任意一幀,在補(bǔ)間屬性中使其順時(shí)針旋轉(zhuǎn)一周。 (5“掛星位移”元件制作。這是星星左右搖擺的動(dòng)畫(huà)效

5、果。 1新建一個(gè)“掛星位移”的影片剪輯元件。 2將“掛星”元件拖入元件編輯舞臺(tái)。使用任意變形工具,將元件的中心點(diǎn) 調(diào)到掛星的線的頂端上。 3分別選中第 5、 10、 15、 20幀,依次按 F6,使用任意變形工具,對(duì)第 5幀進(jìn)行向左旋轉(zhuǎn),對(duì)第 15幀進(jìn)行向右旋轉(zhuǎn)。這就做出了星擺動(dòng)的關(guān)鍵幀。 4在兩關(guān)鍵幀間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。 “掛星位移”完成。 (6掛星色調(diào)元件制作。 1新建一個(gè)“掛星色調(diào)”影片剪輯元件 2將“掛星”元件拖入元件編輯舞臺(tái)。選中第 15幀,按下F 6;再選中第 30幀,按下F 6。選中第 15幀,再單擊舞臺(tái)上的掛星,在屬性面板更改其色調(diào) 屬性值(色調(diào)值可以隨自己的喜好調(diào)整 。 3在

6、兩個(gè)關(guān)鍵幀間添加傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。 “掛星色調(diào)”元件完成。 (7掛星傾斜元件制作。 1新建一個(gè)“掛星傾斜”影片剪輯元件。 2將“掛星”元件拖入到元件編輯舞臺(tái)。選中第 5、 10、 15、 20幀,按 F6。依次選中第 10、 15幀, Ctrl+T,進(jìn)行傾斜調(diào)整。 3選中這 20幀,復(fù)制幀,選擇第 21幀,粘貼幀;選中 21到 40幀,進(jìn)行 翻轉(zhuǎn)幀,翻轉(zhuǎn)后把第 21幀刪除,選中 20幀按 F5再往后延續(xù)到第 25幀,最后 把 40幀后的幀刪除即可。 4對(duì)所有的兩個(gè)關(guān)鍵幀間都添加傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。元件制作完成。 (8回到主場(chǎng)景, 將圖層1重命名為 “背景” , 加上鎖。 新建一個(gè) “草” 的圖層。 把庫(kù)

7、里的“葉子1”和“葉子2”拖入到場(chǎng)景中,進(jìn)行復(fù)制、變形等調(diào)整,大致 如下圖即可。鎖定圖層。 (9新建一個(gè)“掛星”圖層,將做的“掛星位移” 、 “掛星色調(diào)” 、 “掛 星傾斜”元件拖入場(chǎng)景中,調(diào)整好位置和大小。加鎖。 (10新建一個(gè)“星”圖層,將做的“星透明” 、 “星旋轉(zhuǎn)”和“星” 元件拖入,調(diào)整好大小位置。鎖定圖層。 (11新建“月”圖層,將“月亮”元件拖入,調(diào)整好大小位置。鎖定圖層。 (12新建“云”圖層,將“云”元件拖入,進(jìn)行復(fù)制、大小調(diào)整、A lpha 值 等的操作。鎖定圖層。 (13新建“大魚(yú)”圖層,將“魚(yú)”元件拖入,調(diào)整好大小,將位置放到舞臺(tái) 外的左邊。 將“云”圖層以下的所有圖層(包括“云”圖層都延續(xù)到 30幀。 選中“大魚(yú)”圖層的第 30幀,按F 6,再將魚(yú)的位置調(diào)到右邊舞臺(tái)外,并進(jìn)行 適當(dāng)縮小。 對(duì)“大魚(yú)”圖層兩個(gè)關(guān)鍵幀間添加傳統(tǒng)補(bǔ)間動(dòng)畫(huà)即可。(14新建一個(gè)“小魚(yú)”圖層,將“魚(yú)”元件拖入,進(jìn)行適當(dāng)縮小。再進(jìn)行水 平翻轉(zhuǎn)(修改變形水平翻轉(zhuǎn) 。同“大魚(yú)”制作方法一樣,做出小魚(yú)從 右游向左且越游越大的動(dòng)畫(huà)。鎖定圖層。（15）新建一個(gè)“小船”圖層，將小船元件拖入場(chǎng)景，調(diào)