不用打開剪輯軟體,用 Codex AI 把一篇文章自動做成圖文動畫教學影片

Codex 產生文章教學影片,預覽畫面呈現工作流程,右側列出相關產出檔案。

前兩天在電腦玩物分享了 OpenAI 的桌面端 AI 助理 Codex 教學:「一般人如何快速上手 Codex 超完整圖文教學:讓 AI 助理整理文件表格,建立自動化流程」,今天繼續分享一個一般人日常也可以使用的 Codex 應用案例:製作動畫影片,可以把一篇文章轉成教學影片,可以把一個網站轉成介紹影片。


只要在 Codex 建立影片專案資料夾,利用 OpenAI 內建的影片製作外掛(包含對應的技能 Skills ),就可以

透過「開口下指令」的方式,讓 AI 助理幫我們撰寫影片腳本、準備影片圖片素材、設計影片動畫特效、完成影片剪輯!

像是老師要製作教學影片,專案經理要製作產品說明影片,都可以利用 Codex 建立一個更自動化的影片生產流程。

透過下面分享的方法,我把前幾天的這篇教學文章「一般人如何快速上手 Codex 超完整圖文教學:讓 AI 助理整理文件表格,建立自動化流程」,在只動口下指令的情況下,沒有自己動手做任何的剪輯修改,把文章轉換成下面影片版本。








這篇之後,我又測試了保留文章原圖、原文的動畫製作流程,也讓 Codex 結合 MiniMax 模擬我的聲音,加上影片旁白。想從前面的基礎操作繼續往下做,可以參考這次包含模型分工、配音與驗收的完整經驗。

第一步,讓 AI 先抓取文章,規劃影片腳本


我的步驟是這樣的。

先在 Codex 開一個新的聊天,然後指定一個未來要製作影片用的電腦資料夾,這樣就開始了一個影片製作專案。(詳細教學步驟可參考:「一般人如何快速上手 Codex 超完整圖文教學:讓 AI 助理整理文件表格,建立自動化流程」)

Codex 輸入框下方選取 video 工作資料夾的位置。



然後我的第一個指令如下,先打開 Codex 的「規劃模式」,讓 Codex 去抓取指定網頁的文章、圖片,先寫出一個影片腳本。

你是我的影片製作專家,把這篇文章內容「https://www.playpcesor.com/2026/05/codex-ai.html」,改寫成教學影片的腳本。請一步一步處理,根據這篇文章的教學文字內容,網頁文章中提供的教學圖片與文字,思考如何變成一則快速上手教學影片。我的期待是影片本身會用圖文搭配動畫製作教學,內容除了搭配文章中的關鍵字句、圖片外,也可以搭配一些圖解動畫方式呈現。影片不會有旁白,但有配樂。每一頁的節奏明快,讓人看得懂,但不會太沉悶,影片能引起大家的興趣,並能掌握快速上手的核心邏輯。

Codex 產出的快速上手影片腳本,列出摘要及按時間排列的分鏡、畫面重點與素材。




第二步:讓 AI 自己把圖文素材準備好

根據腳本計畫執行的 Codex ,不只會寫出影片的分鏡架構,還自動把我文章中的圖片都抓取下來,之後可以放入影片中。

Codex 從文章擷取教學截圖,右側顯示整理後的圖片總覽。




第三步:利用 Codex 內建的影片製作外掛

目前 Codex 內建了兩種製作動畫影片的外掛:

  • Remotion(製作的影片比較簡單,但是產出速度更快)
  • HyperFrames by HeyGen(製作的影片有比較多動畫效果)

直接在 Codex 的「外掛程式」頁面找到這兩個外掛,安裝其中一個即可(相應的技能等也會一起安裝)。

這邊我利用 HyperFrames by HeyGen 來做示範。

Codex 外掛程式列表中顯示 Remotion 與 HyperFrames by HeyGen。



要特定外掛時,可以在 Codex 先輸入 @ ,然後打上外掛名稱即可。

於是在完成腳本、抓好圖片素材的 Codex 專案中,我接著這樣下指令(一樣開啟「規劃」模式,先做計劃再執行):

@HyperFrames by HeyGen
根據專案的教學影片腳本,以及你準備好的文字、圖片素材,製作出教學影片。請你一步一步分析我的需求,這支影片主要的目的是了解觀念、引起興趣,並且會讓看到的人願意分享。用這樣的角度去思考,在目前現有的腳本架構、圖片素材當中,你怎麼把它們重新組合來製作影片?你自己去決定影片的規格,你可以做幾輪的分析,去嘗試找到影片當中如果還需要製作一些動畫素材,或者什麼樣的串場,自己想辦法去實現它。

Codex 擬出了下面計畫,我就讓他接續執行。

這時候,會需要安裝製作影片需要的程式、工具,但是不用擔心,Codex 會自己在電腦資料夾中完成這些動作,我們就交給 AI 執行即可。

Codex 的長影片製作方案顯示腳本摘要與分鏡表,右側列出專案檔案。




第四步:完成影片並匯出

當 Codex 完成影片後,可能出現幾種情況,如果比較短的影片,有時候 Codex + HyperFrames 會直接匯出 mp4 影片,儲存在我們前面指定給他的專案資料夾中。

Codex 完成影片後,在對話中提供影片預覽與橫式 MP4 下載連結。



但如果是 Codex + HyperFrames 的搭配,製作完成後有可能先提供一個預覽網頁。
我們先在網頁中查看影片效果如何,如果決定匯出,就在右上方的「 Renders 」處,選擇「 Export 」匯出成 MP4 影片檔案。

HyperFrames 影片預覽介面,右上方可開啟 Renders 清單並選擇 Export。




第五步,讓 AI 協助幫影片加上配樂、音效

如果前面製作的影片沒有配樂,我可以這樣接續的問 Codex:

如果我想要加上音樂、音效甚至配音,可以怎麼做,請一步一步規劃執行。

在這個測試中, Codex 找到了可以授權免費商業使用的音樂,直接加入前面的影片中。

Codex 規劃在 Remotion 影片中加入背景音樂、音效與旁白,並列出音訊檔案配置。




第六步,影片不如預期怎麼辦?

如果想要修改影片,因為 Codex 上也無法進行影片剪輯或編輯功能,所以也都是直接下指令即可。

例如我想要影片換頁的節奏快一點,我就說:

根據下方需求,改進腳本,重新製作影片,請一步一步分析處理:這一個版本的單一畫面停留太久,因為我沒有要搭配旁白,希望觀看者直接從螢幕畫面上獲取需要的內容,所以你應該把關鍵解說文字也放入單一畫面,思考觀看者讀完內容的節奏,就要切換到下一個畫面。

Codex 規劃將新手教學影片重製為 36 至 40 個短畫面,每個畫面停留 6 至 9 秒。

重製後的影片說明資料夾是 Codex 的工作範圍,並標示啟動專案、交派任務與輸出成果。




第七步:讓 ChatGPT Images 2.0 補圖

Codex 本身也可以使用最新的 ChatGPT Images 2.0 生成 AI 圖片(參考:ChatGPT Images 2.0 工作專用 AI 繪圖工具:大量密集中文排版圖解、簡報案例實測),而且只要下好指令,可以「一口氣生成一系列圖片素材庫」。

我一樣先用「規劃」模式, 讓 Codex 思考應該補上哪些圖片素材,先做好計畫:

接下來這段影片當中應該會需要一些圖片素材,幫我規劃要設計哪些圖片,然後用你的生成圖片能力把這些圖片素材生成出來。請你一步步分析,根據前面的這個腳本,裡面已經有一些固定的教學截圖,但如果再加上怎麼樣的圖解、怎麼樣的流程圖,或者怎麼樣的 icon、圖像,這個影片會更有趣呢?先幫我做好規劃,然後接下來一步步生成這些需要的圖片素材,作為接下來要製作影片所使用。

Codex 規劃 Remotion 影片補充圖片素材,列出工作台與檔案轉成果等圖解的用途。



做好計畫後,讓 Codex 用自己的 AI 繪圖能力開始生成一系列圖片。

Codex 生成影片用圖解素材,包含 AI 工作台和資料夾轉成多種工作成果的圖像。



最後讓 Codex 把前面新生成的圖片,加入到影片中即可。

加入 AI 圖解的影片預覽,以先盤點資料夾、不修改檔案作為第一個練習。



Codex 對一般人來說,不一定要寫程式,也可以完成各種日常工作,例如這篇教學文章中分享的「製作影片」案例。

我們只要下指令,就可以讓 Codex 透過內建的外掛,自動完成撰寫腳本、準備素材、繪製圖片、製作動畫、剪輯影片的一系列工作流程。

大家手上其實都有很多「已經寫好的內容」:

  • 教學文章
  • 課程講義
  • 公司內部 SOP
  • 產品說明文件
  • 部落格文章
  • 專案介紹頁

未來文章、簡報、文件都可以交給 Codex AI Agent 轉成影片版本。有興趣的朋友可以試試看。



大家好,我是電腦玩物站長 Esor ,歡迎參考我的系列課程與書籍:


我的電子郵件是 esorhjy@gmail.com ,如果你有任何關於筆記術、時間管理、提升工作效率的問題,歡迎寫信跟我討論。

(歡迎社群分享。但全文轉載請來信詢問,禁止修改上述內文,禁止商業使用,並且必須註明來自電腦玩物原創作者 esor huang 異塵行者,及附上原文連結:不用打開剪輯軟體,用 Codex AI 把一篇文章自動做成圖文動畫教學影片)

留言

這個網誌中的熱門文章

有趣的搜索結果&歡迎您的來訪

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

ChatGPT Dot 實戰教學:從 AI 秘書、AI 辦事員,到 AI 總管的 10 個應用案例分享

Draw.io 中文線上製作流程圖首選!專業水準完全免費

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Comodo Internet Security 5.0 免費防毒防火牆軟體新手上手教學

Google 相簿適合你嗎?我的12招照片雲端整理術教學

Facebook 新隱私設定14大祕辛,在他人洩漏你秘密前審查

Rainlendar 2.2 桌面行事曆基本安裝設定完全攻略

Google+ 相簿是儲存旅遊照片最佳雲端硬碟,我的8個好理由