生成 AI で冬の温泉に行きたくなるリール動画を作成する手順!Adobe Firefly と始めるお手軽クリエイティブ第 6 回
寒い冬に温泉で体の芯から温まりたいと思ったことはありませんか?今回は、そんな人たちの背中を押して温泉街に誘う動画バナーを Adobe Firefly の生成 AI 機能を活用して制作します。ブラウザーだけでつくれる手順です。
まずは素材を用意します。ここでは架空の温泉街という想定で Adobe Stock から下 ↓ の無料素材を選びました。
冬の季節感を出すためにどんよりとした雰囲気に編集します。この作業には Firefly web 版の生成 AI 機能を使用します。
Firefly web 版をブラウザーで開きましょう。「画像を編集」の画面を表示したら、上の画像を参照画像に指定し、モデルを Firefly Image 5(プレビュー)にします。そして、プロンプトに、「2 月の朝の風景。雪は無い。全体の彩度はやや低め。グレーの曇り空。」と入力して生成します。
狙いどおりにどんよりした雰囲気の画像になりました。冬の弱い日差しを感じられます。
次は湯けむりを足してみましょう。プロンプトを「温泉の湯気が川全体を覆うように漂っている」に変更して、再度生成ボタンを押します。
同じプロンプトでもう一枚生成します。2 枚目の画像 ↓ は湯けむりが多めの画像になりました。
湯けむりを追加した 2 枚の画像を使って動画を生成します。区別するために、最初に生成した画像を『画像 ①』、2 番目に生成した画像を『画像 ②』と呼ぶことにします。
動画生成は Firefly web 版の「動画を生成」の画面で行います。
モデルを Firefly Video にして、「最初のフレーム」に『画像 ①』を、「最後のフレーム」に『画像 ②』を指定します。その他の設定はデフォルトです。
プロンプトに「湯気が川の上をゆったりと漂っている。川の水が流れている。木の枝が風になびいて少し揺れる。」と入力して生成します。
ゆったりというよりやや強めの風が吹いていそうな動画になりましたが、冬っぽいのでこれで良しとします。
もう一つ動画を生成します。今度は画像の順番を逆にして、「最初のフレーム」に『画像 ②』、「最後のフレーム」に『画像 ①』を指定します。その他の設定とプロンプトは変更なしです。すると以下の動画が生成されました。
最初に生成した動画を『動画 ①』、次に生成した動画を『動画 ②』と呼ぶことにします。
『動画 ①』の「最後のフレーム」と『動画 ②』の「最初のフレーム」は同じ画像です。そのため 2 つの動画は違和感なくつなげられます。
そして、『動画 ①』の「最初のフレーム」と『動画 ②』の「最後のフレーム」は同じ画像です。つまり、つなげた動画はループ再生できます。
ということで 2 つの動画をつなげます。『動画 ①』を選択して「変更」をクリックし「Firefly 動画エディターで開く」を選択します。(記事執筆時点ではこの機能は Chrome のみサポートされています。)
すると、下の動画編集画面が表示されます。
左のメニューバーから時計のアイコンをクリックして「生成の履歴」パネルを表示します。パネル内から『動画 ②』を探しましょう。
『動画 ②』をタイムラインにドラッグして追加します。これで 10 秒の動画になります。
出来上がった動画がこちら ↓ です。ダウンロードしてローカル環境に保存します。
あとは、作成した動画を使ってバナーを作成するだけです。作業は Adobe Express で行います。
ホームページで青い「+」アイコンをクリックし、「新規作成」パネルから 1,080 x 1,080 ピクセルの「正方形」を選びます。
正方形が表示されたら、左のツールバーの「アップロード」をクリックして、動画ファイルを選択します。動画が読み込まれたら、バナー上部に配置します。そして、背景色を #faffff にして、下のスペースにテキストを配置します。場所を示すイラスト素材も配置します。
完成した動画バナーが以下 ↓ になります。テキストとイラストにもアニメーションをつけました。
Firefly を利用するには生成クレジットが必要です。現在お持ちの生成クレジットを確認する方法は、こちらをご覧ください。
その他の生成クレジットに関するよくある質問は、こちらのページをご覧ください。
- https://main--blog--adobecom.aem.page/jp/publish/2026/02/05/cc-firefly-create-with-adobe-firefly-05-recruit-young-farmer
- https://main--blog--adobecom.aem.page/jp/publish/2026/01/22/cc-firefly-create-with-adobe-firefly-04-shrine-marche
- https://main--blog--adobecom.aem.page/jp/publish/2026/01/08/cc-firefly-create-with-adobe-firefly-03-hot-pot-recipe