サムネイル制作ガイド

【Photoshop×AI】動画素材が寸足らずでもOK!背景を自動で描き足して横長サムネを作る方法

はじめに:「素材が全部スマホの縦長しかないにゃ…どうしよう!」

「ひろぼー、大ピンチ!助けて! クライアントから『TikTok用に作ったショート動画の素材を使って、YouTubeの横長動画も作って!あとサムネもよろしく!』って言われたんだけど…。送られてきた動画素材、全部スマホの『縦長(9:16)』なの! これをYouTubeの横長(16:9)のサムネにしようとすると…縮小して入れたら左右が真っ黒な帯になっちゃうし、画面いっぱいに拡大したら顔のドアップすぎて画質ガビガビになっちゃうの!これ詰んでない? もう『すいません、横向きで撮影し直してきてください』って言うしかないのかな…でもそんなこと言ったら契約切られそう…(泣)」 猫娘、その気持ち痛いほど分かるよ。 ショート動画全盛の今、この「素材が縦長しかない問題」は、編集者を最も悩ませるトラブルランキング断トツの1位なんだ。 昔なら、「背景をぼかして誤魔化す」か「泣き寝入り」しかなかった。でも、安心して。今は令和だよ。Photoshopには、神様(AI)が住んでいるんだ。 AIに頼めば、「カメラに写っていないはずの左右の背景」を、まるで最初からそこにあったかのように、勝手に描き足してくれるんだよ。 今日は、寸足らずの画像を一瞬でYouTubeサイズに拡張する「生成塗りつぶし(Generative Fill)」の最強テクニックを徹底解説するね!これを知っているだけで、あなたの「対応力」は神レベルになるよ。

1. そもそも「生成塗りつぶし」って何?

生成塗りつぶしとは

「生成塗りつぶし」は、Adobeの生成AI「Firefly(ファイアフライ)」をPhotoshopに完全統合した機能です。従来のPhotoshopにもあった「コンテンツに応じた塗りつぶし」とは次元が違います。
えっ、今までのやつと何が違うの?昔から「ゴミ消し」とか「パッチツール」とかあったじゃん。あれの進化版ってことでしょ?
猫娘
ひろぼー
いや、全くの別物だと思っていいよ。昔の機能は、周りのピクセルをコピー&ペーストして「馴染ませる」だけだったんだ。だから、空とか海みたいな単純な背景なら良かったけど、部屋の中とか複雑な背景だと「グニャッ」と歪んだり、同じ模様が繰り返されたりして違野感があったでしょ?
あったあった!隣の人の腕を消そうとしたら、壁の模様が変なふうに伸びちゃって余計に汚くなったことある…。
猫娘
ひろぼー
でも今回のAI(Firefly)は、「ここには本来、何があるべきか?」を脳ミソで考えて、ゼロから絵を描いてくれるんだ。例えば「森の中の写真」の続きを描かせたら、コピーするんじゃなくて、「新しい木」や「新しい草」を想像して描くんだよ。まさに「創造(ジェネレーティブ)」なんだ。
すごっ!想像して描くの!?じゃあ、縦長の動画で切れてる「腕の続き」とか「隣の部屋の家具」とかも勝手に作ってくれるってこと?
猫娘
ひろぼー
その通り!しかも、Adobe Stockにある数億枚の画像データを学習しているから著作権的にクリーンで、仕事で納品する画像に使っても「商用利用OK」なんだ。ここが他の無料AIツールとの決定的な違いだよ。

2. 【実践】縦長画像を「横長」にする魔法

縦長から横長への変換

では、実際にやってみましょう。Premiere Proで書き出した「縦長のスクリーンショット」をPhotoshopで開いてください。今はキャンバスの中央に画像があり、左右は透明(または白)の状態だと思います。

ステップ1:キャンバスを広げる(切り抜きツール)

  1. ツールバーから「切り抜きツール(ショートカット:C)」を選択します。
  2. 画像の左右にあるハンドルを、グイーッと横に引っ張ります。
  3. YouTubeのサムネイルサイズ(比率 16:9)になるくらいまで広げ、Enterキーを押して確定します。
今、真ん中にポツンと画像があって、左右が「透明な空間(チェック柄)」になっているはずです。

ステップ2:空っぽの空間を選択する

ここが成功の鍵を握るポイントです。
  1. 「長方形選択ツール(M)」を持ちます。
  2. 左側の透明な部分と、右側の透明な部分をドラッグして選択します。(Shiftキーを押しながらドラッグすれば、離れた2箇所を同時に選択できます)

【★プロの極意】
選択する時、透明な部分だけではなく、「元の画像(真ん中の写真)」もほんの少しだけ(10pxくらい)含めて選択してください。AIに「この画像の続きを描いてね」というヒント(コンテキスト)を与えるためです。これをするだけで、繋ぎ目の自然さが劇的に向上します。

ステップ3:「生成」ボタンを押すだけ

  1. 選択範囲を作ると、画面下(または選択範囲の近く)に「コンテキストタスクバー」というグレーのバーが出現します。
  2. ここにある「生成塗りつぶし」というボタンをクリックします。
  3. プロンプト入力欄が出てきますが、ここには【何も入力しないでください】。(空欄のままにすると、AIが自動的に「あ、周りの風景を拡張したいんだな」と判断してくれます)
  4. 「生成」ボタンをクリック!
進行バーが進み、数秒待つと…左右の何もない空間に、完璧な背景が出現します!
うわああああ!鳥肌立った!何これ!?本当に最初から横向きで撮った写真みたい!壁の汚れとか、光の差し込み方とか、全部綺麗に繋がってるよ!?
猫娘
ひろぼー
すごいでしょ?しかも「プロパティパネル」を見てみて。3つのバリエーションが同時に生成されているはずだよ。「1枚目はちょっと壁の模様が変だな」と思ったら、2枚目、3枚目をクリックすれば、別のパターンの背景を選べるんだ。

3. 不要なものを「消す」のもAIにお任せ

不要なものを消す

背景を広げたら、思わぬものが生成されたり、元の画像に邪魔なものが写っていたりすることもあります。 「あ、後ろに知らないおじさんが写り込んでる…」「TikTokのUI(ハートマークとか)が残っちゃってる…」これもAIで一撃です。

なげなわツールで囲って「生成」

  1. 「なげなわツール(L)」を持ちます。
  2. 消したいもの(おじさん、ゴミ箱、文字など)を、少し余裕を持って大雑把に囲みます。
  3. 「生成塗りつぶし」をクリックします。
  4. プロンプトは空欄のまま、「生成」をクリック。
これだけでおじさんが消滅し、その背後にあったはずの壁や風景が再構築されます。今まで「コピースタンプツール」でちまちま消していたあの時間は何だったんだ…と、嬉しさと虚しさが同時に込み上げてくるはずです。

4. ないものを「足す」召喚術

ないものを足す

サムネを作っていて、「ここに何かアクセントが欲しいな」と思うこと、ありますよね?例えばビジネス系の動画なら「パソコン」や「観葉植物」。Vlogなら「おしゃれなコーヒーカップ」。 わざわざフリー素材サイトで探してきて、切り抜いて、色味を合わせて合成する必要はありません。AIに描かせましょう。

言葉で命令するだけ

  1. ものを置きたい場所を「なげなわツール」で囲みます。
  2. 「生成塗りつぶし」をクリックします。
  3. 今度はプロンプト欄に、欲しいものを入力します。(例:「観葉植物」「マックブック」「コーヒーカップ」「猫」など)
  4. 「生成」をクリック。
すると、その場所の照明(光の当たり方)やパース(遠近感)、影の落ち方まで完璧に計算された物体が出現します。「合成しました感」が全くない、極めて自然な仕上がりになります。

5. うまくいかない時の「トラブル対処法」

トラブル対処法

AIは魔法ですが、万能ではありません。たまに「指が6本になる」「顔が溶ける」「画質がボヤける」といった失敗をします。そんな時のプロのリカバリー術を伝授します。

対処法①:人間の「手」や「顔」が変になる

背景を広げた時、切れていた「腕」や「手」が生成されることがありますが、AIはまだ指を正確に描くのが少し苦手です。そんな時は、「変な部分だけ」を選んで再生成します。
  1. 6本になってしまった指の部分だけを、なげなわツールで囲む。
  2. プロンプトは空欄(または「手」と入力)で再生成。
これを繰り返すと、ガチャを回すように、いつか綺麗な手が生成されます。

対処法②:生成された部分の画質が荒い

Photoshopの生成塗りつぶしは、現在の仕様では生成解像度の上限(最大長辺2048px程度)があります。そのため、4Kなどの超高画質画像を一気に拡張すると、生成部分だけボヤけて見えることがあります。 【解決策:分割して生成する】
一気に左右全部を生成するのではなく、「左半分だけ選択して生成」→「右半分だけ選択して生成」というように、エリアを小分けにします。こうすることで、それぞれのエリアが高解像度で生成され、シャープで自然な仕上がりになります。
サムネの極意
【合わせて読みたい!Photoshopで人物を輝かせ、クリック率を倍にする光と影のレタッチ術】

はじめに:「私のサムネ、なんか『のっぺり』してて地味にゃ…」 「ねえひろぼー!動画の中身は自信作なのに、全然再生されないの…。 人気のYouTuberみたいな、人物がキラキラしてて立体感のあるサムネを ...

続きを見る

まとめ:足りない背景は「創造」する時代へ

まとめ

今回は、寸足らずの画像を一瞬でYouTubeサイズに拡張する「生成塗りつぶし」の活用法について完全ガイドしました。
  • 背景を広げる| 切り抜きツールでキャンバスを広げ、元の画像を少し含めて選択し、「生成塗りつぶし(プロンプトなし)」を実行する。
  • 自由自在に操る| 不要なものは囲んで消し、必要なものは言葉で入力して召喚する。
  • 画質を保つ| 生成部分がボヤける時は、選択範囲を小さくして「分割生成」する。
「素材が悪いから良いサムネが作れない」という言い訳は、もう通用しない時代になりました。縦長の動画だろうが、余計なものが写っていようが、PhotoshopとAIがあればどうにでもなります。 この技術を使えば、クライアントに「素材これしかないんですか?」と文句を言う必要もなくなります。「大丈夫ですよ、こっちで魔法をかけておきました!」と涼しい顔で高品質なサムネを納品すれば、あなたの編集者としての信頼度は爆上がり間違いなしです。 さあ、今すぐPhotoshopを開いて、スマホの中の適当な縦長写真を「16:9の壮大な風景」に拡張してみてください。そのあまりの自然さに、自分の目さえも疑うことになりますよ! 今日も最後まで読んでくれてありがとうございました!
  • この記事を書いた人
  • 最新記事

ひろぼー

ひろぼーと申します!X(旧Twitter)フォロワー6500人超え、動画制作200件超え、動画制作は独学で学びました!多くのクライアントやプロジェクトで培ったスキルと独学ならではの学びと経験からあなたのメッセージを効果的に伝えるコンテンツを提供します!

-サムネイル制作ガイド
-, , , , , , ,