Motion Using Masks 蒙版動畫

1. 首先在Illustrator繪製一個花的圖案（圖1），打開Photoshop，置入花的圖案並按照圖案將花分到不同圖層（圖2,3）。為了便於區分，將每個圖層命名 （例如1L是1左，1R是1右等）然後存有圖層的Photoshop檔（圖4,5）。

2. 開啟Motion，在File Browser直接選Photoshop檔，拖入視窗，並在對話框選Import All Layers 所有圖層（圖6）

3. 在Inspector標籤下Properties，將尺寸縮小至視窗中間（圖7）（我將Photoshop尺寸作大，為以後可以放大及移動）。

4. 按F5或按Project鈕，可以看到Photoshop的圖層（圖8），按圖層左方小勾號，暫時關閉圖案，按Layers標籤下的加號增加圖層（可先命名L1圖層組），並將L1圖案圖層移至這個圖層組，按圖層左方小勾號，出現L1圖案

5. 選貝賽爾曲線工具（圖9），順著圖案畫一條曲線（圖10）（曲線由要最先出畫面的部份開始），調整曲線的寬度，要將圖案全部遮住（圖11）。按增加動作（行為）Add Behavior >形狀Shape>寫出Write On（圖12）

6. 建立蒙版Mask，在圖層欄選形狀圖層，並在HUD視窗混合模式Blend Modes選Stencil Alpha（圖13）

7. 選L1圖層組，並在HUD視窗混合模式Blend Modes從Pass Through改成Normal。（圖14）（這個步驟一定要做，要不然會影響最後的效果）

8. 重複前面的4,5,6,7作法，按Layers標籤下的加號增加圖層（可先命名L2圖層組）（圖15），並將L2圖案圖層移至這個圖層組，按圖層左方小勾號，出現L2圖案，畫線（圖16），加動作（圖17），製作蒙版（圖18），再將L2圖層組在HUD視窗混合模式Blend Modes設定Normal（圖19）

9.再重複前面相同的作法直到所有的圖案圖層都製作成有蒙版的圖層組（圖20,21），可按Play觀看效果

10. 在時間線重新調整每一圖層組的時間長短，先後順序，Write On的長短，作成從下往上伸展的動畫（圖22）

11. 建立一個新的圖層組，將所有的圖層放在一起（圖23）。

12. 建立一個新的圖層組，畫一個長方形製作一個漸層背景（圖24）。

13. 放大動畫圖層，將播放頭移至中間處，按中間錄影鈕（變紅）（圖25），移動播放頭至時間線後段，移動動畫至上半段，按中間錄影鈕停止錄影（圖26）

14. 選動畫圖層，增加濾鏡Add Filter >發光Glow>發光Glow（圖27）

觀看效果

如果你有興趣要我的練習檔，請email給我。illustrator 96KB, Photoshop 2.5MB, motion 772KB