
過去我都是簡單地將照片逐張上傳,因為只是自己看,就省略了美編的步驟。但前陣子用 Notion 做對外專案時,覺得需要展示照片來增添活潑度,於是在網路上搜尋相關方法。
除了使用Notion的照片瀏覽模式外,網路上也介紹可以透過小程式將照片做成像方格子那樣的輪播效果。相較於照片瀏覽模式,我更喜歡小程式設計的圖片輪播效果(可能是因為常看方格子),但小程式需要上傳照片,雖然是知名網站,我還是有些擔心。後來在網路上看到可以用 Canva 製作動畫檔,放在 Notion 上就能呈現動畫效果,測試後,這個方法更適合我。
動畫檔的製作非常簡單,只要依照以下六個步驟即可完成。
1️⃣ 將選取的照片調整成相同大小
Canva 的照片框很好用。在「元素」中選擇圖片框,將照片拖入框中,就能調整成相同大小。在照片上點兩下,即可移動照片位置。

2️⃣ 將照片排列整齊
- 我通常設定 6 張照片為一組,前面 2 張和後面 2 張重複,轉場時會比較自然。
- 照片先縮小,排列好後再「建立群組」。
- 點選照片後,選擇「位置」,接著用「寬度」、「高度」調整大小,記得鎖定「比率」。

3️⃣ 製造轉場畫面並放大照片群組
- 上下可以利用「形狀」中的流程圖或橢圓形製作遮罩效果,照片移動時才會有轉場效果。
- 將照片放大到適當位置,建議以第 2 張照片作為動畫首頁。

4️⃣ 複製圖檔,將每張照片擺在正中間
- 複製 Canva 的圖檔,並將每張照片擺放在正中央。

5️⃣ 新增轉場效果
- 將滑鼠移到圖片中間,會出現「新增轉場」選項。選擇「比對並移動」的轉場效果。

6️⃣ 輸出 GIF 動畫檔案
- 按「分享」→「下載」→ 選「GIF」。
- 選擇要製作的頁數後按下載,即可取得照片轉場動畫,可直接上傳至 Notion 使用。

我另外做一個長條狀的輪轉效果,都可以依照需求試試看唷~












