Canva AIとHeyGenで解説動画を作る流れ

Canva AIとHeyGenで解説動画を作る流れ。Canva・HeyGenなどを対象に、向き不向きが分かるように整理します。

AIものさし編集部

Canva AIとHeyGenを組み合わせると、説明用のvisualをCanvaで整え、HeyGenのavatar・script・voiceを加えて動画にできます。まず決めるのはどちらの画面から始めるかです。HeyGen公式のCanva integrationは、Canva designへHeyGen avatarやscriptを加える方法と、Canva designをHeyGenへPPTXまたはvideo sceneとして取り込む方法の両方を案内しています。二つは同じ操作ではないため、作りたい完成物に合わせて一方を選びます。

この記事では「短いサービス解説を、画面資料とavatar narrationで作る」例を使い、構成、visual、script、timing、書き出し後の確認までを整理します。実際に生成した動画の品質や所要時間を測定した体験談ではありません。integrationの画面や利用条件は更新されるため、公式Helpで現在の手順を照合してください。

先に動画の用途と完成条件を決める

作り始める前に、配信先、長さ、画面比率、字幕、ブランド要件を決めます。YouTube向けの横長説明と、縦型shortではcanvasから違います。Canva側で全sceneを作ってから別の比率へ変えると、文字やvisualの再配置が必要になるため、用途を先に固定します。

表は横にスクロールできます

用途先に決めること最終確認
横長解説16:9、scene数、字幕位置mobile再生で本文が読める
縦型short9:16、safe area、captionUI overlayで字幕が隠れない
社内研修screen recordingや図解の量用語と手順が正確
Web埋め込み再生サイズ、無音視聴音声なしでも要点が伝わる

動画を「AI avatarが話すもの」とだけ決めると、scriptが長くなり、画面には同じ文章が並びがちです。視聴者が見終わった時に何を理解するかを一つに絞り、各sceneを一つの要点に割り当てます。

Canvaでscene設計とvisualを整える

Canvaは、sceneごとの背景、見出し、図解、画像、ブランド色を構成する場所として使えます。1sceneに説明を詰めず、見出し1つ、要点1つ、補足visual程度に整理します。文章で説明すべき内容を小さな文字で画面へ押し込まず、narrationと画面の役割を分けてください。

表は横にスクロールできます

Scene画面に出すものnarrationで補うもの
1 問題読者が困っている状態なぜ今整理する必要があるか
2 判断軸2〜3個の比較軸どの条件で選択が変わるか
3 手順stepごとのvisual操作の理由や注意点
4 失敗例NG / OKの対比どこを確認すれば直せるか
5 next actionchecklistやリンク先視聴後に試す一つの行動

Canva AIを使って見出し案、visual候補、背景などを作る場合も、生成物をそのまま公開前提にしないでください。ブランド色、商品UI、ロゴ、数字、固有名詞、画像の権利と用途を担当者が確認します。特に画面内の価格・仕様は時間が経つと古くなるため、出典と確認日を制作資料側に残すと更新がしやすくなります。

連携方式A:Canva designへHeyGenを追加する

HeyGen公式のCanva integrationでは、CanvaのAppsからHeyGen AI Avatarsを開き、アカウントを接続し、avatar、script、voiceを選んでvideoを生成し、MP4で書き出す流れが紹介されています。この方式はCanvaを編集の入口にしたい場合に向きます。アプリの表示や有効化、利用可能なavatar・voice・creditsはaccount planなどに依存するため、作業前に自分のworkspaceで確認します。

流れは次のとおりです。

  1. Canvaで配信先に合わせたdesignを作る。

  2. AppsからHeyGen AI Avatarsを探し、認証画面で接続する。

  3. 必要なsceneへavatarを置き、script、voice、languageを選ぶ。

  4. sceneごとの読み上げ時間と画面切替を調整する。

  5. 生成後に字幕、visual、音声、固有名詞を再生確認する。

  6. CanvaからMP4を書き出し、スマートフォンでも確認する。

scriptを画面の見出しと同じ文章にすると、視聴者は読むか聞くか迷います。画面は要点、voiceは理由や補足へ分けて、無音でも伝わる見出しや字幕を用意します。

連携方式B:Canva designをHeyGenへ取り込む

別のworkflowでは、Canva designをPPTXまたはvideoとして書き出し、HeyGenへimportしてavatarやscriptを加えます。HeyGen Helpでは、design import後にavatar、script、voiceを追加できる流れが案内されています。ただしcomplex animationや一部font・elementは完全に再現されず、font置換、layout shift、missing elementが起きることがあります。大量sceneを作る前に、代表slideを一枚だけ取り込んで確認します。

選び分けの目安は、Canva内でavatarも含めて仕上げたいなら方式A、Canvaで作ったslideをHeyGen editor上でsceneとして扱いたいなら方式Bです。PPTXをvideo sceneにする場合、個々の要素が編集可能なまま保持されるとは限りません。import後は背景、文字、画像、avatar、音声を一度ずつ確認し、ずれがあれば元designを修正するか、最終編集をどちらで行うか決めます。

narrationとvisualの尺を合わせる

scriptの文字数だけでは、動画の長さを正確に予測できません。固有名詞、数字、間、画面を読む時間によって聞き取りやすさが変わります。sceneごとに「話す要点」「表示する要素」「読む時間」を表にし、詰め込みすぎならsceneを分割します。

表は横にスクロールできます

scenenarrationの役割画面上の情報見直し基準
導入何が解決するか問題と結果最初に答えが伝わる
手順判断の理由1操作ずつ表示読み終える前に切り替わらない
注意失敗例と境界NG/OKまたは条件強い注意語と映像が一致
結論次の行動URLやchecklist実行内容が一つに絞られる

HeyGenでvoiceやavatarを選ぶ場合、声質だけでなく、固有名詞の発音、話速、字幕との同期、画面内人物の位置を確認します。字幕が読み終わる前にsceneが切り替わる場合、script短縮、scene延長、字幕の分割のどれを直すか決めます。生成動画は最終版ではなく、編集・QAの対象です。

公開前の動画QA

  • videoの最初の数秒で、何を説明する動画か伝わる

  • sceneが一つの要点に対応している

  • 小さい文字や安全領域外へ重要情報を置いていない

  • voiceと画面文字が同じ文章を繰り返していない

  • scriptの価格・仕様・数字を一次情報で確認した

  • avatarの口元、手、字幕、voiceの同期を確認した

  • CanvaからHeyGen import時のfont・animation・element差を確認した

  • 音声なしでも字幕とvisualから主旨が分かる

  • phone、desktopの両方で見切れがない

  • export後のファイルが期待する比率・音声・字幕になっている

テスト時は本番の製品画面や顧客情報を含めないサンプルを使います。公開用素材の利用許諾、出演者やavatarの利用条件、BGM・画像・フォントの権利も制作主体のルールに照らします。

使い分けの判断

表は横にスクロールできます

条件合いやすい進め方
Canvaを主編集画面として使い続けたいCanvaからHeyGen appを使う方式を試す
slideをHeyGenでscene化してavatarを足したいPPTX importを1枚で検証してから進める
animationや複雑なfontが重要import後に崩れないか先にprototype
avatarが不要で図解だけで伝わるCanva内で動画・字幕まで完結できるか確認
scriptの正確性が重要AI narrationを公開前の人手reviewへ通す

AIものさしの判断

Canva AI+HeyGenは、単純に両方を使うことではなく、Canvaのvisual設計とHeyGenのavatar・voiceをどこでつなぐか選ぶworkflowです。まず一つの短い解説を作り、連携方式A/Bのうち目的に合う方だけを試します。import fidelity、音声、字幕、スマートフォンの可読性を確認し、役割が重なって編集が難しくなるなら、最終編集画面を一つに絞ってください。

次に読む・使う

この記事の次に必要な情報へ進めます。