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

想要使用flash制作一個(gè)動(dòng)畫版的翻頁(yè)倒計(jì)時(shí),該怎么制作這個(gè)翻牌效果的動(dòng)畫呢?下面我們就來(lái)看看詳細(xì)的教程。

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