過去我都是簡單地將照片逐張上傳，因為只是自己看，就省略了美編的步驟。但前陣子用 Notion 做對外專案時，覺得需要展示照片來增添活潑度，於是在網路上搜尋相關方法。
除了使用Notion的照片瀏覽模式外，網路上也介紹可以透過小程式將照片做成像方格子那樣的輪播效果。相較於照片瀏覽模式，我更喜歡小程式設計的圖片輪播效果（可能是因為常看方格子），但小程式需要上傳照片，雖然是知名網站，我還是有些擔心。後來在網路上看到可以用 Canva 製作動畫檔，放在 Notion 上就能呈現動畫效果，測試後，這個方法更適合我。
動畫檔的製作非常簡單，只要依照以下六個步驟即可完成。
1️⃣ 將選取的照片調整成相同大小
Canva 的照片框很好用。在「元素」中選擇圖片框，將照片拖入框中，就能調整成相同大小。在照片上點兩下，即可移動照片位置。
2️⃣ 將照片排列整齊
- 我通常設定 6 張照片為一組，前面 2 張和後面 2 張重複，轉場時會比較自然。
- 照片先縮小，排列好後再「建立群組」。
- 點選照片後，選擇「位置」，接著用「寬度」、「高度」調整大小，記得鎖定「比率」。
3️⃣ 製造轉場畫面並放大照片群組
- 上下可以利用「形狀」中的流程圖或橢圓形製作遮罩效果，照片移動時才會有轉場效果。
- 將照片放大到適當位置，建議以第 2 張照片作為動畫首頁。
4️⃣ 複製圖檔，將每張照片擺在正中間
- 複製 Canva 的圖檔，並將每張照片擺放在正中央。
5️⃣ 新增轉場效果
- 將滑鼠移到圖片中間，會出現「新增轉場」選項。選擇「比對並移動」的轉場效果。
6️⃣ 輸出 GIF 動畫檔案
- 按「分享」→「下載」→ 選「GIF」。
- 選擇要製作的頁數後按下載，即可取得照片轉場動畫，可直接上傳至 Notion 使用。
我另外做一個長條狀的輪轉效果，都可以依照需求試試看唷~
