百葉窗波浪特效


前言: 每一個字母有其個別的 Mask,將 Mask 作由上到下並變形的動畫,再調整每個字母出現的 Keyframe 點即可。

步驟 1

產生一個 Graphic 的 Symbol,在 Symbol 中輸入 "FLASH" 文字,將其拉入場景中,命名為 "FLASH"。

步驟 2

1.在 "FLASH" 之下新增五個 Layers,在每個 Layer 內分別輸入一個字母,由下到上依序為:F、L、A、S、H,並將這些字母排列整齊,如圖1所示。

2.將所有 Layer 新增 50 格 Frames。


圖1

步驟 3

1.本範例的文字出現順序是由外至內,因此動畫的順序應是由最外側的 "F" 和 "H" 先出現。

2.在 "F" 和 "H" 的上面各新增一個 Layer,作為該字母的遮罩圖層,如圖2示。

3.新增一個 Graphic 的 Symbol,畫一無外框線的長方形(顏色隨意選擇),將其拉入 "H-MASK" 和 "F-MASK" 之中。

4.將拉入場景的紅色長條形用變形工具調整好寬度,其寬度和它所要遮住的字母寬度要大略相同,不能短於字母寬度,也不能太長到影響兩旁的字母。


圖2

步驟 4

1.我們先製作 "F" 字母的遮罩動畫,先在 "F-MASK" 的 Frame10 插入一個 Keyframe,將紅色長條形移至字母下方,位置如圖3所示

2.在 Frame20 插入第二個 Keyframe,將紅色長條形拉高變形直至完全蓋住 "F" 字母,如圖4。(可先將 "FLASH" Layer 的眼睛暫時關閉,比較不會影響下面圖層的製作。)

圖3


圖4
步驟 5

1.將 "F-MASK" Layer 的 Frame1 到 Frame20 執行 Motion 的指令。

2.在 "F-MASK" 的 Layer 上按滑鼠右鍵出現下拉式選單,選擇 Mask


圖5

步驟 6

1.同樣的,將 "H-MASK" 也作成 Mask ,其它的字母亦用同樣方法製作遮罩動畫,如圖6

2.再來要調整每個字母出現的 Keyframe 點。因為字是由外往內對稱出現,因此最外圍的 "F" 和 "H" 一開始就出現,而 "L" 和 "S" 在第10格出現,至於最後的 "A",則在 Frame 20 出現。


圖6

※若要移動 Keyframe 的點,要先點選欲移動的 Keyframe 點,讓它呈現選取狀態,然後按住滑鼠左鍵不放,往右拖曳至適當的影格處放開即可。如下圖示:


圖7

步驟 7

最後把 "FLASH" Layer 的眼睛打開,將第一格的 Keyframe 往右移至 Frame 51,在 Frame60 新增一格 Keyframe,將 "FLASH" 文字作由大到小、Alpha 值由100%降至0%的 Motion 變化即可。


圖8

原始檔下載


回課程目錄