FLASH補間動畫學習筆記

  FLASH補間動畫學習筆記

吉祥如意988編輯

所謂補間動畫,是指做好起點關鍵幀和終點關鍵幀的圖像,Flash就會自動補上中間的動畫過程。要構成補間動畫同一個圖層上要有兩個不同位置的關鍵幀,Flash可以創建兩種不同類型的動畫,補間動畫和補間形狀動畫。

一、製作補間動畫的基本方法

定義補間動畫:在一個關鍵幀上放置一個對象,然後在另一個關鍵幀改變這個對象的大小、位置、顏色、透明度、旋轉、傾斜、濾鏡參數等。定義好補間動畫後,Flash自動補上動畫過程。

專家提示:

構成補間動畫的對象包括元件(影片剪輯元件、圖形元件、按鈕元件)、文字、位圖和組,但不能是形狀,只有把形狀組合成「組」對象,或者轉換成「元件」以後,才可以製作「補間動畫」。

位置屬性變化補間動畫實例:飛機飛行

1、創建文檔→設置舞台背景色為藍色(其餘默認)

2、選擇文本工具→在舞台右上角單擊→打開屬性面板進行相應設置(字符系列選擇Webdings)→然後按字母【J】鍵→舞台右上角出現飛機符號。

3、在第35幀插入關鍵幀→選擇【選擇工具】→將飛機從右上角拖動到左下角→右鍵選擇第1-35幀區間→創建傳統補間。

4、按【Ctrl+Enter】組合鍵,進行測試。可以看到飛機從舞台右上角飛行到左下角的動畫效果。

二、補間動畫的參數設置

定義了補間動畫以後,在屬性面板中可以進一步設置相應的參數,以使得動畫效果更豐富。

1、縮放選項:

在製作動畫時,如果在終點關鍵幀上更改了動畫中對象的大小,那麼這個縮放選項勾選與否就影響縮放的效果。勾選就能補出來,不勾選就補不出來(註:低版本有此選項,高版本在變形工具面板直接縮放寬度和高度即可)。

2、緩動選項:

緩動用來設置對象移動時速度的變化,點擊關鍵幀區間任意幀,打開屬性面板【Ctrl+F3】在補間▼下的緩動選項裡可以設置相應緩動值,補間動畫效果會因相應設置而做出相應的變化。

(1)0:表示勻速,默認情況下緩動參數值為0,補間幀之間的變化速率是不變的。

(2)1-100:表示勻減速(編輯緩動界面呈上弧線),在1-100的正值之間,動畫運動的速度由快到慢,向運動結束的方向減速補間。

(3)-1-100:表示勻加速(編輯緩動界面呈下弧線),在-1到-100的負值之間,動畫運動的速度由慢到快,向運動結束的方向加速補間。

編輯按鈕:單擊此按鈕可以打開自定義緩入緩出對話框,利用此功能可以製作出更加豐富的動畫效果。

註:緩動既不是勻速、也不是勻減速、還不是勻加速的設置:

在關鍵幀之間點擊滑鼠,打開屬性面板,點擊【編輯緩動】呈現出一條由左下角到右上角的直線,滑鼠在直線上點擊加點(加幾個點按需),然後拖動「點」,可設置緩動。

(4)混合選項:這個選項下拉列表中有「分布式」和「角形」兩個選項:

①分布式:創建的動畫中間形狀分為平滑和不規則。

②角形:創建的動畫中間形狀可以保留有明顯的角和直線。

專家提示:

「角形」只適合於具有銳化轉角和直線的混合形狀。如果選擇的形狀沒有角,Flash會還原到分布式補間形狀。

3、旋轉選項:有四個選項

⑴無:禁止元件旋轉。

⑵自動:可使元件在最小動作方向上旋轉對象一次。

⑶順時針:在後面輸入數字,可以使元件在運動時旋轉的圈數

⑷逆時針:同順時針。

三、補間動畫應用分析

專家提示

補間動畫可以將動畫對象的各種屬性的變化效果補出來,這些屬性包括:位置、大小、顏色、透明度、旋轉、傾斜、濾鏡參數等。但是,這並不是說針對任何一種的動畫對象都是這樣。

比如:對於「組」對象,在對於它們的補間動畫時,只能將它的位置、大小、旋轉、傾斜等屬性的變化效果補出來。

由於「組」的對象沒有透明度屬性,所以就不能製作「組」對象的透明度補間動畫。如果要製作透明度補間效果動畫,就必須使用與元件。

其他屬性變化的補間動畫探討:

1、縮放動畫效果

(1)新建文檔→對舞台進行相應設置→確定。

(2)選擇【文本工具】→在屬性面板中進行相應設置→在舞台上單擊→輸入文字。

(3)執行【修改】→轉換為元件【F8】為圖形→確定。

(4)選擇第30幀→【F6】插入關鍵幀。

(5)執行【窗口】→打開變形面板【Ctrl+T】→點擊鏈接約束→在寬度框中輸入200%(放大)→回車。

(6)選擇第1-30幀區間任意幀→創建傳統補間。

(7)按Ctrl+回車,測試效果。

2、顏色變化效果

(8)選擇30幀→使用【選擇工具】選中舞台中的實例→打開屬性面板【Ctrl+F3】→點開色彩效果▼選項→然後點開樣式▼選項→選擇色調選項→設置顏色為紅色(任選)→再點開樣式▼選項→設置Alpha值為100%。

(9)按Ctrl+回車,測試效果。可以看到文字從小逐漸變大,並且顏色從黑色逐漸過渡到紅色的效果。

3、旋轉動畫效果

(10)選擇第一幀→打開屬性面板【Ctrl+F3】→在旋轉▼中選擇順時針選項→在數量選項欄輸入旋轉屬值2(數值自定)。

(11)按回車鍵觀看效果,可以看到動畫旋轉兩圈的效果。

4、淡入淡出效果

(1)新建文檔→對舞台進行相應設置→確定。

(2)選擇文本工具→在舞台上創建一個文本對象(輸入文字)。

(3)執行【修改】→轉換為元件【F8】為圖形。→確定。

(4)選擇第20幀→按【F6】插入關鍵幀。

(5)選擇第1幀→用【選擇工具】選中圖形元件實例→打開屬性面板【Ctrl+F3】→點開色彩效果▼選項→然後點開樣式▼選項→選擇Alpha選項→設置數值為2%。

(6)右鍵點擊第1-20關鍵幀區間任意幀→創建傳統補間。

(7)按回車鍵觀看效果,可以看到文字淡入的效果。

(8)右鍵點擊第1幀→在彈出的菜單中選擇復制幀→右鍵點擊第40幀→在彈出的菜單中選擇黏貼幀→選擇第20-40關鍵幀區間任意幀→創建傳統補間。

(9)按回車鍵觀看效果,可以看到淡入淡出的動畫效果。

5、逐漸模糊的動畫效果

(1)新建文檔→對舞台進行相應設置→確定。

(2)選擇文本工具→在舞台上創建一個文本對象(輸入文字)。

(3)執行【修改】→轉換為元件【F8】為影片剪輯。→確定。

(4)選擇第30幀→按【F6】插入關鍵幀。

(5)選擇第1幀→用【選擇工具】選中舞台元件實例→打開屬性面板【Ctrl+F3】→打開濾鏡面板▼→點擊【添加濾鏡】按鈕→在彈出的菜單中選擇【模糊】→設置X、Y軸模糊參數(這裡設置為2)→設置品質選項(低、中、高)。

(6)選擇第30幀→【選擇工具】選中舞台元件實例→同樣添加模糊濾鏡→設置參數(這裡設置為10)和品質。

(7)右鍵選擇第1-30關鍵幀區間任意幀→創建傳統補間。

(8)按回車鍵觀看效果,可以看到文字逐漸模糊的動畫效果。