Google Vids（Veo 3.1）で挿絵を動かす｜noteを彩るGIFの作り方

最近の記事に一部だけGIFを取り入れたところ、「どうやって作ったの？」って聞かれたから、前回の記事のGIFの作り方を解説しておこうと思う。

前回の記事はこちら👇

前回の記事のGIFはこちら👇

✦ GIFとは？

簡単に言うとパラパラ漫画。
たくさんの画像をつなぎ合わせて動きを付ける。

読み方は人による。
ギフかジフ。私はギフって読んでる。

いろんなツールがあるし、人によって作り方は千差万別。

私の場合は以下の通り👇

ここ数年、AIツールへの課金で瀕死状態なので、極力有料のサブスクは使わないようにしている。

ただし、動画生成だけは有料。
私はGoogle Workspaceを契約しているので、今回はGoogle Vidsを使う。
※生成回数に制限あり

Google VidsではVeo 3.1が利用できる。
使わない理由がない。

Google系だったらFlowとかWhisk（2026年4月30日以降はFlowに移行）もある。

クレジットいるし目的が違うので今回は記事から除外するけど、無料アカウントでも何個かは作れる。

Flowの使用クレジット👇

有料にするのが嫌だなって人は、有料ツールの無料期間で試してみるとか無料で使えるツールでやってみるのが良いかも。
Meta AIとか無料で試せるものもあるし、お好きなもので。

昔は根性で一枚ずつイラストを微調整してGIF化してたけど、時間が溶けるのでAI時代にオススメはしない。

✦ 作り方

1．Geminiで挿絵を作る

これは以前書いた記事の通りなので割愛。

2．画像を編集する

動画にするときに用意する画像のコツとしては、何を動かしたいかによる。

✅キャラクターだけを動かしたい場合

背景をシンプルな単色にして、キャラを切り出して、あとで背景に載せやすくする。

キャラクターだけを削除

キャラクターだけを切り出す。

キャラクター削除やキャラクターの切り出しはGeminiにやってもらうか、Windowsの標準機能のフォトとかでもできる。
私はfigma使ってる。

✅キャラクターと背景は動かすけど文字を動かしたくない場合
文字入りの挿絵を作って、テキストを除去したバージョンを再生成してもらう。

最初に作ってもらう画像はテキスト入り。

この画像からテキストのみを除去してもらったのがこちら。

こうすることで、背景部分だけを動画化して、文字を後で入れることができる。

3．Google Vidsで動画にする

もし、試しにアカウントから言語を英語化した人は、戻しておかないと、Googleサービス全部が英語になるので注意。

一応、Geminiでの動作も載せておくので参考に。

❚ 無料アカウント版のGemini
サブスクが必要になって動画が作れない

❚ 有料アカウント（Google Workspace）版のGemini
動画は生成できるけど結果は微妙かつ3回まで

では、Google Vidsで画像を動画化していく。

ダッシュボードを開いて、

「新しい動画を開始」をクリック。

またはこちらのリンクから直接開く。

Google Workspaceアカウントの選択肢はこちら👇
左上の「Veo3.1」をクリック。

右パネルの「Veo」が選択された状態で開く。

動画は2つの作り方がある。

どちらでも生成は8秒の動画クリップになる。
GIFだと関係ないけど、英語プロンプトだとセリフが英語になる。

動画の向き（サイズ）も2つ。
（公式ドキュメントにはスクエアもあるけど、表示にはない）

（生成した動画をクリックしたらスクエアが出てきた。）

✅「画像をアニメーション化」で背景部分を動画化する。

どんな動画を作りたいかを入力、画像を追加して「生成」をクリック。

数分で動画が生成され右下に表示され、ホバーすると再生。
気に入らなければ再生成もできる。

「挿入」をクリックするとキャンバスに載る。

上下が黒いのは、横長の画像を動画化したため、16:9のサイズに合っていないから。これは後で調整する。

✅同様にキャラクターだけを動画化。

簡単な動画編集はVodsの中でもできるので、右のパネルから色々試してみるとおもしろい。

挿入したアイテムのタイミングやアニメーションを調整することで、Canvaの有料テンプレートのようなおしゃれなものを作ることも可能。

4．動画を編集してダウンロード または ダウンロードして編集

動画編集は人によって使うツールが違うと思うので、Vidsでもいいけど、今回は横長サイズなので、Vidsの16:9と合わないため別のツールに移動する。

まずは作ったファイルに名前を付けてダウンロード。
（動画クリップごとにファイルを分けた方が用途が明確になる）

ダウンロードできる種類は2つ。

MP4で編集してからGIFにした方が、カクツキが減ったりした実感があるので、私はMP4でダウンロード。

ダウンロードした動画を、今回はmiricanvas（無料アカウント）で編集する。

なぜmiricanvasかというと、キャンバスのリサイズができるのと、Canvaでは有料のフォントが無料で使えたりするから。

noteのサムネイルやヘッダーなども全部miricanvasで作ってる。

では、動画を編集していく。

4-1．新しいキャンバスを作成

4-2．素材をアップロード

アップロードボタンから選択 または ドラッグドロップ

キャラクターを後で配置する画像は背景にしておく。
背景じゃなくてもサイズを調整して配置でもOK。

4-3．サイズや速度などを調整

背景にするよりもサイズ調整でキャンバスに合わせた方が微調整できる。

背景にかぶらないようにサイズ調整してキャラクターを配置。

4-4．テキストを配置

4-5．MP4 または GIFでダウンロード

GIFでダウンロードしてそのままnoteにアップできる場合もあれば、出来ない場合もあるので、MP4でダウンロードして、別のツールでGIFに変換することもある。

GIFでダウンロードしてアップできなかった場合や、MP4でダウンロードしてからGIFに変換する場合は次のステップ。

5．GIFに変換・GIFのサイズ調整など

❚ 動画をGIFに変換｜ラッコツールズ

MP4ファイルをupして、秒数やサイズを調整して「GIF作成」。
出来たらダウンロード。

なぜ、これを使ってるかというと、変換中のラッコが可愛いから。

❚ GIFのサイズ変更や切り抜きなど｜I💙IMG

これは単純に、I❤PDFとセットで会社員時代からずっと使ってる。
シンプルでいろんなツールがあって、便利。

特に容量サイズオーバーでnoteにアップロードできないときは圧縮して小さくする。

6．noteにアップロード

メニューから画像をクリック

または ドラッグドロップ

アップロード中

色が濃くなったらアップロード完了

✅アップロードできるサイズについては公式のヘルプを要確認
画像サイズについて

✦ 完成

慣れると10分くらいでできるので、ぜひやってみてね。

✦ おまけ

動画生成時のプロンプトやファーストフレームや参照画像をこだわることで、色々な動画が生成できる。

Geminiで動画生成用のカメラワークとかライトニングとかを細かく指定できるプロンプトジェネレーターみたいなアプリをCanvasで作るのおすすめ。

例えば、下記のCanvasアプリは、参照画像を入れて、どういう画像を作りたいかを入れると、動画生成に対応したプロンプトを作れるようにしてる。

このアプリは今後、使い方と共有リンクを有料記事で公開予定。

出てきたプロンプトはこちら👇

参照画像とやりたいことから生成された参考画像。

これを最初の画像としてVidsに入れて、出てきたプロンプトをVidsに入れて動画生成して、テキストアニメーションを追加した。

読み込ませた画像を分析した詳細なプロンプトでカスタムアバターを作ればVids内のナレーション機能で自分のキャラクターにしゃべらせることも可能。

ちゃんと体や髪の毛の動きもあって、口パクもできる。楽しい。

GIFにすると音声消えるけど、ちゃんとしゃべってる。