Animate CC 照片放大鏡效果動畫

【檢視範例】【下載範例】 應用影片片段元件與傳統補間動畫來整合遮色片動畫，呈現照片上鏡片看圖的效果。使用動畫技巧:影片片段元件、傳統補間動畫、遮色片動畫。

Step1. 元件庫中包含放大鏡與鏡片元件。暫時隱藏放大鏡圖層，在鏡片遮色片圖層上插入多個關鍵影格，並依序移動遮色片元件於場景上不同位置，建立傳統補間動畫，讓鏡片遮色片於清楚照片上移動。

Step2. 顯示放大鏡圖層，同樣依遮色片圖層關鍵影格建立關鍵影格，並確認每個關鍵影格上的放大鏡對齊遮色片元件，同樣建立傳統補間。

Step 3. 最後設定遮色片圖層的遮色片功能，遮色片控制清楚相片顯示，搭配放大鏡物件的移動，完成相片呈現效果範例。

相關課程 : 優勢多媒體 - Adobe Animate CC製作HTML5動畫與互動效果