flash怎么制作翻牌動畫效果? flash數(shù)字翻牌動畫的制作方法

想要使用flash制作一個動畫版的翻頁倒計時,該怎么制作這個翻牌效果的動畫呢?下面我們就來看看詳細(xì)的教程。
一、元件準(zhǔn)備
1、因此篇稍有難度,不建議完全沒經(jīng)驗(yàn)的朋友學(xué)習(xí),為加快速度有些圖就省略了。首先 打開Flash cs6,新建Actionscript3.0文件(注意不是actionscript3.0類文件)。
2、選擇矩形工具,設(shè)置顏色為灰黑色,設(shè)置其圓角為8,然后在場景中繪制一個適當(dāng)大小的長方形。如圖所示:
3、選擇文字工具,在文字屬性里選擇一種較粗的字體,并設(shè)置文字顏色為白色,然后在剛繪制的灰黑色方塊上方輸入數(shù)字“0”。通過改變字號和使用變形工具調(diào)整好數(shù)字大小,效果如圖:
4、選擇第一幀,然后連續(xù)按下F6鍵,在第1幀后插入9個關(guān)鍵幀,然后分別將第1幀至第10幀上的數(shù)字改為9-0,并調(diào)整各個數(shù)字與背景的居中
注意:此處為什么不是0-9,主要是因?yàn)樽龅氖堑褂嫊r,牌子要從9翻到0。
5、點(diǎn)擊編輯多個幀按鈕,然后在時間軸上調(diào)整編輯多幀按鈕句柄,使其包含所有幀,具體如圖:
6、在時間軸上選擇所有幀,選擇對齊工具,使所有圖形垂直居中對齊,然后按ctrl+B操作,將所有圖形全部打散,然后選擇直線工具,設(shè)置直線顏色為紅色,在場景中畫一條水平直線,并使水平直線垂直居中對齊。從視圖中打開標(biāo)尺工具,在Y方向拖一條參考線,使之與紅線重合,然后將紅線刪除。
7、選擇參考線一上部分按向上箭頭向上移動三下,然后選擇下半部分向下移動三下,此時形成如下圖形:
8、關(guān)閉編輯多幀按鈕,選擇第一幀上半部分按F8鍵將其轉(zhuǎn)為影片剪輯,起元件名為9s(9的上半部分),然后將下半部分選擇按F8鍵轉(zhuǎn)為影片剪輯,起元件名為9x (9的下半部分),使用同樣的方法將后面9個幀的上半部分和下半部分分別轉(zhuǎn)為影片剪輯并起便于識別的元件名。具體如圖:(可以看到在庫里已經(jīng)產(chǎn)生了20個元件,分別是10個數(shù)字的上半部分和下半部分)本節(jié)就介紹到這里,下節(jié)將都大家如何制作翻牌效果。
二、翻牌動畫
接著第一步,第二步我們將9-0做數(shù)字翻牌效果,然后做好編程前的相關(guān)準(zhǔn)備。 下圖是將要實(shí)現(xiàn)的效果。
相關(guān)文章
- Flash CS5測試時怎么停止循環(huán)動畫?Flash CS5制作的動畫測試的時候,發(fā)現(xiàn)動畫總是循環(huán)播放,該怎么辦呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-12-20
Flash怎么實(shí)現(xiàn)鍵盤輸入的字符從舞臺頂端不斷墜落到底端的動畫?
Flash怎么實(shí)現(xiàn)鍵盤輸入的字符從舞臺頂端不斷墜落到底端的動畫?flash中從鍵盤輸入的字符想要從舞臺頂端顯示,然后慢慢下降到底部,該怎么制作這個效果呢?下面我們就來看看2017-12-18Flash cs6怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊舞臺出現(xiàn)星星的動畫效果?
Flash cs6怎么實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊舞臺出現(xiàn)星星的動畫效果?想要實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊舞臺以后,舞臺出現(xiàn)星星的效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-12-17- flash怎么制作梅花逐漸綻放的動畫?冬天到了,又到了梅花盛開的時節(jié),想要繪制一株梅花逐漸開放的動圖,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-12-11
Flash怎么將動畫復(fù)制為ActionScript3.0并使用?
Flash怎么將動畫復(fù)制為ActionScript3.0并使用?Flash中制作的動畫想要直接粘貼到另一個對象中,我們可以使用復(fù)制腳本代碼的方式復(fù)制動畫,下面我們就來看看詳細(xì)的教程,需2017-12-08Flash怎么實(shí)現(xiàn)按鈕控制太陽升起的動畫效果?
Flash怎么實(shí)現(xiàn)按鈕控制太陽升起的動畫效果?flash中想要制作一個按鈕可以控制太陽升起的效果,該怎么制作這個動畫呢?下面我們就來看看Flash中顯示對象沿弧線運(yùn)動的角度的2017-12-06- Flash怎么制作鼠標(biāo)單擊物體消失的動畫效果?Flash中想要實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊舞臺上的物體后,物體慢慢消失的動畫,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考2017-12-04
flash制作小松鼠奔跑的傳統(tǒng)補(bǔ)間動畫教程
最近,很多網(wǎng)友問小編flash怎么制作傳統(tǒng)補(bǔ)間動畫?今天腳本之家小編就給大家?guī)韋lash制作小松鼠奔跑的傳統(tǒng)補(bǔ)間動畫教程,希望對大家有所幫助2017-12-01flash怎么制作毛筆寫字動畫?flash制作毛筆按筆畫寫字動畫效果教程
flash可以制作出很多好玩的動畫,那么你知道flash怎么制作毛筆寫字動畫嗎?今天腳本之家小編就給大家?guī)韋lash制作毛筆按筆畫寫字動畫效果教程,希望大家喜歡2017-12-01flash怎么制作環(huán)形運(yùn)動的文字動畫?
flash怎么制作環(huán)形運(yùn)動的文字動畫?flash中制作動畫效果很簡單,想要制作一個文字環(huán)形旋轉(zhuǎn)的動畫效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-12-01