最終效果預覽

前置準備

• 相冊版面設計稿（封面、內頁、封底）
• 照片素材（已按版面比例裁切）
• PS 版本：CS6 以上（支援時間軸面板）

靜態版面構建（幀動畫的素材基礎）

1. 畫布與基礎框架

1. 新建畫布（示例 800×600 px），背景填淺灰。
2. 置入相框素材，Ctrl 點擊圖層縮略圖載入選區 → 新建圖層 → 編輯 → 描邊 (2px, 內部, #CCCCCC)。
3. 描邊圖層添加圖層樣式 → 斜面與浮雕/內陰影，模擬相框立體邊框。

2. 精確分割與裝飾細節

1. 切片工具 → 右鍵劃分切片：水平劃分 2 列，垂直劃分 1 行，獲得精確中線。
2. 視圖 → 新建參考線 對齊中線，輔助後續對齊。
3. 新建「圓孔」圖層，鉛筆工具 (1px, 硬度 100%) 按 Shift 等距點出圓孔，複製鏡像至右側。
4. 新建組「頁」，置入內頁素材，調整大小位置，複製一層水平翻轉作為背面。
5. Ctrl 點擊「圓孔」載入選區 → 選中組內圖層 → 栅格化 → Delete 刪除圓孔區域 → 隱藏圓孔層。

3. 環扣與照片植入

1. 橢圓工具畫圓 → 編輯 → 描邊 (3px, #999999) → 矩形選框刪除多餘 → 複製排列成環扣列。
2. 合併環扣層 → 添加圖層樣式 → 斜面與浮雕/投影 → 加蒙版柔邊筆刷淡化邊緣。
3. 在「頁」組內置入照片，加蒙版柔邊筆刷製造翻頁卷曲邊緣，照片與相框合併，複製多頁。

4. 翻頁變形狀態準備

1. 複製頁面組 → Ctrl+T → 右鍵斜切/扭曲 模擬翻開角度。
2. 新建參考線對齊翻頁軸線，確保多頁翻動軸心一致。
3. 重複製作 4-5 個關鍵幀狀態（閉合 → 15° → 45° → 90° → 完全打開）。

時間軸幀動畫製作

1. 視窗 → 時間軸 → 「創建影格動畫」。
2. 第 1 幀：僅顯示「閉合狀態」圖層組。
3. 點擊「複製選定影格」 → 開啟下一狀態圖層，關閉上一狀態 → 設定延遲 0.1s。
4. 重複至最後一幀，設置循環選項「永遠」。
5. 檔案 → 導出 → 存儲為 Web 所用格式 → GIF，顏色 256，輸出動畫。

進階優化建議

• 緩動效果：在關鍵幀之間插入補間幀（PS 時間軸不支援自動補間，需手動製作中間態）。
• 陰影動態：為翻起頁面添加漸變陰影圖層，隨角度變化不透明度與模糊半徑。
• 聲音同步：導出視頻格式 (MP4) 時在 Premiere/After Effects 添加翻頁音效。
• 效能優化：圖層過多時，將靜態背景合併為智能物件，減少時間軸運算負擔。

掌握「靜態關鍵態 → 時間軸序列 → GIF/視頻輸出」工作流，即可將任何翻頁、折疊、彈出交互動畫在 PS 內完整實現。