flash基礎動畫製作

一、運動補間(傳統補間)

運動補間又稱之爲傳統補間是flash 中功能最常用的一種補間,它是所有補間動畫中的重點;這種補間最基本的幀結構是兩點一線。

1. 位移動畫:它是一切動畫的基礎;
2. 透明度動畫:選中指定的元件(這裏要注意flash 只能針對轉化爲元件的物體來做補間) 在屬性面板會看見alpha 屬性,通過調節它的值我們可以製作透明度動畫;

3.旋轉動畫:它是補間的屬性!
4.拉伸動畫:在flash 當中有一個工具可以進行任意角度的拉伸和旋轉,這個工具就是任意變形工具快捷鍵Q;我們通過關鍵幀的配合,再經過Q 拉伸可以製作拉伸動畫;

實例 知識說明:在舞臺上繪製任意形狀,F8轉化成元件以後,經過20 幀左右時間,按快捷鍵F6 插入關鍵幀,再按Q 進行一些拉伸或選裝,右擊中間任何一幀創建傳統補間。觀看動畫效果!

5.亮度動畫,再轉化成元件以後會激活對象的亮度屬性(位於屬性面板);
6.色調動畫,俗稱變色動畫;在一些物體顏色的改變上我們經常需要用到做變色動畫,那麼這種變色動畫就可以通過flash 中的補間來完成;

二、形狀補間

下面我們來接觸一下flash 中的第二種補間動畫;這種補間在flash 最早的版本中就已經存在,它的作用和目的非常明確;------實現一些運動補間不能實現的動畫

例如變形動畫那麼運動補間雖然強大,但是卻唯獨不能實現變形動畫,例如一個圓變成一個矩形的動畫;這時候flash 爲了彌補這一空缺專門的設立了一種補間叫做形狀補間;下面我們通過一個案例來體驗一下形狀補間的功效;

1. 我們在舞臺上繪製一個任意顏色的-------圓!
2.經過20 幀左右時間F7 插入一個空白關鍵幀;繪製一個矩形我們來實現一個由圓變成方形的動畫;

3. 那麼這個時候千萬注意我們沒有對任何形狀轉化成元件;我們單擊中間任意一幀右擊創建形狀補間這個動畫雖然簡單但是它詮釋了形狀補間動畫的最基礎的原理;在這個原理之上我們可以製作出任何形狀變化上的動畫效果;總結:形狀補間的製作要求和規範----形狀補間要求被補間的對象必須是最基礎的形狀或繪製對象這兩種類型,可以認爲就是最基本的形狀絕對不能夠轉化成元件;形狀補間的動畫是系統隨機產生的對於很複雜的形狀之間的轉換到底會產生什麼樣的動畫是不可預測的;

三、引導層動畫

1.1 爲什麼會有引導層動畫,它是用來幹嘛的。我們學習了以上兩種類型的補間並且對它們所有能做的事情都做了介紹,這種情況下我們已經能製作大部分的動畫效果了;但是有的時候我們需要做一個運動很不規則的動畫,例如螢火蟲飛行的軌跡不可能是直線的;很可能是無規律的曲線;那麼這種曲線運動我們該如何來做呢,很簡單----引導成動畫;

我們簡單的來通過一個效果演示一下;

1. 我們在舞臺上用鉛筆隨便畫一條彎彎曲曲的路徑線條,想象一下這個線條將來會是某個物體運動的軌跡;注意線條不要太複雜;(切記一定要是一整條路徑)

2. 我們新建一個圖層來畫一個簡單的圓形;那麼它將來要發生運動,所以不能跟我們之前所畫的線在一個圖層上;

3.我們來調節一下兩個圖層的上下關係,將線條所在的圖層至於上層;因爲它將來會作爲引導層所以必須至於頂層;
4.我們來給小球所在的圖層做一個動畫!--------最常用的運動補間動畫;選中小球將其轉化元件;並且擺放一下他的位置放在線條的一端;
5.經過30 或40 幀的時間我們插入關鍵幀將小球位置移動到另一端;這時候創建補間,看一下小球的運動效果是怎樣的;我們想象的它可能演曲線運動,但實際上它並沒有;

6.那爲什麼會產生這樣的效果呢,原因很簡單我們並沒有對這個兩個圖層建立任何的關係;第一個圖層只是線條它不具備引導功能;
7.那麼我們選中第一個圖層並且右擊然後選擇引導層將其轉化;

8.這時候圖層的圖標會發生變化,編程一個斧頭狀態;我們選中小球所在的圖層將它拖動到斧頭柄的位置鬆開,將它們連在一起;

9.這時候圖標又會發生變化;如果變成如下圖效果證明關聯建立成功;

10.ctrl+enter 導出預覽動畫我們發現小球不再是直線運動了;

總結:這就是引導成動畫製作的基本原則; 首先引導層動畫是爲了專門製作曲線運動而產生
的一種動畫形式;其次引導層動畫必須最少由兩個圖層構成,即引導線層和運動對象所在的圖層;

然後將其關聯; 製作的時候要注意,運動的物體應該吸住引導線的兩端;也就是說我們在設置兩
個關鍵幀狀態的時候應該吸附住線條兩端;

四、遮罩層動畫

在講解遮罩動畫之前我們現在不考慮動畫,來考慮一種類似於平面方面的效果;

1. 新建flash 文檔我們導入一張圖片進去;

2. 這張圖片默認是顯示全部內容,是個矩形的範圍; 如果我希望只顯示其中的一個圓形區域該怎麼辦呢?那麼這個功能類似於ps 中的蒙版;在flash 裏我們稱它爲遮罩;

3. 比如說我只想看到它圓形區域內的地方;我們新建一個圖層起名爲遮罩層(可自定義),繪製一個圓形;

4. 我現在希望這個圖片是透過這個圓來看的,就好比有一道牆把所有的圖片都遮住了,我們只能透過牆上這個圓形的窟窿來看後面的圖片;
5. 我們選中圓形所在的圖層右擊將其轉化爲遮罩層;

6. 這時候你會發現圖標發生了變化而且舞臺上的形狀變成了這樣一個效果;

7. 圓外部的輪廓都被遮住了只能看見圓內部的圖像;這種效果就叫做遮罩;但是flash 是一款動畫軟件,如果只能做靜態的圖像就沒意義了;我們希望它能動起來;
8. 好那麼我們想一下怎麼讓它動起來呢----答案很簡單我們可以給圓所在的圖層做一個動畫;
9. 選中這個圖層解鎖;然後我們在50 幀左右F6 將圓放大,創建補間;再將圖層鎖住,遮罩動畫只有鎖定圖層後才能預覽效果!
10. ctrl+enter 導出觀察效果;
總結:遮罩動畫是很重要的一種動畫形式,應用之處層出不窮;需要重點理解和掌握; 它同樣需要最基礎的兩個圖層完成;上面的圖層我們誠摯爲遮罩層,下面的我們稱之爲被遮罩層;

發佈了37 篇原創文章 · 獲贊 4 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章