形狀補間製作搖曳的燭光動畫

2021-08-25 03:26:20 字數 2384 閱讀 6971

本例講解用flash的形狀補間打造搖曳的燭光效果,教程通過例項詳細說明了形狀補間的運用。對本文感興趣的朋友快提交作業吧~~

形狀補間動畫關鍵幀上元素的要求:一是必須是向量圖,二是必須是形狀狀態。選中關鍵幀上的物體時顯麻點狀態,在屬面板裡顯示"形狀"。

如果使用圖形元件、按鈕、文字、物件繪製等,則必先"打散"再變形。形狀補間動畫可以實現兩個圖形之間顏色、形狀、大小、位置的相互變化。下面通過製作搖曳的燭光進行形狀補間動畫的練習。先看效果演示:

新建文件,背景色黑色,其他預設。

[1b]一、製作光圈元件[/1b]

1、點插入—新建元件,影片剪輯,名"光圈"。

2、筆觸色禁止,填充色放射狀,三個色標:左ffff00 alpha100%,中ffff6e alpha77%,右ffffcc alpha0%,用橢圓工具畫個圓,全居中。

3、第15、第30幀加上關鍵幀,點中第15幀,再點修改—變形—縮放和旋轉,縮放150。

4、在圖層一上點一下,這樣整個圖層都被選中了(時間軸為黑色了),再在屬性面板裡"補間",選擇"形狀"。

釋放下滑鼠,時間幀面板的背景色變為淡綠色,在起始幀和結束幀之間有乙個長長的實線箭頭,表示形狀補間動畫建立好了。

[1b]二、蠟燭元件製作[/1b]

新建元件,影片剪輯,名"蠟燭" 。

1、第1層,畫燭身。禁止填充色, 筆觸色cf8453,點橢圓工具,在屬性面板裡設定實線,大小2。

畫乙個橢圓,選中圓按住alt或者 ctrl拖出兩個擺放好,再用直線畫上兩條線。

刪掉多餘的線條。

放射狀填充: f5b778、 f29437、 d74d1f、 923107。色標的擺放如圖,用顏色桶填充後,再用填充變形工具調整顏色的位置。

放射狀填充:f29c48、f4c402、f2912f、f29437、d74d1f、923107。填充後,再用填充變形工具如果調整顏色的位置。

線性填充:d74d1f、f29437、d14b26。

刪除多餘的線條,用筆刷工具,顏色8c4f26,刷燭芯。

延長到30幀,圖層上鎖。

2、新建圖層

畫火苗。筆觸色禁止,填充色線性:左ffff99 alpha100%,右ffff1b alpha30%,畫橢圓,整調形狀。第30幀插入關鍵幀,建立形狀補間動畫。第5幀插入關鍵幀,用選擇工具(黑箭頭工具)調整形狀,注意不能調整太過,以免變形不規則,第9幀插入關鍵幀,繼續調整。以此類推,第 13,17,22,26幀都插入關鍵幀做調整,可以根據自己的感覺去調整,覺得怎麼自然就怎麼去調,可以只做火苗伸長和壓縮,做成上下竄動,也可以再加上左右擺動。

3、新建圖層

點第1幀,從庫中把光圈拖入擺放好,用變形工具適當壓扁,在屬性面板裡」顏色」裡alpha設定為50%。

現在回到場景中,從庫里把蠟燭元件拖到場景中,擺放好, ctrl+enter 測試,另存為*.fla,匯出影片*.swf。

[1b]有興趣的進一步做擴充套件練習[/1b]

簡單提示下:新建乙個影片剪輯元件,用上面做好的蠟燭元件做心形運動。再新建乙個影片剪輯元件,把上面心形運動的元件拖入場景中,增加圖層2寫**:

第1幀上:

var i = 0;

第2幀上:

if (i 

第3幀上:

gotoandplay(2);

形狀補間製作搖曳的燭光動畫

本例講解用flash的形狀補間打造搖曳的燭光效果,教程通過例項詳細說明了形狀補間的運用。對本文感興趣的朋友快提交作業吧 形狀補間動畫關鍵幀上元素的要求 一是必須是向量圖,二是必須是形狀狀態。選中關鍵幀上的物體時顯麻點狀態,在屬面板裡顯示 形狀 如果使用圖形元件 按鈕 文字 物件繪製等,則必先 打散 ...

Flash動畫學習指南十二 形狀補間

本帖最後由 skyplan 於 2011 3 2 10 15 編輯 一次補間乙個形狀通常會產生最佳效果。如果您在同一時間補間多個形狀,並希望他們能夠變形在一起,所有的形狀必須在同一層。否則,對於一些特效,您需要分別在每個單獨的層上對每個形狀作形狀補間 如果您不希望它們互相影響 在圖62中,每個矩形 ...

補間動畫的實現

public class mainactivity extends activity 1.利用xml實現漸變的補間動畫 private void initalpha 1.用 實現漸變的補間動畫 private void codealpha 2.用xml實現縮放 private void scalea...