如何做出白板手繪動畫

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

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

要做白板手繪動畫,先寫好旁白腳本,把每段要畫的圖和關鍵字列出來。請 Otto 用白色背景、黑色線條手繪風格,讓圖案和文字跟著旁白一筆一筆畫出來,用一個重點色標出關鍵字,步驟之間用手繪箭頭連起來,畫滿一個畫面後再換下一個。

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

白板動畫的樣子

白板動畫的吸引力來自「正在畫」的過程。不是圖一下子跳出來,而是線條從頭畫到尾,觀眾的視線會被線條帶著走。

元素做法
版面白色背景,一個畫面三到五個小圖,畫滿再換頁
字體手寫風格的字,關鍵字寫大一點
顏色黑色線條為主,一個重點色例如藍或紅
動態線條逐筆畫出、箭頭連接、重點圈起來
節奏畫的速度跟著旁白,講到才畫到
聲音旁白為主,可以加輕微的筆畫音效

五個步驟做出來

  1. 寫腳本. 把教學內容拆成三到五個步驟,每步一兩句話。
  2. 列出要畫的圖. 每句旁白旁邊寫要畫什麼:人、箭頭、圖表、物件。簡單的線條圖最好。
  3. 決定版面. 一個畫面畫完一個主題,或整支影片畫在一張大白板上,鏡頭跟著移動。
  4. 加旁白. 上傳你的講解錄音,或用 AI 配音。線條會跟著聲音的速度畫出來。
  5. 檢查後匯出. 確認字沒有錯、圖和旁白對得上,再匯出。

可以直接貼給 Otto 的指令

把腳本換成你的課程內容。

貼到 Otto
做一支白板手繪動畫,16:9 橫式,約 90 秒。
旁白腳本:[貼上腳本]
白色背景,黑色手繪線條,關鍵字用藍色。
圖案和文字跟著旁白一筆一筆畫出來,講到才畫到。
每個步驟畫一個簡單的圖,步驟之間用手繪箭頭連起來。
一個畫面畫滿後,鏡頭平移到白板的下一塊空白處。
用清楚的 AI 旁白,加輕微的筆畫音效。

更短的寫法

  • 「把這個流程畫成白板動畫,每一步用箭頭連起來。」
  • 「用手繪的方式解釋這個觀念,不要真人。」
  • 「關鍵字寫大一點,用紅筆圈起來。」
  • 「做成 9:16 直式,一個畫面只畫一個步驟。」

適合白板動畫的內容

內容怎麼畫
課程單元一個觀念一個畫面,最後畫總結圖
公司流程每個部門一個小圖,箭頭表示順序
產品原理問題、解法、結果三格
育兒、健康知識情境小人物加對話框

白板動畫的節奏比一般短影音慢,所以很適合 YouTube 和課程平台。發短影音時,把內容濃縮到一個觀念,畫的速度加快一點。

讓觀眾想看下一筆

白板動畫的好處,是觀眾會好奇「接下來要畫什麼」。先畫出一個問號或一個不完整的圖,再慢慢補齊,可以把這種好奇心放大。

每畫完一個段落,可以用一張小總結圖收尾,例如三個圖示加三個關鍵字,觀眾看完就能記住重點,也適合截圖分享。

常見錯誤

  • 圖畫得太複雜. 白板動畫要的是簡單線條。越簡單畫得越快,觀眾也越好懂。
  • 畫和講不同步. 講完了還在畫,或畫完了還沒講到,都會讓人分心。
  • 字太小. 手機上要看得清楚,關鍵字至少寫成標題大小。
  • 整支都在同一個畫面. 畫太滿會亂。一個主題畫完就換一塊空白。

常見問題

可以用我的手寫字嗎?

可以描述你要的手寫風格。若要用自己的筆跡,可以上傳手寫的字圖片讓 Otto 做成動態。

可以加上我本人嗎?

可以。上傳口播影片,請 Otto 把你放在畫面一角,旁邊是白板動畫。

橫式還是直式?

課程和 YouTube 用 16:9,短影音用 9:16,一個畫面只畫一個步驟。

可以做彩色的嗎?

可以,但建議只加一到兩個顏色,保留白板的乾淨感。

用你自己的影片試試看

用 Otto 做你的下一支影片

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