flash製作最簡單的遮罩動畫!!!

來源:酷知科普網 2.96W

大家在進入qq空間的時候會有一個開機動畫,先是全部白色或者黑色,然後隨著一個圓圈的出現漸漸出來,下面我就教大家制作這樣的最簡單的遮罩動畫!

步驟/方法

(01)開啟一個空白的flash文件。建立一個元件。在庫面板下面新建-----元件。如果庫面板沒有在你的面板上面,可以在視窗中找出來。 可以更改元件名稱。(注:一般情況下我們最好更改名稱,因為如果以後你進行多個元件處理的時候沒有區分就找不到元件了,初學者要養成一個好的習慣!)這時在庫面板下面就會出現一個叫ball(ball是我自己改的名稱) 的元件名稱。

flash製作最簡單的遮罩動畫!!!
flash製作最簡單的遮罩動畫!!! 第2張
flash製作最簡單的遮罩動畫!!! 第3張
flash製作最簡單的遮罩動畫!!! 第4張
flash製作最簡單的遮罩動畫!!! 第5張

(02)畫元件。我們可以看到在面板中有一個十字形的箭頭,我們要把元件畫在‘十’上面,因為這是元件的中心位置,如果畫在偏離的地方,在使用的時候不方便找到。選擇橢圓工具進行畫圖。如果工具欄選單沒有在你的面板上,那麼同樣可以在視窗選單中找出來!點選右下角的三角形會出現其它形狀。

flash製作最簡單的遮罩動畫!!! 第6張
flash製作最簡單的遮罩動畫!!! 第7張
flash製作最簡單的遮罩動畫!!! 第8張
flash製作最簡單的遮罩動畫!!! 第9張

(03)接下來回到圖層面板,把需要的背景圖片匯入進來。

flash製作最簡單的遮罩動畫!!! 第10張

(04)檔案------匯入-----匯入到庫。右鍵單擊匯入的圖片,檢視屬性。我們可以看到它的大小是500*374畫素。

flash製作最簡單的遮罩動畫!!! 第11張
flash製作最簡單的遮罩動畫!!! 第12張

(05)更改文件的大小。把文件的大小設定成和圖片一樣大。(注:更改成一樣大小的原因在於做好的動畫效果能夠完全播放,如果大小不一,那麼放映的時候你就會看到旁邊有空隙,影響效果。)背景顏色同樣可以做修改。幀數也可以做修改 。(幀數的大小涉及到速度的快慢,大家可以按自己的需要做修改)

flash製作最簡單的遮罩動畫!!! 第13張
flash製作最簡單的遮罩動畫!!! 第14張
flash製作最簡單的遮罩動畫!!! 第15張
flash製作最簡單的遮罩動畫!!! 第16張

(06)把元件拖入場景裡面。背景圖層的位置一般需要調整,點選屬性-----把x,iy都設定為0.

flash製作最簡單的遮罩動畫!!! 第17張

(07)然後對ball元件進行設定。把ball元件放入相應的圖層。

flash製作最簡單的遮罩動畫!!! 第18張
flash製作最簡單的遮罩動畫!!! 第19張

(08)設定動畫。分別對兩個圖層在90幀處插入幀。

flash製作最簡單的遮罩動畫!!! 第20張

(09)點選元件ball,在bll圖層裡在90幀處插入關鍵幀,並用任意變形工具將ball拉大。

flash製作最簡單的遮罩動畫!!! 第21張
flash製作最簡單的遮罩動畫!!! 第22張

(10)然後在ball圖層裡面新增傳統補間動畫。

flash製作最簡單的遮罩動畫!!! 第23張

(11)選中ball圖層,右鍵單擊------遮罩層。效果如下。

flash製作最簡單的遮罩動畫!!! 第24張
flash製作最簡單的遮罩動畫!!! 第25張

(12)按住ctrl+enter進行測試。效果就出來了。

flash製作最簡單的遮罩動畫!!! 第26張
熱門標籤