掃描線掃過畫面、逐格揭示不同圖像的動態效果，常見於科技感開場、數據可視化轉場。本教程利用圖層組、矩形遮罩、填充不透明度 0% 技巧與時間軸補間，製作無縫循環的掃描動畫。

圖層組與素材佈局

1. 新建 500×250px 畫布，建立三個圖層組（Group 1/2/3），各放入一張圖片並裁剪至畫布大小。
2. 新建圖層「矩形」，圓角矩形工具繪製掃描條，鎖定圖層防誤動。
3. 新建四個填充圖層（左上、右上、左下、右下），畫布擴大 10 倍排列成 2×2 矩陣，合併可見圖層（Ctrl+Alt+Shift+E）載入選區反向填充，製造十字遮罩基底。

遮罩邏輯與圖層分發

還原畫布大小，將四個角的填充圖層分別拖入對應圖層組頂端：
• 左上、右上、左下 → Group 1
• 右下 → Group 2
• 右下副本 → Group 3
這四個圖層開啟「混合選項 > 填充不透明度：0%」，配合底層十字遮罩，形成「掃描條只顯示當前組內容」的視窗效果。

時間軸動畫製作

開啟時間軸面板，建立影格動畫。將十字遮罩組（含四塊填充層+十字層）鏈接。
• 第 1 幀：十字遮罩在左上角。
• 複製幀，拖動十字遮罩至右下角，點擊「補間」，幀數 12。
• 最後一幀複製，十字遮罩回到左上角，再補間 12 幀。
設定循環「永遠」，預覽無誤後導出 GIF。

核心心法：填充不透明度 0% 讓圖層樣式（如投影、描邊）保留而隱藏填充，配合群組遮罩邏輯，實現複雜的視窗切換動畫。