鼠標(biāo)移過，花兒會(huì)自動(dòng)消失，現(xiàn)出隱藏的微笑著的姑娘，然后花兒再回來，時(shí)隱時(shí)現(xiàn)，欲現(xiàn)還羞。似乎是十年前看到的這個(gè)實(shí)例。一直很喜歡作者的創(chuàng)意，一個(gè)簡單的動(dòng)作做出很美的效果。今天，我們也來試試它的制作吧。涉及影片剪輯的使用及相應(yīng)腳本。

一、準(zhǔn)備素材

1、首先導(dǎo)入一張圖片作為背景。文件——導(dǎo)入——導(dǎo)入到舞臺(tái)。

2、導(dǎo)入的圖片處于選中狀態(tài)，打開對(duì)齊面板，在匹配大小中點(diǎn)匹配寬和高。使圖片符合舞臺(tái)大小。當(dāng)然，文檔大小最好與圖片同比例，以免更改后的圖片出現(xiàn)較大變形。可在修改——文檔——尺寸中更改。

3、將更改后的圖片與舞臺(tái)對(duì)齊。依然是對(duì)齊面板，對(duì)齊——水平中齊、垂直中齊。

4、繪制一朵花（在下方的經(jīng)驗(yàn)引用中有繪制方法），或者導(dǎo)入一朵透明背景的花（PNG圖片），右鍵，轉(zhuǎn)換為元件中的影片剪輯元件，取名花。（flash8.0及以下轉(zhuǎn)換為按鈕元件）

5、屬性面板，鎖定寬高，修改寬度為100，回車。將花朵元件同比例縮小。

二、制作影片剪輯動(dòng)畫。使花兒由大至小、由出現(xiàn)至消失，再反之出現(xiàn)。

更改好的花元件右鍵——轉(zhuǎn)換為元件——影片剪輯，取名轉(zhuǎn)動(dòng)的花。

雙擊該元件進(jìn)入編輯。我們看，第一幀里是花的元件。在20幀里，我們要讓它變?yōu)樽钚∏彝耆?。所以，在?0幀，右鍵——插入關(guān)鍵幀。

消失的狀態(tài)要保持一段時(shí)間，以便我們可以看到隱藏在下面的圖片。所以，在50幀再次添加關(guān)鍵幀。從此幀開始進(jìn)入出現(xiàn)的過程。

第65幀，添加最后的關(guān)鍵幀。

更改要消失的幀元件。就是20幀和50幀了。屬性面板，更改寬高為10，顏色——Alpha，設(shè)為0%。圖中的小圓就是更改后的元件。

為第1幀和50幀右鍵，創(chuàng)建補(bǔ)間動(dòng)畫。影片剪輯動(dòng)畫基本完成。

三、為剪輯加上腳本。

完成的剪輯會(huì)自動(dòng)循環(huán)著出現(xiàn)——消失、消失——出現(xiàn)的動(dòng)畫，可是我們需要的初始畫面是靜止的花兒。所以我們還要為這個(gè)剪輯第一幀加上停止命令。

單擊第一幀，動(dòng)作面板——時(shí)間軸控制——stop();，或者直接在右側(cè)輸入框中輸入“stop();”，注意在英文輸入狀態(tài)。

加了停止命令的動(dòng)畫會(huì)一直停止不動(dòng)。所以我們?yōu)樗砑拥诙€(gè)命令：第一幀單擊花元件，動(dòng)作面板——影片剪輯控制——on——rollOver（鼠標(biāo)移過時(shí)）——時(shí)間軸控制——gotoAndPlay(2);（進(jìn)入第二幀并播放）。

右側(cè)輸入欄最終腳本：on (rollOver){gotoAndPlay(2);}，直接在該欄輸入此語句亦可。

四，放花

回到場景１，新建一層，放置轉(zhuǎn)動(dòng)的花元件。按住ALT鍵復(fù)制兩個(gè)，Shift鍵單擊選中三朵花（或拖動(dòng)選擇框圈住三個(gè)），Alt鍵復(fù)制三個(gè)，再次復(fù)制成九個(gè)。

選中一列九個(gè)，復(fù)制第二列。如此直至舞臺(tái)鋪滿花朵。完成，測試一下吧。

最終效果。鼠標(biāo)從花上移過的情景。

以上就是flash腳本ROLL制作女孩在叢中笑的gif動(dòng)畫效果方法介紹，操作很簡單的，你學(xué)會(huì)了嗎？希望能對(duì)大家有所幫助！

最新評(píng)論