TC

適合初學者的 Remotion 教學（搭配 ChatGPT）

#AI 工具
2026-10-30 20:245 分鐘 閱讀

內容介紹
提問

這段腳本是一個教學，展示如何將 ChatGPT Codex 與 Remotion 搭配使用，以在不手動寫程式碼的情況下製作專業動畫。 它一步一步說明如何建立專案、安裝 Remotion 外掛，並提示 Codex 產生一段動畫式開場、一個透明的下三分之一圖卡，以及一個根據銷售資料製作的動畫長條圖。 它也示範如何預覽、編輯、渲染成 MP4 或具透明度的 ProRes 4444，並將完成的動畫匯入 DaVinci Resolve 或 Adobe Premiere 等影片編輯器。 這段影片強調，ChatGPT 會處理程式撰寫，使動態圖像與數據驅動的動畫更容易也更快速製作。

關鍵信息

  • 這段影片解釋了如何使用 Remotion 搭配 ChatGPT/Codex 來製作專業動畫與動態圖形，而無需手動編寫程式碼。
  • 它展示了如何在 ChatGPT Codex 中設定專案、安裝 Remotion 外掛程式，以及建立新的 Remotion 專案資料夾。
  • 第一個範例使用一個簡單的提示，為一家名為 Kevin Cookie Company 的小型企業製作了動畫式開場介紹。
  • Codex 只需幾分鐘即可生成動畫，結果可以在 Remotion Studio 中預覽。
  • 本教程透過要求 Codex 添加像餅乾掉落和畫面震動之類的效果，來示範如何編輯動畫。
  • 它說明了如何在 Remotion Studio 中使用合成渲染選項將動畫匯出為 MP4。
  • 第二個範例會建立一個帶有透明背景的動畫下三分之一標題區塊，用於疊加在現有影片上。
  • 影片顯示，透明輸出檔可以匯入 Adobe Premiere 或 DaVinci Resolve 等編輯器，並疊加在影片素材上。
  • 它也展示了如何根據銷售數據建立動畫長條圖，說明 Remotion 可以將數據轉化為動態圖形。
  • 本教學強調，Codex 負責處理程式撰寫，而 Remotion 可用於字幕、示範、社群媒體影片以及其他動畫。

時間軸分析

內容關鍵字

Remotion （保留原文標題）

一個用來透過程式碼建立專業動畫與動態圖形的免費影片製作框架。 這段腳本展示如何建立動畫片頭、字幕、下三分之一標題、圖表以及其他素材，然後將它們渲染並匯出為 MP4 或透明的 ProRes 檔案，以供在剪輯軟體中使用。

ChatGPT Codex

ChatGPT 的編碼代理過去可以在不手動撰寫程式碼的情況下，生成並修改 Remotion 專案。 它可以建立檔案、安裝 Remotion 外掛程式、撰寫動畫程式碼、回應提示，並快速進行編輯，例如更改名稱、添加效果，以及製作自訂動態圖形。

動畫片頭

為 Kevin Cookie Company 使用 Remotion 和 Codex 製作的短版品牌開場動畫。 本教學說明如何向工具下達提示、自訂文字與視覺效果，以及匯出完成的開場動畫，以便在其他影片編輯器中使用。

下三分之一動畫

一個帶有透明背景的動態下三分之一字幕區塊，設計用於疊加在現有影片畫面上。 腳本展示了 Codex 如何生成該圖形，以及如何在 Remotion Studio 中使用姓名和職稱進行自訂。

動畫長條圖

一張根據每月銷售數據製作的資料視覺化圖表，用來展示 Remotion 如何將數字轉換為動畫圖表。 完成的圖表可以匯出，並重複用於簡報、社群媒體貼文或影片中。

透明影片匯出

在 Remotion Studio 中使用 ProRes 4444 來渲染動畫，以保留透明度。 這樣就可以將生成的圖形匯入 Adobe Premiere、DaVinci Resolve 或其他影片剪輯程式中，並清楚地疊加在素材上。

相關問題與答案

Remotion 用來做什麼？

Remotion 是一個用程式建立影片的框架，包括專業動畫、動態圖形、字幕，以及資料驅動的視覺效果。

我需要自己寫程式碼才能用 Remotion 搭配 ChatGPT 嗎？

不。這段影片解釋說，透過 ChatGPT 存取的 Codex 可以替你建立檔案、撰寫程式碼，並執行專案。

在 ChatGPT Codex 中，我要如何開始一個 Remotion 專案？

請打開 ChatGPT 應用程式，前往左上角的 Codex，建立一個新的專案資料夾，並安裝 Remotion 外掛程式。

為什麼需要 Remotion 外掛？

該插件為 Codex 提供了正確使用 Remotion 所需的工具和指令。

影片中首先製作的是哪種類型的動畫？

首先製作了凱文餅乾公司的一段簡短動畫片頭。

可以，ChatGPT 非常適合幫忙撰寫 Remotion 專案的提示詞（prompts）。你可以用它來：- 生成影片腳本- 規劃分鏡- 設計動畫流程- 寫 React / Remotion 程式碼- 產出字幕、旁白、標題文案- 幫你把想法整理成適合 Remotion 的結構例如你可以直接問：- 「幫我寫一個 30 秒的 Remotion 影片提示詞，主題是產品介紹。」- 「把這段腳本改成適合 Remotion 分鏡的格式。」- 「請幫我生成一個 Remotion 動畫的 React 元件範例。」- 「幫我設計一個 YouTube Shorts 風格的 Remotion prompt。」如果你願意，我也可以直接幫你寫一份適合你專案的 Remotion prompts 範本。

是的。這段影片說，ChatGPT 可以幫助你為自己的專案撰寫提示詞。

我可以選擇 Codex 使用哪個 AI 模型嗎？

是的。這段影片顯示，你可以在送出請求之前選擇你想使用的 AI 模型。

Codex 是花了多久才做出第一個動畫的？

第一個動畫只用了四分多鐘就完成了。

如何匯出 Remotion 動畫？

在 Remotion Studio 中，打開合成選單，選擇渲染，然後匯出影片。

要匯出透明覆蓋層（transparent overlay），通常應使用哪種格式？

影片建議使用 ProRes 4444，這樣匯出的檔案才能保留透明背景。

可以。Remotion 動畫可以用在影片剪輯器中。

是的。匯出的檔案可以匯入到像 Adobe Premiere 或 DaVinci Resolve 這類的編輯器中。

如何在另一段影片上方製作動畫疊加效果？

將 Remotion 合成匯出為透明背景，然後將其放到剪輯軟體中現有素材上方的軌道。

Remotion 可以製作哪些類型的動態圖形？

影片展示了諸如下三分之一畫面、動態字幕、產品示範和動畫圖表等範例。

可以。Remotion 可以把資料轉成動畫化的圖表或圖形。如果你願意，我也可以：1. 幫你把「Remotion 如何做動畫圖表」整理成範例 2. 示範用 React + Remotion 做長條圖、折線圖、圓餅圖 3. 直接翻譯你要的整篇文章成繁體中文

是的。這段影片展示了如何將每月銷售數據轉換成動畫長條圖。

我可以在不回到 Codex 的情況下編輯 Remotion 動畫嗎？

是的。影片說你可以直接在 Remotion Studio 中進行修改，例如更新姓名、字幕和顏色。

更多視頻推薦

分享至: