跳到主要內容
Potto AI

AI Motion Graphics

依提示詞或連結，為產品介紹影片、解說影片與數據故事製作 Motion Graphics：讓動態文字、產品畫面與圖表採用品牌風格，並配合旁白節奏。

動態文字排版動態產品畫面動起來的圖表內建品牌風格
步驟 1：創作簡述。Potto 讀取 transcript.im，並擬定待確認的創作簡述

每個畫面都先規劃，再動起來

文字、圖片與時間安排互相配合，AI Motion Graphics 才能發揮效果。Potto 會先將每個畫面寫成分鏡，讓你在動畫開始前閱讀與修改。

0:12 – 0:18

畫面 3 · 6 秒

旁白

認識 transcript.im。貼上 YouTube、TikTok、Instagram 或 X 的連結，或放入音訊檔案。

觀眾看到的畫面

transcript.im 首頁從下方滑入。鏡頭推近搜尋欄，連結自動貼入，下方依序跳出平台標章。

畫面文字

  • 貼上任意連結
  • YouTube · TikTok · Instagram · X

素材

首頁螢幕截圖
平台標章
Logo

  • 旁白決定時間安排

    每個畫面的長度與該句旁白相同，讓文字與動態效果不會超前旁白。

  • 畫面文字保持精簡

    每個畫面使用兩三個字詞，並以大字呈現。完整句子放在旁白與字幕中。

  • 素材來自你的連結

    從貼上的頁面擷取螢幕截圖、Logo 與色彩，再於需要這些素材的畫面中加入動態效果。

AI Motion Graphics 如何發揮效果

四個要素決定 AI Motion Graphics 能否留住注意力：動起來的文字、承載文字的畫面、動態呈現的數字，以及統一所有內容的視覺風格。

  1. 01動態文字排版

    大字呈現，時長配合每句旁白

    關鍵句以大字出現在畫面上，每次呈現兩到三個詞；每個畫面的停留時間都與對應旁白的長度一致，讓文字不會搶在旁白之前。下方字幕顯示說出的句子，簡短詞句則維持足夠大的字級，在手機上也能清楚閱讀。

    • 每個畫面的時長配合對應旁白
    • 每句旁白都有字幕
    • 手機上也清楚的大型文字
    AI Motion Graphics 影片畫面，包含大型動態引言，畫面文字配合節拍呈現

  2. 02產品畫面

    讓產品畫面動起來

    貼上網站，Potto 會帶入螢幕截圖、Logo 與色彩，再加入動態效果：緩慢放大搜尋欄、游標沿操作流程點選、字幕標示關鍵部分。主角是你的真實介面，而非模擬畫面。

    • 從連結擷取螢幕截圖與 Logo
    • 在真實畫面上加入縮放與游標路徑
    • 字幕指向正確細節
    Motion Graphics 畫面放大產品視窗內的插畫人像，並搭配逐字輸入的字幕

  3. 03數據故事

    動態累加的圖表

    將數字提供給 Potto，先呈現主打數據，再讓長條圖或甜甜圈圖隨旁白說到的數值逐步填滿。圖表使用創作簡述中的 3 至 6 個帶標籤數值，因此畫面上的數字就是你提供的資料。

    • 先呈現主打數據，再顯示圖表
    • 包含 3 至 6 個數值的長條圖與甜甜圈圖
    • 數值來自你自己的資料
    AI Motion Graphics 影片的數據故事畫面，以動態長條呈現七月至十月的每月營收

  4. 04視覺系統

    每個畫面維持同一風格

    撰寫任何畫面前，Potto 會先設定視覺系統：從品牌或 12 種內建風格中選定配色、字體家族與動態風格。接著每個場景都沿用這套設定，讓標題、螢幕截圖與圖表看起來像同一件作品。

    • 使用品牌配色與字體
    • 12 種內建視覺風格
    • 每個畫面採用一致動態效果
    Motion Graphics 畫面列出每個場景的品牌色彩、統一字體家族與一致動態效果

用 Potto 探索更多創作方式

每支 Potto 影片都運用 AI Motion Graphics。你可以從特定格式開始，或先準備場景需要的圖片與背景。

AI Motion Graphics 常見問題

解答 AI Motion Graphics 是什麼、能讓哪些內容動起來，以及如何控制。

  1. 什麼是 AI Motion Graphics？

    AI Motion Graphics 是由 AI 規劃、渲染器製作動態效果的畫面，例如移動文字、產品螢幕截圖與圖表。Potto 是 AI Motion Graphics 工具：依你的提示詞或連結撰寫創作簡述與逐場景分鏡，再將場景渲染為包含旁白、字幕與音樂的 MP4。結果是經過設計的動畫，不是實拍片段，也不是數位主持人。

  2. AI Motion Graphics 與產品介紹影片、解說影片有什麼關係？

    Potto 製作的每支影片都是 Motion Graphics：配合旁白節奏的動態文字、螢幕截圖、圖表與插畫。產品介紹影片用它們呈現產品功能，解說影片則用它們讓概念容易理解。本頁涵蓋兩者，而「AI 影片生成」頁面則從影片格式角度介紹同一個創作工具。

  3. Motion Graphics 能讓哪些內容動起來？

    專案由 11 種場景類型組成：開場吸引、標題、螢幕截圖、功能、清單、數據、比較、圖表、插畫、引言與結尾行動呼籲。文字依節奏出現，螢幕截圖可縮放並搭配游標路徑，圖表則以長條圖或甜甜圈圖，動態呈現 3 至 6 個數值。AI Motion Graphics 工具還可套用 12 種視覺風格之一，或搭配你的品牌色彩。

  4. 如何從連結或螢幕截圖製作 AI Motion Graphics？

    若要從連結製作 AI Motion Graphics，請在創作工具中貼上頁面網址，並說明影片要解釋什麼；若從螢幕截圖開始，可附上最多 8 個圖片、文件或音訊檔案。Potto 會在可取得時從頁面擷取螢幕截圖、Logo 與品牌色彩，擬定創作簡述與分鏡，再為承載內容的畫面加入動態效果。匯出前請逐一對照來源檢查畫面。

  5. 可以控制動畫與時間安排嗎？

    你可以編輯分鏡或透過對話，控制每個畫面的文字、呈現內容與停留時間，例如縮短畫面 3，或以 Logo 收尾。Potto 使用固定的場景類型與風格製作動畫，因此沒有自由編排的時間軸，也不支援自訂動畫程式碼。明確指出畫面與修改內容的請求，最容易得到清楚結果；先前版本也會保留，方便還原。

  6. 旁白與字幕如何影響時間安排？

    旁白決定節奏：每個畫面會停留至該句旁白說完，再進入下一個畫面。字幕依說出的字詞，以簡潔、醒目提示或粗體風格顯示；關閉旁白時，時長則依分鏡設定。請先開聲音播放預覽檢查節奏，再靜音並開啟字幕重看，因為許多觀眾不會開啟音訊。

  7. 如何確保圖表中的數字正確？

    請在創作簡述或附加文件中提供精確數值、單位與期間，因為 Potto 不會查證數據。圖表場景接受 3 至 6 個帶標籤的數值，以長條圖或甜甜圈圖搭配說明文字呈現；數據場景則顯示一個主打數字。請在分鏡與匯出影片中，逐一對照來源檢查每個標籤與數字，因為縮短說明文字可能漏掉單位。

  8. 可以取得什麼輸出，費用如何計算？

    你會取得每秒 30 影格的 1080p MP4，比例為 16:9、9:16 或 1:1，長度為 15 至 90 秒。創作簡述、分鏡、對話修改與預覽皆免費；匯出時才使用點數，依報價顯示的基本費率，加上按字元數計算的旁白與每張插畫費用。30 秒無聲影片需 150 點數，製作影片需要帳號。

  9. 可以用 Claude 製作 AI Motion Graphics 嗎？

    可以。Potto 使用 Claude Opus 5.5 撰寫大綱、分鏡與旁白腳本，因此使用 Claude 製作 Motion Graphics 與動態設計，只需在瀏覽器中輸入一段簡單描述或貼上連結，不必撰寫程式碼，也不必在本機安裝設定。Remotion 會將場景搭配 AI 生成的插畫與旁白渲染成 MP4，匯出前可逐一編輯每個場景。

Potto AI

讓下一次發布動起來

在上方創作工具貼上連結，或描述想要的 Motion Graphics，檢查分鏡，確認每個畫面都表達到位後再匯出。從連結製作 AI Motion Graphics；預覽與編輯免費，只在匯出時付費。