flash怎么制作一段簡單的動(dòng)畫交互?

分類:Flash動(dòng)畫制作    發(fā)布時(shí)間:2018年09月26日    點(diǎn)擊:3994次

flash怎么制作一段簡單的動(dòng)畫交互:




flash怎么制作一段簡單的動(dòng)畫交互?flash中想制作一個(gè)交互動(dòng)畫,該怎么制作呢?下面我們就來看看flash制作動(dòng)畫效果的教程,需要的朋友可以參考下


既然flash是一款強(qiáng)大的動(dòng)畫編輯軟件,連PPT都能夠?qū)崿F(xiàn)的動(dòng)畫交互自然flash也可以了,而且更為靈活,因?yàn)樯婕暗酱a,我們先來制作簡單的交互式動(dòng)畫,了解原理后就可以熟練地運(yùn)用了


  1、首先在第一幀處我們選擇矩形工具畫一個(gè)矩形出來,邊框與填充色大家自由選擇

  


  2、然后在第50幀處,這里只是為了做出一個(gè)動(dòng)態(tài)的效果,所以大家還是可以自由選擇幀數(shù),插入空白關(guān)鍵幀

  


  3、然后選擇橢圓工具在右邊畫一個(gè)圓,沒什么限制,在中間任意一幀右擊創(chuàng)建補(bǔ)間形狀

  


  4、新建兩個(gè)空白圖層,然后對圖層進(jìn)行命名,有圖形的可命名為動(dòng)畫,因?yàn)樾枰粹o,所以一個(gè)命名為按鈕,還有一個(gè)就是代碼層,自己能分清就可以了

  


  5、下面我們來制作按鈕層,因?yàn)橹坝邪l(fā)過一個(gè)教程是教大家怎么制作按鈕的,座椅這里就套用了,而且flashCC中沒有公用庫了,需要自己制作按鈕,所以建議大家最好做一些備用。選中按鈕圖層的第一幀,將庫面板調(diào)出來,把按鈕拖出來

  


  6、另一個(gè)也拖到舞臺上來,調(diào)整一下位置,讓畫面更對稱一些

  


  7、然后系統(tǒng)會(huì)自動(dòng)補(bǔ)充剩下的幀數(shù),這樣按鈕圖層部分就做好了

  


  8、選擇代碼層,在編寫代碼之前還需要做一些準(zhǔn)備工作,就是給按鈕命名,點(diǎn)擊start按鈕,來到屬性面板,實(shí)例名稱改為start,之后編寫代碼會(huì)用到

  


  


  9、另一個(gè)也是同樣的操作,改為over,如果大家沒有按鈕或者嫌麻煩的話可以制作一個(gè)簡易的按鈕,畫一個(gè)圖形就可以了,主要是測試停止和播放

  


  10、然后我們找到動(dòng)作面板,flashCC的動(dòng)作面板十分簡潔,沒有之前的那么多按鈕作用,所以我們還是直接編寫代碼吧

  


  11、在這里小編先把停止的編碼寫上,然后簡單地分析下,讓大家更容易記住,還有一些符號的問題

  over.addEventListener(MouseEvent.CLICK,ting)

  function ting(e):void{

  this.stop();

  }

  over是我們剛剛命名的按鈕的名字,addEventListener是一個(gè)效果,后面mouseEvent是鼠標(biāo)事件,就是鼠標(biāo)點(diǎn)擊,CLICK是點(diǎn)擊的意思,然后附加上一個(gè)函數(shù),這個(gè)函數(shù)自己構(gòu)造,就是一個(gè)代表,中文也可以

  


  12、下面的function是運(yùn)轉(zhuǎn)的意思,空格輸入剛剛的函數(shù)加括號,里面隨便寫一個(gè)字母,冒號打void,是無效的意思,后面大括號,中間先打入this,就是指代這個(gè)上面那個(gè)行為,然后停止,最后一個(gè)符號是分號,停止也是同樣的,要改變的就是名稱,函數(shù)和是播放還是停止,播放是play

  


  13、代碼的編寫經(jīng)常會(huì)發(fā)生錯(cuò)誤,這時(shí)候就會(huì)彈出編寫有問題處的提示,然后進(jìn)行檢查修改,所以編寫的時(shí)候一定要注意符號空格和中英文以及單詞有沒有拼寫正確

  


  14、上面這個(gè)就是一個(gè)單詞多加了一個(gè)字母就無法執(zhí)行,所以編寫的時(shí)候可能會(huì)修改很多次,熟悉了就慢慢做的準(zhǔn)確了。

最近發(fā)表