Flash 8 形狀補間動畫詳解及執行個體

形狀補間動畫是Flash中非常重要的表現手法之一，運用它，你可以變幻出各種奇妙的不可思議的變形效果。

　　本節從形狀補間動畫基本概念入手，帶你認識形狀補間動畫在時間幀上的表現，了解補間動畫的建立方法，學會應用“形狀提示”讓圖形的形變自然流暢，最後，提供了二個執行個體練手，幫助你更深地了解形狀補間動畫。1．形狀補間動畫的概念

　　[1b]（1）形狀補間動畫的概念[/1b]

　　在Flash的時間幀面闆上，在一個時間點（關鍵幀）繪制一個形狀，然後在另一個時間點（關鍵幀）更改該形狀或繪制另一個形狀，Flash 根據二者之間的幀的值或形狀來建立的動畫被稱為“形狀補間動畫”。

　　[1b]（2）構成形狀補間動畫的元素 [/1b]

　　形狀補間動畫可以實作兩個圖形之間顔色、形狀、大小、位置的互相變化，其變形的靈活性介于逐幀動畫和動作補間動畫二者之間，使用的元素多為用滑鼠或壓感筆繪制出的形狀，如果使用圖形元件、按鈕、文字，則必先“打散”再變形。

　　[1b]（3）形狀補間動畫在時間幀面闆上的表現 [/1b]

　　形狀補間動畫建好後，時間幀面闆的背景色變為淡綠色，在起始幀和結束幀之間有一個長長的箭頭，如圖3-3-1所示。

　　

[img]/uploads/allimg/080417/2014370.jpg[/img]

　　圖3-3-1 形狀補間動畫在時間幀面闆上的标記

　　[1b]（4）建立形狀補間動畫的方法 [/1b]

　　在時間軸面闆上動畫開始播放的地方建立或選擇一個關鍵幀并設定要開始變形的形狀，一般一幀中以一個對象為好，在動畫結束處建立或選擇一個關鍵幀并設定要變成的形狀，再單擊開始幀，在【屬性】面闆上單擊【補間】旁邊的小三角，在彈出的菜單中選擇【形狀】，此時，時間軸上的變化如圖3-3-1所示，一個形狀補間動畫就建立完畢。2．認識形狀補間動畫的屬性面闆

　　Flash的【屬性】面闆随滑鼠標明的對象不同而發生相應的變化。當我們建立了一個形狀補間動畫後，點選時間幀，【屬性】面闆如圖3-3-2所示。

　　

[img]/uploads/allimg/080417/2014371.jpg[/img]

　　圖3-3-2 形狀補間動畫【屬性】面闆

　　形狀補間動畫的【屬性】面闆上隻有二個參數：

　　[1b]（1）“簡單”選項 [/1b]

　　在“0”邊有個滑動拉杆按鈕

[img]/uploads/allimg/080417/2014372.jpg[/img]

，單擊後上下拉動滑杆或填入具體的數值，形狀補間動畫會随之發生相應的變化。在1到 -100 的負值之間，動畫運動的速度從慢到快，朝運動結束的方向加速度補間。 在1 到 100 的正值之間，動畫運動的速度從快到慢，朝運動結束的方向減慢補間。 預設情況下，補間幀之間的變化速率是不變的。

　　[1b]（2）“混合”選項 [/1b]

　　“混合”選項中有二項供選擇：“角形”選項：建立的動畫中間形狀會保留有明顯的角和直線，适合于具有銳化轉角和直線的混合形狀。 “分布式”選項：建立的動畫中間形狀比較平滑和不規則。

　　至此，“形狀補間動畫”的相關知識大家都已經有所了解，下面動手個執行個體，體會一下形狀補間動畫的奇妙。執行個體:慶祝國慶

　　[1b]執行個體簡介一 [/1b]

　　國慶的夜空絢麗多彩，朵朵禮花在天空中綻放，遠處傳來禮炮的轟鳴聲，讓我們來給這美麗的夜晚增加點喜慶，挂幾個大紅燈籠來慶祝祖國的生日吧。執行個體播放效果如圖 3-3-4所示。

　　

[img]/uploads/allimg/080417/2014373.jpg[/img]

　　圖3-3-4 慶祝國慶執行個體畫面

　　[1b]知識提要 [/1b]建立矢量圖形 建立形狀補間動畫 将文字轉變為形狀 用混色器設定顔色

　　[1b]制作步驟 [/1b]

　　1、 建立新文檔

　　執行【檔案】|【建立】指令，在彈出的面闆中選擇【正常】|【Flash文檔】

　　選項後，點選【确定】按鈕，建立一個影片文檔，在【屬性】面闆上設定檔案大小為400*330

　　象素，【背景色】為白色，如圖3-3-5所示。

　　

[img]/uploads/allimg/080417/2014374.jpg[/img]

　　圖3-3-5 文檔屬性

　　2、 建立背景圖層

　　執行【檔案】|【導入到場景】指令，将本執行個體中名為“節日夜空.jpg”圖檔導入到場景中，在第80幀處按下F5，加普通幀。如圖3-3-6所示。

本文轉自：http://www.5uflash.com/flashjiaocheng/Flashjichucaozuo/2896.html