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

一、準(zhǔn)備素材
1、首先導(dǎo)入一張圖片作為背景。文件——導(dǎo)入——導(dǎo)入到舞臺。

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

3、將更改后的圖片與舞臺對齊。依然是對齊面板,對齊——水平中齊、垂直中齊。

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

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

二、制作影片剪輯動畫。使花兒由大至小、由出現(xiàn)至消失,再反之出現(xiàn)。
更改好的花元件右鍵——轉(zhuǎn)換為元件——影片剪輯,取名轉(zhuǎn)動的花。

雙擊該元件進(jìn)入編輯。我們看,第一幀里是花的元件。在20幀里,我們要讓它變?yōu)樽钚∏彝耆АK?,在?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ǔ)間動畫。影片剪輯動畫基本完成。

三、為剪輯加上腳本。
完成的剪輯會自動循環(huán)著出現(xiàn)——消失、消失——出現(xiàn)的動畫,可是我們需要的初始畫面是靜止的花兒。所以我們還要為這個(gè)剪輯第一幀加上停止命令。
單擊第一幀,動作面板——時(shí)間軸控制——stop();,或者直接在右側(cè)輸入框中輸入“stop();”,注意在英文輸入狀態(tài)。

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

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

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

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

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

以上就是flash腳本ROLL制作女孩在叢中笑的gif動畫效果方法介紹,操作很簡單的,你學(xué)會了嗎?希望能對大家有所幫助!
相關(guān)文章

flash如何做雨滴下落的動畫效果? Flash8做一個(gè)下雨效果的技巧
flash如何做雨滴下落的動畫效果?想要做一個(gè)逼真的雨滴落下的效果,該怎么做雨滴落下水花擴(kuò)散的效果呢?下面我們就來看看Flash8做一個(gè)下雨效果的技巧2022-08-18
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做?經(jīng)常使用flash制作動畫效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細(xì)請看下文介紹2022-07-23
flash怎么把形狀變成文字? flash星星變文字動畫的實(shí)現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動畫的實(shí)現(xiàn)方法,詳細(xì)請看下文介紹2022-06-06
flash怎么制作補(bǔ)間動畫? flash變形動畫的實(shí)現(xiàn)方法
flash怎么制作補(bǔ)間動畫?flash中想要制作形狀變化的動畫效果,該怎么制作補(bǔ)間動畫呢?下面我們就來就來看看flash變形動畫的實(shí)現(xiàn)方法2022-02-06
FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動畫熊愛國,該怎么制作這個(gè)效果呢?下面我們就來看看flash制作風(fēng)吹荷花動畫的技巧2022-02-06
flash怎么制作荷花在荷花池里搖擺的動畫? FLASH做擺動荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動畫??flash中想要制作荷花搖擺的動畫,該怎么制作荷花搖曳的動畫呢?下面我們就來看看FLASH做擺動荷花的技巧2022-02-06
flash怎么做徑向彩虹文字動畫? 文字添加彩虹動畫效果的技巧
flash怎么做徑向彩虹文字動畫?flash椎間盤買個(gè)輸入的文字,想要添加動畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動畫效果的技巧,詳細(xì)請2021-11-09
flash怎么做眨眼動畫效果? flash動漫人物眨眼動畫的做法
flash怎么做眨眼動畫效果?flash中想要制作一個(gè)動漫人物的眼睛眨眼動畫,該怎么制作呢?下面我們就來看看flash動漫人物眨眼動畫的做法2021-11-08
flash怎么制作火焰文字效果? flash做火焰字體動畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個(gè)熊熊燃燒的活顏文字,該怎么制作這個(gè)文字效果呢?下面我們就來看看flash做火焰字體動畫的技巧2021-11-01
flash怎么做文字動畫logo? 閃動的片頭動畫flash的實(shí)現(xiàn)方法
flash怎么做文字動畫logo?flash中想要制作一個(gè)文字logo的動畫,讓文字閃爍,該怎么制作這個(gè)效果呢?下面我們就來看看flash制作文字動畫的技巧2021-10-29











