【やってみた】CTAをGIFにしてみた｜無料ツールのみ

2025年12月9日 19:05

数あるnoteの記事の中から私の投稿をご覧頂きありがとうございます✨

火曜日は「＃やってみた」ということで未経験のことへの挑戦した内容＆気になったことを調べて検証した結果をご紹介しています。

今日はタイトルの通りCTAをGIF（一言でいうと動く画像。ペラペラマンガみたいなイメージ）にしてみたお話になります。

きっかけは最近色々私が勉強させて頂いている”ごまめ”さんの下記記事。

AI研究家で、9月にnoteはじめられてすでにフォロワー1000人突破の凄い方です。

上記記事で紹介されていた方法を少しだけアレンジして無料でGIF版CTAを作成した記録をご紹介します。

（ご参考）
もともとのCTAをCanvaで作ったのを紹介した記事

完成図

これを作りました。

使ったツールと用途
①Copilot：もともとの画像作成
②Nano Banana：クリスマス仕様に変更
③Animon.ai：画像→動画に変更
④Canva：テキストの挿入と動画→GIF変換

1つずつ解説します。

特にツールは何でもいいかと思います。
私の場合は職場でCopilotを使っている関係で一番とっつきやすかったのと、そのあとGeminiで生成したものと比較してCopilotのほうが好きだったのでそのままさいようしてます。

これは完全に遊びです。

Nano Bananaでこの画像をベースにいろいろ遊んでいる中で（キッザニアの記事ようにコスプレさせたりお菓子食べさしたり）している中で、「サンタクロースのコスプレ」「クリスマスツリーの飾り付け」をリクエスト。

これをベースに動画を作成。

まずは上述のごまめさんの記事を参考にGeminiにお願いしてみましたが、、、

そこで以前遊んでいたAnimon.aiを活用

Animonの場合は制限ありますが月に1本短い動画作るくらいであればできちゃいます。

最後はCanva。

動画編集ページになったら先ほど作成した動画をドラッグ＆ドロップでCanvaに読ませて編集していきます。

CTA用にテキストを追加します。

画面左下にテキストボックスとかも表示されているので、開始時間や終了時間を設定。
これで時間差で文字が出てくるようにできました。

あとはごまめ先生のやり方に従いGIFとしてダウンロードするのみ。

動画をNano Bananaで作るのに課金が必要（でも私は課金してない💦）なのをAnimon.aiでのりきったところ以外は、ここまではスムーズに進みました。

あとはnoteにアップロードするだけ、と思いましたが失敗💦

最初に動画作ったときは2Mでしたが、コメント追加してGIFにしたらファイルサイズが大きくなってしまったようです。

そこでCanvaで右クリック→分割する、をして全体的に短くして再挑戦

いかがでしたでしょうか？

スムーズにいかなかった部分もありますが、今まで文字＋静止画だけだったnoteの世界でかわいい娘二人が動いている姿に感動しました。

あちこち体裁整えたい部分はありますが、まずはこんなことできるんだということが分かっただけでも収穫です。

興味持って頂いた方はぜひお試しください。

チップは結構です🙌その代わり、フォローやコメントをしてくれると本当に嬉しいです✨

やってみた

12万件

つくってみた

4.3万件