這篇教學示範如何用方格矩陣組成心形，再配合幀動畫讓白色方塊逐個翻轉為紅色，最後以蒙版動畫顯示「LOVE」四字，完整展示 CS6 幀動畫面板的操作流程。

最終效果

第一階段：建立 7×7 方格矩陣

1. 新建 150×150px 文件，新建圖層「紅色方塊」，用矩形選框工具設定固定大小 10×10px，點擊畫布建立選區，新建圖層填充喜好顏色（決定心形顏色），移至左上角。
2. 背景改為淺紫色。複製「紅色方塊」，鎖定透明像素填充白色，重命名「白色方塊」。
3. 選中兩圖層 Ctrl+J 複製，按住 Shift 按一次 → 再按 3 次 →，重複直到橫向 7 個方塊。
4. 框選所有方塊 Ctrl+J 複製，Shift+↓ 向下複製 7 列，形成 7×7 矩陣。
5. 新建參考線（水平/垂直 50%），Ctrl+T 讓矩陣中心對齊畫布中心，刪除多餘方塊只保留心形區域（參考圖）。

第二階段：幀動畫製作心形翻轉

1. 開啟幀動畫面板，第 1 幀時間 0、循環「永遠」。隱藏所有方塊僅顯示背景。新建幀，顯示一個白色方塊並設不透明度 50%。
2. 建議為「新建幀」設定快捷鍵（如 F8）。新建幀將不透明度改 100%，再新建幀顯示該位置紅色方塊並隱藏白色方塊。播放確認單格翻轉效果。

3. 重複上述動作：每個白色方塊經歷 50%→100%→顯示紅色方塊，直到所有紅色方塊全亮。此時圖層面板應呈「間隔顯示」（白隱紅現），幀面板約 103 幀。

第三階段：蒙版動畫顯示 LOVE 文字

1. 選中最後一幀，新建幀（若電腦配置低可另存新文件合併圖層後再做）。複製最上層方塊命名「L」，鎖定透明度填充新顏色，複製拼成 L 形，合併圖層重命名「L」。
2. 添加蒙版並解除鏈接，蒙版用矩形遮住整個 L。複製「L」圖層鎖定透明度填白命名「白色 L」置於下方。
3. 動畫原理：逐幀向下移動「白色 L」蒙版露出白塊，再移動「L」蒙版露出紅塊，轉彎處水平移動蒙版，以此類推完成 O、V、E 字母。過程繁瑣但邏輯固定，耐心操作即可。

完成後導出 GIF，即可得到心形翻轉+文字顯示的動態效果。