Flash中的各種位移（4）——“遮罩”之扇形打開

學習flash動畫的基礎，就要從最簡單的位移開始，這當中平移無非是最簡單的。下面又有人要問了，如果不是平移，而是成一定角度的移動呢？又會呈現出什麼樣的效果？

下面我們就舉一個扇形打開的例子。

先看效果，如圖

使扇面呈扇形慢慢打開，並非真的是扇子在展開，這裡運用了“遮罩”，我們來看一下制作該flash動畫的原始界面。

圖層1是背景音樂層，“蘇州城外的微笑”

圖層2是背景圖片層，如圖

圖層3是扇面素材，把圖層3和圖層2疊加，如圖

圖層4是一個遮罩層，我們要充分發揮想象力，想一下，既然扇子自己不轉動，那麼它上面的“遮罩層”應該是一個什麼樣的圖形，它又該怎樣轉動？

考慮到遮罩層與整個背景圖片的協調一致，又考慮到扇面的展開這一動作，遮罩的圖形不能過大，並且能夠圍繞一個軸心做旋轉動作，所以我們還是選擇了一個扇形做遮罩層，為了不露破綻，我們畫的扇形要比原來的扇面要胖一點、大一點，如圖

Flash中的繪圖工具沒有辦法直接畫出扇形，所以利用“橢圓”工具，先畫出圓形，然後切一半，得到半圓形，然後再將半圓切去左右兩邊，就得到了扇形。

比如這裡有一個切好了的半圓

點擊左邊工具欄中的“線條工具”，在上半圓當中從外弧到圓心畫一道線，如圖，再點擊“選擇工具”，拖動最左邊得一小塊三角扇形，然後把它消除，如圖

經過修整之後，我們得到了想要的扇形遮罩層，但是當我們選中它，我們發現，這個扇形圖層的軸心是在正中央，而不是扇形的根部。

這樣的話，如果設置運動，就不可能呈現出扇面慢慢展開的效果，所以務必要把軸心（那個小圈）拖到扇形的根部，如圖

 

在起始幀處，設置好遮罩圖片的位置，然後“創建補間動畫”，再在最後一幀插入關鍵幀，然後選擇菜單欄上的“修改”欄，裡面有個“變形”，選擇“縮放與旋轉”，如圖

 

我們可以選擇“旋轉”為90度，就可以得到

這樣，隨著遮罩層的漸漸旋轉，我們就可以看到神奇的扇面漸漸打開的動畫效果了。

 

Flash中的各種位移（4）——“遮罩”之扇形打開.