形狀補間動畫是Flash中非常重要的表現手法之一,運用它,你可以變幻出各種奇妙的不可思議的變形效果。
本節從形狀補間動畫基本概念入手,帶你認識形狀補間動畫在時間幀上的表現,了解補間動畫的創建方法,學會應用“形狀提示”讓圖形的形變自然流暢,最后,提供了二個實例練手,幫助你更深地理解形狀補間動畫。1.形狀補間動畫的概念
[1b](1)形狀補間動畫的概念[/1b]
在Flash的時間幀面板上,在一個時間點(關鍵幀)繪制一個形狀,然后在另一個時間點(關鍵幀)更改該形狀或繪制另一個形狀,Flash 根據二者之間的幀的值或形狀來創建的動畫被稱為“形狀補間動畫”。
[1b](2)構成形狀補間動畫的元素 [/1b]
形狀補間動畫可以實現兩個圖形之間顏色、形狀、大小、位置的相互變化,其變形的靈活性介于逐幀動畫和動作補間動畫二者之間,使用的元素多為用鼠標或壓感筆繪制出的形狀,如果使用圖形元件、按鈕、文字,則必先“打散”再變形。
[1b](3)形狀補間動畫在時間幀面板上的表現 [/1b]
形狀補間動畫建好后,時間幀面板的背景色變為淡綠色,在起始幀和結束幀之間有一個長長的箭頭,如圖3-3-1所示。

圖3-3-1 形狀補間動畫在時間幀面板上的標記
[1b](4)創建形狀補間動畫的方法 [/1b]
在時間軸面板上動畫開始播放的地方創建或選擇一個關鍵幀并設置要開始變形的形狀,一般一幀中以一個對象為好,在動畫結束處創建或選擇一個關鍵幀并設置要變成的形狀,再單擊開始幀,在【屬性】面板上單擊【補間】旁邊的小三角,在彈出的菜單中選擇【形狀】,此時,時間軸上的變化如圖3-3-1所示,一個形狀補間動畫就創建完畢。2.認識形狀補間動畫的屬性面板
Flash的【屬性】面板隨鼠標選定的對象不同而發生相應的變化。當我們建立了一個形狀補間動畫后,點擊時間幀,【屬性】面板如圖3-3-2所示。

圖3-3-2 形狀補間動畫【屬性】面板
形狀補間動畫的【屬性】面板上只有二個參數:
[1b](1)“簡單”選項 [/1b]
在“0”邊有個滑動拉桿按鈕

,單擊后上下拉動滑桿或填入具體的數值,形狀補間動畫會隨之發生相應的變化。在1到 -100 的負值之間,動畫運動的速度從慢到快,朝運動結束的方向加速度補間。 在1 到 100 的正值之間,動畫運動的速度從快到慢,朝運動結束的方向減慢補間。 默認情況下,補間幀之間的變化速率是不變的。
[1b](2)“混合”選項 [/1b]
“混合”選項中有二項供選擇:“角形”選項:創建的動畫中間形狀會保留有明顯的角和直線,適合于具有銳化轉角和直線的混合形狀。 “分布式”選項:創建的動畫中間形狀比較平滑和不規則。
至此,“形狀補間動畫”的相關知識大家都已經有所了解,下面動手個實例,體會一下形狀補間動畫的奇妙。實例:慶祝國慶
[1b]實例簡介一 [/1b]
國慶的夜空絢麗多彩,朵朵禮花在天空中綻放,遠處傳來禮炮的轟鳴聲,讓我們來給這美麗的夜晚增加點喜慶,掛幾個大紅燈籠來慶祝祖國的生日吧。實例播放效果如圖 3-3-4所示。

圖3-3-4 慶祝國慶實例畫面
[1b]知識提要 [/1b]創建矢量圖形 創建形狀補間動畫 將文字轉變為形狀 用混色器設置顏色
[1b]制作步驟 [/1b]
1、 創建新文檔
執行【文件】|【新建】命令,在彈出的面板中選擇【常規】|【Flash文檔】
選項后,點擊【確定】按鈕,新建一個影片文檔,在【屬性】面板上設置文件大小為400*330
象素,【背景色】為白色,如圖3-3-5所示。

圖3-3-5 文檔屬性
2、 創建背景圖層
執行【文件】|【導入到場景】命令,將本實例中名為“節日夜空.jpg”圖片導入到場景中,在第80幀處按下F5,加普通幀。如圖3-3-6所示。
本文轉自:http://www.5uflash.com/flashjiaocheng/Flashjichucaozuo/2896.html
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
