Webjx核心提示:進(jìn)入Flash cs4后可能需要我們對動(dòng)畫有一個(gè)全新的認(rèn)識,從本文開始我們將和朋友們一起了解學(xué)習(xí)Flash cs4的新特性. |
進(jìn)入Flash cs4后可能需要我們對動(dòng)畫有一個(gè)全新的認(rèn)識,從本文開始我們將和朋友們一起了解學(xué)習(xí)Flash cs4的新特性。
Flash cs4新特性之全新的動(dòng)畫理念(1)
進(jìn)入Flash cs4后可能需要我對動(dòng)畫有一個(gè)全新的認(rèn)識,我們都清楚,要實(shí)現(xiàn)動(dòng)畫一定要有關(guān)鍵幀,在關(guān)鍵幀中對象或?qū)ο蟮膶傩园l(fā)生變化就形成了動(dòng)畫效果。對于關(guān)鍵幀,在FLcs4中應(yīng)該有不同的認(rèn)識。正如上面所說,實(shí)現(xiàn)動(dòng)畫需在關(guān)鍵幀中改變對象或?qū)ο蟮膶傩?。在新版本中就是兩個(gè)概念了,改變對象,比如在關(guān)鍵幀中出現(xiàn)新的對象,這種關(guān)鍵幀就叫關(guān)鍵幀,如同以前版本一樣。在關(guān)鍵幀中改變對象的屬性,比如位置的變化等,這種關(guān)鍵幀叫屬性關(guān)鍵幀。屬性關(guān)鍵幀是 cs4 新出現(xiàn)的概念。
動(dòng)畫除了關(guān)鍵幀外,還可能用到一個(gè)叫補(bǔ)間的東西,我說我對補(bǔ)間很熟悉,“我驕傲”。但在新版本中,對補(bǔ)間也有不同的認(rèn)識,我們在時(shí)間軸上點(diǎn)擊右鍵,從菜單中可以看到已經(jīng)不再象從前那樣,只有創(chuàng)建補(bǔ)間動(dòng)畫和創(chuàng)建補(bǔ)間形狀兩項(xiàng),而是增加了創(chuàng)建傳統(tǒng)補(bǔ)間一項(xiàng),這一點(diǎn)就可以說明已經(jīng)不同了。
好吧,下面來做一個(gè)補(bǔ)間動(dòng)畫,通過實(shí)例來熟悉這些技術(shù)是最好的方法。
打開你新安裝的Flash cs4,在屏幕上畫一個(gè)小球,我們的動(dòng)畫是讓小球在屏幕上移動(dòng)一定的距離。
接下來,創(chuàng)建補(bǔ)間動(dòng)畫,注意這與以前的版本不太一樣。
首先在第50幀插入幀,然后在1到50幀間任一幀上右擊,這時(shí)會(huì)彈出下面的對話框:
好吧,我確定吧,這樣小球被轉(zhuǎn)換為元件了,此時(shí)補(bǔ)間就創(chuàng)好了。下面點(diǎn)擊第25幀,然后將小球移到舞臺的中間,這時(shí)你一定會(huì)有兩個(gè)發(fā)現(xiàn),一是在第25幀上已自動(dòng)插入關(guān)鍵幀,這個(gè)關(guān)鍵幀就是屬性關(guān)鍵幀,它是小球?qū)ο蟮膞屬性發(fā)生了改變。第二個(gè)發(fā)現(xiàn)是舞臺上在第1幀小球的位置和第50幀小球的位置間有了一條路徑線,我們等一下再來玩這條線。接下在第50幀點(diǎn)一下,將小球移到舞臺的右邊,這將會(huì)發(fā)生與在第25幀時(shí)相同的事情。那為什么不直接做第50幀上的事情呢?第25幀上做的事情不是多此一舉嗎?是的,的確如此,這次我為你驕傲。我在第25 幀做一下,不是為了能讓你更好地理解新的補(bǔ)間創(chuàng)建方式嗎?“我驕傲”
下面將播入頭移到第1幀,回車,小球從左邊稱到了右邊,補(bǔ)間動(dòng)畫做成了。始終還是看到舞臺上有那一根線,線上還有一些點(diǎn),有興趣的話你可以數(shù)一下有多少個(gè)點(diǎn),我不想數(shù),因?yàn)槲抑浪还灿?0個(gè)點(diǎn),原因很簡單,因?yàn)橐粋€(gè)點(diǎn)代表一幀??傁霐[弄擺弄它,試試看,用選擇工具,將線條拉成弧形,然后將播放點(diǎn)移到第1幀,回車,小球居然是沿著線條運(yùn)動(dòng)的,有點(diǎn)意思了,這不就是引導(dǎo)線了么?雙擊試試,鼠標(biāo)變成移動(dòng)圖形,那就移吧,點(diǎn)中它,拖動(dòng),咦,整個(gè)路徑和對象都移動(dòng)到了另一個(gè)位置,方便。再用部分選取工具玩玩,它和調(diào)節(jié)其它線條一樣。
現(xiàn)在把路徑調(diào)整成下面的形狀:
觀察一下這條路徑,在第25幀前幀排得較密,即小球每幀移動(dòng)的距離較短。第25幀后幀排得較稀。這實(shí)際就形成了緩動(dòng)的效果?;剀囋囋嚕∏虺霈F(xiàn)由慢到快地運(yùn)動(dòng)。但有問題了,并不在任何情況下都需要緩動(dòng)的,我只想讓小球按這個(gè)路徑運(yùn)動(dòng),并不想要緩動(dòng)效果。事實(shí)上也不主張用這種方式來產(chǎn)生緩動(dòng)效果,緩動(dòng)可以在動(dòng)畫編輯器中設(shè)置。那么這里該怎么辦呢?請?jiān)诼窂缴宵c(diǎn)右鍵,在彈出菜單中的“運(yùn)動(dòng)路徑”子菜單中點(diǎn)擊“將關(guān)鍵幀轉(zhuǎn)換為浮動(dòng)”:
現(xiàn)在再看看路徑已變成這樣了,所有幀在整個(gè)路徑中均勻分布:
再回車,看看,現(xiàn)在小球是勻速運(yùn)動(dòng)。
下面看看時(shí)間軸會(huì)不會(huì)也發(fā)現(xiàn)點(diǎn)什么新的玩意兒。
在flash cs4中將補(bǔ)間看做一個(gè)整體,你甚至可以將它看成是1個(gè)幀。我們在時(shí)間軸的補(bǔ)間范圍內(nèi),不是關(guān)鍵幀的地方點(diǎn)擊右鍵,在彈出的菜單中可以看到“清除關(guān)鍵幀”的菜單項(xiàng)可用。這就可以說明補(bǔ)間范圍是一個(gè)整體。清除關(guān)鍵幀菜單項(xiàng)還有子菜單,如下圖:
上面已經(jīng)說到,在補(bǔ)間范圍內(nèi)的關(guān)鍵幀都是屬性關(guān)鍵幀,子菜單是具體的屬性,一個(gè)屬性關(guān)鍵幀可以有多個(gè)屬性。在上圖中“清除關(guān)鍵幀”菜單項(xiàng)的下面的一個(gè)“查看關(guān)鍵幀”的菜單項(xiàng),在那里你可以查看關(guān)鍵幀包含了那些屬性?,F(xiàn)在回到“清除關(guān)鍵幀”菜單項(xiàng),點(diǎn)擊“位置”,看看時(shí)間軸,第25 幀和第50幀的關(guān)鍵幀都被清除了。這也進(jìn)一步說明補(bǔ)間范圍是一個(gè)整體。因?yàn)樵诘?5,50幀我們只移動(dòng)了小球的位置,所以,當(dāng)點(diǎn)擊“位置”時(shí),這兩個(gè)屬性關(guān)鍵幀都被清除了。
好,現(xiàn)在點(diǎn)擊“編輯”>”撤消設(shè)置補(bǔ)間動(dòng)畫屬性”,關(guān)鍵幀又回來了。點(diǎn)擊第25幀,用變形工具將小球旋轉(zhuǎn)一定角度,這樣在這個(gè)屬性關(guān)鍵幀上應(yīng)該就有位置和旋轉(zhuǎn)兩個(gè)屬性了。測試一下,在補(bǔ)間范圍內(nèi)點(diǎn)右鍵,點(diǎn)擊“清除關(guān)鍵幀”>“位置”,看看時(shí)間軸,第50幀的屬性關(guān)鍵幀清除了,第25幀的屬性關(guān)鍵幀卻還在。這是因?yàn)橹磺宄宋恢脤傩裕?5幀上的旋轉(zhuǎn)屬性并沒有清除。將播放頭放到第25幀上,可以看到小球位置沒有變化,但旋轉(zhuǎn)了一定的角度。
這一節(jié)就介紹到這里,flash cs4的動(dòng)畫概念還有預(yù)存動(dòng)畫,動(dòng)畫編輯器等后面介紹。我驕傲。
本節(jié)作業(yè):做一個(gè)按路徑運(yùn)動(dòng)的對象。