專案概覽

製作一本擁有真實翻頁物理感的相冊動畫：封面、扉頁、多頁相片、圓孔環扣裝訂、投影立體感、自動循環播放。難點在於「大量圖層管理」、「透視變換一致性」、「時間軸幀與圖層可見度同步」。本教學採 3 張相片、600×550 px 畫布演示，實戰可擴展至 10–20 頁。

素材準備與文件設定

• 相片素材：預先按 6:5.5 比例裁剪，統一縮放至 590×420 px（留白給邊框/圓孔）。
• 新建文件：600×550 px、透明背景、RGB、72 dpi。

核心製作流程

一、封底設計（相冊背面）

1. 矩形選框工具拉出比畫布稍小的長方形（上方留白供扉頁）。
2. 「選取 » 修改 » 平滑」取樣半徑 15 px，圓角化。
3. 填充喜好顏色/圖案 → 「編輯 » 描邊」居中 4 px 深色邊框。
4. 「圖層樣式 » 投影」：距離 5 px、大小 8 px、不透明度 40%、角度 120°。
5. Ctrl+click 選取封底圖層 → 「選取 » 存儲選區」命名「Alpha 1」備用。

二、扉頁製作

1. 拖入扉頁相片 → 「選取 » 載入選區 » Alpha 1」獲得封底形狀選區。
2. 「選取 » 修改 » 收縮」6 px → Ctrl+Shift+I 反選 → 刪除多餘相片區域，扉頁完美貼合封底圓角。
3. 給扉頁圖層加「投影」（同封底參數縮小 50%）+「描邊」1 px 白色邊框，增強立體感。

三、內頁相片批次處理與圓孔鑽孔

1. 4 張內頁相片各自：矩形選框 → 平滑 15 px → 複製 → 拖入主文件 → 置於封底右側（右頁）。
2. 建立「組 1 素材圖片」管理右頁相片圖層。
3. 圓孔定位：用切片工具找出封底中心線 → 「視圖 » 新建參考線」垂直置中 → 刪除切片。
4. 新建圖層「圓孔」，選「鉛筆工具」（B），F5 開啟筆刷面板：形狀動態、平滑勾選；硬度 100%、大小 17 px、間距 450%。按 Shift 點擊畫布上緣再點下緣，得等距圓孔列。
5. Ctrl 點擊「圓孔」圖層載入選區 → 依次選中 3 張右頁相片圖層 → Delete 鑽孔。

四、左頁相片鏡像複製與環扣製作

1. 右頁 3 張相片各複製 4 份（共 12 層），命名規則：1-1/1-2/1-3/1-4/1-5（第 4、5 為左頁）。
2. 左頁圖層（1-4,1-5,2-4,2-5,3-4,3-5）執行「編輯 » 變換 » 水平翻轉」，移至封底左側，與右頁對稱，中間留縫隙放環扣。
3. 全體相片圖層加統一「投影」樣式（距離 3、大小 5、不透明度 30%），再「複製圖層樣式」批量套用。
4. 環扣製作：新建圖層，橢圓選框在兩圓孔間拉橢圓 → 填色 → 描邊 1 px 深色 → 「圖層樣式 » 斜面與浮雕」（內部斜面、深度 100%、大小 5 px） → 高光筆刷點亮上緣 → 橡皮擦擦除下半部 → 複製 8 個放入每對圓孔間。

五、時間軸動畫：翻頁邏輯實現

1. 開啟時間軸面板，建立影格動畫。
2. 初始幀：顯示「封底」「扉頁」「右頁第 1 張」「左頁第 1 張」「所有環扣」。
3. 複製幀 → 隱藏「扉頁」，顯示「右頁第 2 張」「左頁第 2 張」 → 複製幀 → 依序切換至第 3、4、5 頁。
4. 每頁停留 2–3 幀（0.1 秒/幀），翻頁瞬間 1 幀，共約 20–30 幀。
5. 全選幀 → 設循環「永遠」 → 預覽檢查翻頁順序、環扣同步。

六、合成優化與輸出

1. 「幀合併到圖層」（時間軸選單）產生每幀獨立圖層組，便於後期微調單幀。
2. 開啟背景圖層（如木紋桌面），置於最底層。
3. 輸出：「檔案 » 匯出 » 存儲為 Web 所用格式」→ GIF、256 色、無損抖動、循環永遠。

圖層管理黃金法則（大型相冊必備）

• 群組命名：「封底組」「扉頁組」「右頁組」「左頁組」「環扣組」「背景組」。
• 圖層顏色標籤：右頁紅、左頁藍、環扣綠、固定元素灰，視覺即時定位。
• 命名規範：`R_01` `R_02`… `L_01` `L_02`… `Ring_01`… 便於腳本/動作自動化。
• 智慧物件：相片轉為智慧物件再變換，隨時可回退原圖重新裁剪。

常見問題排查

翻頁時相片邊緣露白/斷裂

圓孔選區未精準對齊 → 重新用參考線定位圓孔中心；或相片未足夠覆蓋圓孔外緣 → 放大相片 105% 再鑽孔。

動畫播放閃爍/跳幀

幀延遲不一致 → 全選幀統一設 0.1 秒；圖層可見度切換邏輯錯誤 → 逐幀檢查眼睛圖示。

GIF 檔案過大（>2MB）

減少頁數/幀數、縮小畫布、降低顏色數、改用 MP4/WebP（需外掛/線上轉檔）。

結語

相冊翻頁動畫看似複雜，實則是「標準化流程（封底/扉頁/內頁/圓孔/環扣）+ 系統化圖層管理 + 時間軸邏輯」的組合。掌握此工作流，你就能為客戶/自己製作任意頁數、任意尺寸的專屬電子相冊，無論是婚禮回憶、產品畫冊、作品集展示，都能以動態形式優雅呈現。