如何製作前後對比滑桿影片

根據我們對 280,000+ 位使用者 製作的 100 萬+ 支影片 的研究

作者:Yao Ming, Founder閱讀約 4 分鐘
簡短回答

製作前後對比滑桿影片,先準備同一個角度、同一個距離拍的前後兩張照片。把兩張照片疊在一起,讓分隔線從一側緩慢滑到另一側,再滑回中間停住,兩邊各標上「之前」和「之後」。可以做好幾組接在一起,最後放上你的店名和預約方式。照片不要過度修圖。

以上皆為 Videotto 範本庫的真實成品。

對比影片為什麼有效

說「我們的清潔服務很徹底」沒有人會記得,讓觀眾親眼看到一條線滑過去、髒的地方變乾淨,就是最好的證明。

滑桿的動作本身就是懸念。線還沒滑完,觀眾就想知道另一邊長什麼樣子,所以會一直看到最後。

適合用在哪裡

所有「做完之後看得出差別」的服務:

  • 室內裝潢、收納整理和居家清潔
  • 美髮、美甲、美睫和皮膚管理
  • 修車、洗車和鍍膜
  • 照片修復、調色和影片畫質提升
  • 健身和飲食的階段成果

對比的可信度來自拍攝條件一致。同一個角度、同一個光線、同一個距離,觀眾才會相信差別是你做出來的。

決定風格的六件事

元素建議做法
版面兩張照片完全疊合,分隔線垂直或水平
字體「之前」「之後」標籤小而清楚,放在角落
顏色分隔線用白色或品牌色,加一個小圓形把手
動態分隔線緩慢滑過再回到中間,或來回滑動一次
節奏每組 3 到 5 秒,滑動不要太快
聲音輕快的音樂,滑到底時一聲輕響

直式影片裡,上下分割的水平滑桿通常比左右分割更好看,因為照片可以保持完整的寬度。

三種常見風格

依服務類型選。

  • 經典滑桿. 一條線從左滑到右,最直覺,適合裝潢和清潔。
  • 圓形放大鏡. 一個圓圈在照片上移動,圈裡是改造後,適合細節對比,例如皮膚和修圖。
  • 快速切換. 前後兩張隨音樂節拍快速切換,適合美髮、美甲和健身成果。

一步步做出來

  1. 拍照時就想好. 改造前先拍,記住角度和位置,改造後在同一個位置再拍一張。
  2. 上傳成對的照片. 檔名標清楚哪張是之前、哪張是之後,例如「客廳_前」「客廳_後」。
  3. 決定滑桿方向. 直式影片用上下,橫式影片用左右。
  4. 安排順序. 差別最大的一組放第一組,抓住注意力。
  5. 結尾行動呼籲. 店名、服務項目和預約方式。

貼到 Otto 的指令

上傳成對的照片後貼上。

貼到 Otto
用我上傳的 [3] 組前後照片,做一支 9:16 直式的前後對比影片,約 20 秒。
每組的兩張照片完全疊合,一條白色分隔線帶小圓形把手,從上往下緩慢滑過,再回到中間停 1 秒。
左上角標「之前」,右下角標「之後」,字小而清楚。
照片依檔名配對:[客廳_前/客廳_後]、[廚房_前/廚房_後]、[浴室_前/浴室_後]。
組與組之間用快速的滑動轉場。
結尾放 [店名]、[服務項目]、[預約方式],配輕快的音樂。

更短的寫法

  • 「改成跟著節拍快速切換前後兩張。」
  • 「滑桿改成品牌色。」
  • 「加一句旁白:『這是三天前的客廳』。」
  • 「只做一組,滑慢一點,做成 8 秒的廣告。」

常見錯誤

  • 前後角度不同. 兩張照片對不起來,滑桿一滑就露餡。拍照時固定位置。
  • 過度修圖. 改造後的照片修太多,客人到現場會失望。保持真實。
  • 滑太快. 一秒就滑完,觀眾來不及看細節。慢一點。
  • 用了別人的作品. 只用你自己或有授權的作品照片。

常見問題

前後照片大小不一樣怎麼辦?

請 Otto 把兩張照片對齊並裁成同樣大小。最好的方法還是拍照時就固定位置和距離。

可以用影片代替照片嗎?

可以。上傳前後兩段影片,請 Otto 並排或用滑桿對比,但兩段的鏡頭位置要一致。

可以做成影片畫質對比嗎?

可以。把原始畫面和處理後的畫面放在滑桿兩邊,很適合展示調色和畫質提升。

一支影片放幾組?

廣告一組就好,作品集可以放 3 到 5 組,差別最大的放第一個。

健身成果適合這種做法嗎?

適合,但要取得當事人同意,並且不要過度修圖或誇大效果。

用你自己的影片試試看

用 Otto 做你的下一支影片

用一句話告訴 Otto 你想要什麼。它會幫你剪輯、上字幕、加上動態效果。