• 投稿日:2026/01/01
  • 更新日:2026/01/08
【無料】NanoBananaProで描いたイラスト1枚からMV風動画を作ってみた手順まとめ

【無料】NanoBananaProで描いたイラスト1枚からMV風動画を作ってみた手順まとめ

neco.🐈‍⬛|ChatGPT効率化

neco.🐈‍⬛|ChatGPT効率化

この記事は約9分で読めます
要約
NanoBananaProでイラストを描いて楽しいその次のステップに動画作成はどうですか? イラスト1枚からMV風 動画を作成してみよう:) 無料でできるので気軽に試してみてね

こんにちは!
AIでめんどくさいを日々撲滅している neco.🐈‍⬛ です。

みなさん、AIでイラスト描いていますかー!

私は、NanoBananaPROの登場によって、
AIでイラストが描けるようになり、毎日とても楽しい日々です(*´ ˘ `*)♡


イラストが描けるようになってくると、
次に気になってくるのが「動画」。


自分の描いたイラストを動かしたい!
今回はそんな思いから書いた記事になります:)

テーマは
MV(ミュージックビデオ)風の動画を作ってみる
その手順をまとめてみようと思います。


とはいえ、私自身は動画作成初心者。
本格的な映像制作の知識があるわけでも、
動画編集の経験があるわけでもありません( ;ㅿ; )


だからこの記事では、
動画初心者の私が、実際にやった手順をそのまま
初心者の方にもわかりやすいようにまとめていきます:)

これから動画作成をしていきたいよーという方の参考になる記事です。


今回は
AIで音楽の作り方や、 リップシンク(キャラクターが音楽に合わせて口を動かす)については 今回の記事では解説していません。こちらはまた別の機会に(*´ ˘ `*)♡

今回作ったMV風動画はこちら

今回作ったMV風動画がこちらです↓

アニメ風動画 (擬人化猫さんのイラスト)
https://www.instagram.com/reel/DS8oQ_Sk4vV/?igsh=cjY2bXVra3RvYnF2

ストップモーション風 (猫さんのお人形)
https://www.instagram.com/reel/DRePqv1j7r4/?igsh=MWVyYXo0aGtkMGwybA==

この動画は1枚のイラストから動画を作成しました!
NanoBananaProのイラストからもう一歩進んで、何かしたいなという方に
おすすめです:)

またこちらの動画は、動画作りを初めて1回目と2回目の動画です
なので、初めての方でもこのぐらいのクオリティは余裕ででます 笑

使ったツール

NanobananaPRO
→ 1枚絵の制作/マルチショット(9カット)生成

ChatGPT
→ 画像分割や、プロンプト作成の補助

KlingAI(Kling 2.5)
→ 画像 から 動画作成
※ 他の動画生成AIでもOK

iMovie
→ 動画編集
※ 他の編集ソフトでもOK

全体の流れ(先に全体像)

MV風動画作りのステップはこちら↓

1.尺と雰囲気をざっくり決める
2.動画のメインとなる一枚絵を作る
3.その画像から「9カットのマルチショット画像」を作る
4.9カット画像を分割する
5.それぞれを動画にする(Kling)
6.編集する(iMovieなど)

ポイントは「一枚絵 → 9カット化」
詳しく説明していきますねっ

0. 尺と雰囲気を決める

​まずはふわっとで良いので、どんな動画にしたいかを決めます。

* 曲の長さ(例:3分)
* 全体の雰囲気 → 暗め?明るめ?
* 実写っぽい?アニメっぽい?
* 1カットの長さは?(例:3〜5秒)

1. 一枚絵を作る

まずは MVの世界観が伝わる一枚絵 を作ります。

* キャラクターの見た目(顔・服・髪型)
* 色味(全体のトーン)
* 質感(実写寄り/イラスト寄り など)

d8f6905b-c861-4a97-98ed-2e1350b9bc6f.png

5105a0cc-be73-49f7-a5a3-037baa9cb130 (1).pngさらに、
世界観を表す静止画+キャラクターを3方向から見た画像
を作っておくと、後工程でのキャラのブレが少なくなります:)

キャラのデザインや3方向から見た画像の作り方はこちらをご参照ください
https://library.libecity.com/articles/01KCSVZ4AS65DSQE8DNJQ6AG9H#custom-heading-id-245459

2. 一枚絵からマルチショット(9カット)を作る

次にNanobananaPROで、
1で作った画像を元に、9つのシーンをまとめた画像 を作ります。

d01a4239-9d0b-4861-a6c4-c972354087af.png作り方は2パターンあります:)

パターンA:各シーンを具体的に指定する

プロンプトで、9つのシーンを具体的に指定します。

d5baa3c1-d165-4a43-968e-bae9038ea580.png例:
主人公はちびきゃら
パネル内容(左上→右下):
① 正面メイン:正面バストアップ、堂々とした笑顔、メインボーカル感。
② 超寄り顔:極端な顔アップ、感情的に歌う、目を閉じる、背景強ボケ。
③ 上半身ダンス:元気なポーズ、振りが分かる、躍動感。
④ ファンサハート:カメラ目線、両手で胸前ハート、明るい可愛い笑顔、アイドル力最大。
⑤ 決め台詞:カメラ目線強め、少し息が上がったエモい瞬間の寄り。
⑥ 客席リアクション:アイドル前景、後景に熱狂する観客とペンライト。
⑦ MC交流:カメラへ指差し or 手を伸ばす、笑顔で煽る。
⑧ 袖横顔:サイドからのプロフィール、汗がリアル、ドラマチックな照明、ライブの生々しさ。
⑨ フィナーレ広角:ステージ全景、強烈な光、クライマックスの熱量。

おすすめな方
💡動画のイメージが固まっている方向け
💡より詳細に動画を作りたいときに

プロンプトはこちら
https://ai-neco.kuma-base.com/snippets/e05ad29d-7a56-4c35-8605-ebcdfec22f1c

パターンB:雰囲気とカット構成だけ渡してお任せ

シーンを指定するのは難しいので、
俯瞰、あおりショット、横顔などのカット構成(カメラアングル)とざっくりとした世界観の雰囲気だけ渡して、あとはNanoBananaProにお任せしちゃうパターン:)

1a5cff0a-3fa3-4dc2-ae4a-0080f76c2f9b.pngおすすめな方
💡まずはそれっぽい動画を作ってみたい方向け
💡私は最初こちらで作りました🐈‍⬛

プロンプトはこちら
https://ai-neco.kuma-base.com/snippets/fe35d475-330f-43f4-9dcd-44685e34cafb


カメラアングルの種類についてわからないよー( ;ㅿ; ) という方は、こちらを参考にしてください

1761319887-j53ayVlzHq2UrpTGm4kJgOW1 (1).png↑引用:AIでミュージックビデオをつくろう


スクリーンショット 2025-12-31 22.12.38.pngプロンプトのカメラアングルを31個紹介してくれてます:)

おまけ:実写版

プロンプトで「実写版にしてください」と指示すると、イラストを実写版風にしてくれます

先ほどのイラストの実写版💡

d540789c-b8eb-4405-a115-e799bc83eef6.png

3. 9カット画像を分割する

9カット画像ができたら、
これを9枚の画像に分割 します。
この作業は、ChatGPTにお任せです:)

3×3に等分して9枚に切りにして」というと、
9枚の個別ファイルにしてくれるのでおすすめです
スクリーンショット 2025-12-31 20.25.06.png

4. それぞれの画像を動画にする(Kling 2.5)

分割した9枚の画像をChatGPTに渡し、
ストーリーを考えながら 各画像用のプロンプト を作ってもらいます。

プロンプトはこちら
https://ai-neco.kuma-base.com/snippets/9224d2ea-71c7-4caf-80da-bca3ab763306

ストーリーはこちらでChatGPTと練ってくださいねっ(*´ ˘ `*)

その後、
* 画像
* プロンプト
をセットで Kling2.5 turbo などの動画生成AI( 画像から動画生成/Image-to-Video)に渡し、動画を作成していきます。

KlingAIの使い方

知っているよーという方は読み飛ばしてください:)

1.Kling AIにアクセス (必要に応じて会員登録)
※こちらは無料でも少し使えます

2.Topページの動画生成をクリック

9d1d73f1-56ad-47f4-9b88-ff60cf481464.png3.動画2.5 Turboを選択

1a4ad68f-1ba8-430f-b9f6-ee5d08e42df3.png4.画像から動画へ

181d4f3b-a495-408e-a9f5-4b6b52186f17.png5.開始フレーム画像を追加

a74285b9-5d8f-4b61-b389-342ac28fa7fd.pngKling 2.5 Turbo では、開始フレーム画像として静止画を指定し、プロンプトに沿って動画を生成します。
先ほど作成した画像とプロンプトをセットで入力し、動画を生成してください。

826036fd-9e13-404c-bf86-0bac2d7bf735.png

ワンポイント

終了フレーム画像 も指定できます。

前後の動画に繋がりを持たせたい場合は、
次のように指定すると自然につながりやすくなります。

シーン1:開始 = A画像 / 終了 = B画像
シーン2:開始 = B画像 / 終了 = C画像
シーン3:開始 = C画像 / 終了 = D画像

1つの動画で立ち絵から座り絵にしたい場合も同じ考えで指定できます。
開始 = 立ち絵画像 / 終了 = 座り絵画像

スクリーンショット 2025-12-31 21.06.24.png↑森の奥に歩いて、振り返って座る動画になります:)

5. 編集する(iMovie)

最後は編集です。
これまで作成した動画をつなげて、
必要に応じてカットすれば完成です⸜( ´ ꒳ ` )⸝

「編集」と聞く「え?むり・・・」とハードルが高く感じるかもしれませんが、Mac💻標準の iMovie なら、初心者でも意外とサクッとできます。

また、Instagramなどのアプリで編集するのもおすすめです。
みなさんが使いやすいツールでOKです:)

iMovieの使い方

知っているよーという方は読み飛ばしてください:)

1.MacのアプリからiMovieを起動
ない場合はApp Storeからダウンロードする

2.新規作成>ムービーを選択

スクリーンショット 2025-12-31 22.24.41.png

3.画面上部の↓をクリックして、先ほど作成した動画を全て選択する

スクリーンショット 2025-12-31 22.25.38.png

4.画面上半分にある動画をドラックアンドドロップで画面下部に移動

スクリーンショット 2025-12-31 22.27.34.png5.4を繰り返して、動画を作る

スクリーンショット 2025-12-31 22.28.54.png※もし、特定のシーン(1つの動画)を短くしたい場合
画面下部の切りたいシーン(動画)の場所でクリック>右クリック>クリップを分割

スクリーンショット 2025-12-31 22.29.36.png分割された動画を選択して右クリック>削除

スクリーンショット 2025-12-31 22.29.59.png6.画面上部の右端のマークをクリック>ファイルを書き出すで、1本の動画にして保存

スクリーンショット 2025-12-31 22.39.35.png以上です、お疲れ様でした!

↓こちらのサイトもわかりやすく解説してくれているので参考にしてみてください:)
【初心者ガイド】Macで動画編集!iMovie の基本的な使い方


まとめ

動画作りって、最初は「難しそう…」って思うと思いますが
具体的な手順を意外とNanoBananaProの画像作りの延長線上にあって、できそうじゃないですか?

* イラスト1枚を9カットにする
* それぞれのイラストを動画にする
分けて、ひとつずつ積む。これだけで一気に作りやすくなります。

まずは、
楽しく1本作ってみましょう:)

neco.🐈‍⬛の紹介

仕事はAIエンジニアです:)
AIやITを使った業務効率や便利なツール開発が得意です

リベでは隔週でAIの勉強会を開催したり、不定期でAIのニュースをつぶやいたりしています。AIに興味がある方は、ぜひフォローお願いします!

AI/ChatGPT仕事活用 勉強会チャット💼✨

https://libecity.com/room_list?room_id=rwkoWyaSwNMv4T4w6lgu

ブックマークに追加した記事は、ブックマーク一覧ページで確認することができます。
あとから読み返したい時に便利です。

neco.🐈‍⬛|ChatGPT効率化

投稿者情報

neco.🐈‍⬛|ChatGPT効率化

トラ会員

この記事に、いいねを送ろう! 参考になった記事に、
気軽にいいねを送れるようになりました!
この記事のレビュー(5
  • 会員ID:TIZQZl0f
    会員ID:TIZQZl0f
    2026/01/04

    記事を参考に、はじめて動画作成してみました!KlingAIで自分で作ったキャラクターを5秒間の動画にするかことができました!

  • 会員ID:H8RcCOzE
    会員ID:H8RcCOzE
    2026/01/04

    neco.🐈‍⬛さん、素敵な記事をありがとうございます!🐈‍⬛ イラスト1枚からMVができるなんてワクワクしますね。9枚分割の手法、とても効率的で真似したくなりました!

  • 会員ID:kfSeS9uq
    会員ID:kfSeS9uq
    2026/01/01

    今日はセミナーありがとうございました😊 途中までやってみたのですがKlingでつまづきました😅 9分割にした時に、なぜか解像度が下がって、写真がKBサイズになったからか、アップロードできなかったです😭 満足いくようなMVを作るのは、とても手間がかかるということがわかりました😄 記事の中の2つの素敵な動画、ほっこり和みました💖 ありがとうございました✨

  • 会員ID:bFw2W3T3
    会員ID:bFw2W3T3
    2026/01/01

    参考になりました🙏 今後のコンテンツ活動で活かせたらと思います☺️

  • 会員ID:MCSVAx9m
    会員ID:MCSVAx9m
    2026/01/01

    貴重な記事をありがとうございます! 私はリベの皆さんのおかげでAIに興味が湧き チャピちゃんやナノバナナにハマってます♪ 動画もチャレンジしましたが完成までが大変で^^; 2本くらいしか作ってないですw でもやっぱりまたチャレンジしたいのでnecoさんの勉強会にも参加させてくださいね❣️