
復古風格正夯,今天要教你打造一個超有質感的「Canva 膠捲動畫」,讓照片從拍立得相機慢慢滑出來。
這個技巧使用的原理和第一集的出票機動畫一樣,只要掌握圖層順序和動畫轉場,就能做出專業的復古感設計。
什麼是 Canva 膠捲動畫?
透過動畫來模擬拍立得相機吐照片的動作,讓照片從相機底部慢慢滑出來,帶有濃厚的復古氛圍感。
- 適合用在
- 回憶殺內容:年度回顧、成長記錄、旅行相簿
- 品牌形象:咖啡廳、選物店、文創品牌
- 社群貼文:限時動態、作品集展示
- 活動宣傳:市集、展覽、工作坊
比起一般的照片輪播,這種動態效果更能讓人停下來看完。
Step. 1|製作相機基礎結構
第一步是建立相機,可以直接從 Canva 的素材中選擇喜歡的樣式。

- 新增相機元素
- 複製一份放在上方,裁切至出片孔(代稱:相機上半)
Step. 2|加入背景底色與分層設計
現在要建立整個畫面的背景結構,這步驟會影響最後的視覺效果。

- 新增背景
- 複製一份,放置在畫面上半部
- 位置至少要蓋到相機
這個「背景上半部」會遮住照片的上半段,打造讓「照片從出片孔跑出來」的視覺效果。
Step. 3|設計並放入照片
現在要製作相片,可以直接在 Canva 的邊框中尋找喜歡的樣式。

Step. 4|調整圖層順序
插入圖片後要調整圖層順序,讓照片看起來像是進入相機中。

- 選取要調整的元素(背景上半&相機上半)
- 右鍵點選「圖層」
- 選擇「移至最前」(快捷鍵:Ctrl + Alt + ])
正確的圖層排列順序

從最上層到最下層應該是以下順序:
| 圖層順序 | 元素名稱 | 說明 |
| 第 1 層 | 相機上半 | 用途是遮住票根頂部 |
| 第 2 層 | 背景上半 | 用途是遮住票根頂部 |
| 第 3 層 | 照片 | 動畫中要移動的票券 |
| 第 4 層 | 相機主體 | 相機主體 |
| 第 5 層 | 背景底色 | 整體背景 |
Step. 5|製作動畫

- 複製頁面
- 選取第二頁照片
- 將膠捲照片往下拉
Step. 6|設定動畫轉場效果

- 點選右下角「頁面」
- 在兩頁之間新增轉場(+號下方按鈕)
- 選擇「比對與移動」效果(建議 0.5~1.2 秒)
- 預覽效果
安妮手冊:自媒體經營&工具資源包

小提醒
自媒體經營資源包與課程學員皆可免費領取【Canva 創意實驗室】系列中的範本哦!
結語
恭喜你完成第二個 Canva 創意實驗室的教學!
膠捲底片動畫效果看起來復古又有質感,但其實原理和出票機動畫一模一樣,只要掌握圖層順序和動畫轉場這兩個核心概念,就能做出各種變化。
- 這個技巧的精髓在於:
- 用遮罩製造視覺錯覺(背景上半部遮住照片)
- 用動畫創造流暢感(比對與移動轉場)
- 用細節提升質感(照片風格、裝飾元素)

![[year] Canva 網頁設計教學,輕鬆打造免費個人形象網站! Canva 網頁製作教學,免費個人形象網站](https://storyofdream.com/wp-content/uploads/2026/01/Canva-網頁製作教學,免費個人形象網站.jpg)

