學習flash動畫的基礎(chǔ),就要從最簡單的位移開始,這當中平移無非是最簡單的。下面又有人要問了,如果不是平移,而是成一定角度的移動呢?又會呈現(xiàn)出什么樣的效果?
下面我們就舉一個扇形打開的例子。
先看效果,如圖
使扇面呈扇形慢慢打開,并非真的是扇子在展開,這里運用了“遮罩”,我們來看一下制作該flash動畫的原始界面。
圖層1是背景音樂層,“蘇州城外的微笑”
圖層2是背景圖片層,如圖
圖層3是扇面素材,把圖層3和圖層2疊加,如圖
圖層4是一個遮罩層,我們要充分發(fā)揮想象力,想一下,既然扇子自己不轉(zhuǎn)動,那么它上面的“遮罩層”應該是一個什么樣的圖形,它又該怎樣轉(zhuǎn)動?
考慮到遮罩層與整個背景圖片的協(xié)調(diào)一致,又考慮到扇面的展開這一動作,遮罩的圖形不能過大,并且能夠圍繞一個軸心做旋轉(zhuǎn)動作,所以我們還是選擇了一個扇形做遮罩層,為了不露破綻,我們畫的扇形要比原來的扇面要胖一點、大一點,如圖
Flash中的繪圖工具沒有辦法直接畫出扇形,所以利用“橢圓”工具,先畫出圓形,然后切一半,得到半圓形,然后再將半圓切去左右兩邊,就得到了扇形。
比如這里有一個切好了的半圓
點擊左邊工具欄中的“線條工具”,在上半圓當中從外弧到圓心畫一道線,如圖,再點擊“選擇工具”,拖動最左邊得一小塊三角扇形,然后把它消除,如圖
經(jīng)過修整之后,我們得到了想要的扇形遮罩層,但是當我們選中它,我們發(fā)現(xiàn),這個扇形圖層的軸心是在正中央,而不是扇形的根部。
這樣的話,如果設(shè)置運動,就不可能呈現(xiàn)出扇面慢慢展開的效果,所以務必要把軸心(那個小圈)拖到扇形的根部,如圖
在起始幀處,設(shè)置好遮罩圖片的位置,然后“創(chuàng)建補間動畫”,再在最后一幀插入關(guān)鍵幀,然后選擇菜單欄上的“修改”欄,里面有個“變形”,選擇“縮放與旋轉(zhuǎn)”,如圖
我們可以選擇“旋轉(zhuǎn)”為90度,就可以得到
這樣,隨著遮罩層的漸漸旋轉(zhuǎn),我們就可以看到神奇的扇面漸漸打開的動畫效果了。
新聞熱點
疑難解答
圖片精選