フォトバッシュとは？Photoshopを使った作成手順と注意点を紹介

【手順2】写真素材を選ぶ

コンセプトが決まったら、イラストに使う写真素材を集めましょう。

以下の2点を意識して素材を選ぶと、後で加工しやすくなります。

1. 似たパース（遠近感）の画像を選ぶ
2. 似たライティング（光の当たり方）の画像を選ぶ

フォトバッシュでは、複数の写真素材を合成したときにツギハギ感が出ないよう、それぞれの素材の遠近感や光の当たり方を統一する必要があります。

例えば、城の画像は左から光が当たっているのに対し、背景の木の画像は右から光が当たっているように見えると、一枚のイラストとして見たときに違和感を覚えやすくなります。

同様に、各素材のパースやサイズ感があっていない場合も、ちぐはぐな印象を与えます。

後でパースや光の当たり方を調整するのは手間がかかるため、合成後に馴染みやすそうな画像素材を選んでおきましょう。

特にパースの調整には時間がかかります。

パースとライティングの両方を考慮して素材を集めるのが難しい場合は、パースが似た素材を優先して選びましょう。

【手順4】写真を合成する

続いて、切り抜いた画像を合成し、馴染ませます。

ここでは、以下の工程について解説します。

• 「自由変形」で素材の大きさやパースを調整する
• 「生成塗りつぶし」で境界線を調整する
• 「ブラシツール」でで背景の細部を描き足す
• 「レイヤーマスク」を使って透明感のある素材を足す
• 「色調補正」機能を使って光の当たり方や色味を調整する
• 遠近感を調整して奥行きを出す

「自由変形」で素材の大きさやパースを調整する

ラフイメージをもとに、切り抜いた画像素材の大きさやパースを調整しましょう。

Photoshopの以下の機能を使えば、画像素材をカンタンに変形できます。

• 自由変形：大きさや角度を調整できる
• 多方向に伸縮・遠近法：パースを調整できる
• ワープ：部分的に歪ませたり、カーブを描いたりといった変形ができる

各機能を使って写真を変形する方法については、以下の記事や動画を参考にしてください。

「拡大・縮小」「多方向に伸縮・遠近法」を使って画像を変形する方法

【動画】「ワープ」を使って画像を変形する方法

「生成塗りつぶし」で境界線を調整する

写真が重なっている境界線を馴染ませ、一枚のイラストとして自然な見た目になるように加工しましょう。

Photoshopの生成AIを使った機能のひとつである「生成塗りつぶし」を使えば、調整したい箇所を選択ツールで選択するだけで、周辺の画像素材に馴染むように自然に塗りつぶせます。

例えば、以下の左上にある画像の、林と空の境界線をブラシで塗りつぶすだけで、自動で右の画像のように加工できました。

「生成塗りつぶし」の使い方は、該当箇所を選択ツールで選択し、画面に表示されているバーの「生成塗りつぶし」をクリックしてキーボードの「Enter」キーを押すだけです。

なお、「Enter」キーを押す前に生成したい要素をテキストで入力すると、テキストで説明した要素を追加することも可能です。

例えば以下のように、草が生えている部分を砂の地面にカンタンに置換できます。

さらに「生成拡張」を使えば、生成AIを使って自動で画像を拡張できます。

使いたい写真素材の大きさが足りないときは活用してみましょう。

生成拡張の手順について、詳しくは以下の記事を参考にしてください。

Photoshopで⾜りない背景をのばす

「ブラシツール」で背景の細部を描き足す

草や木、地面などの複雑な造形やテクスチャは、「ブラシツール」に登録しておくと、違和感なくきれいに描けます。

例えば以下のように草の画像をブラシとして登録すると、線を描画した時に草の画像が複製されます。

登録した画像どうしの間隔や散らばり度合い（散布）、傾きの設定も可能です。

そのため、草花や地面、背景の木を描くために同じ画像をランダムに複製したい場合に特に役立ちます。

ブラシの使い方やカスタマイズの方法については、以下の動画を参考にしてください。

【CC道場 #232】Photoshopブラシの部屋

「レイヤーマスク」を使って透明感のある素材を足す

雲や霧、光といった透明感のある素材は、「レイヤーマスク」を使って合成してみましょう。

「レイヤーマスク」とは、画像のレイヤーに重ねるようなイメージで、画像を直接編集せずに、画像の質感を変えたり素材を追加したりできる機能です。

例えば、レイヤーマスクに霧の写真素材を使い、城の画像に載せるだけでカンタンに霧を追加できます。

上の画像では、色を重ねると白く見える「スクリーン」という描画モードで、霧の画像を載せています。描画モードは他にも以下のように複数の種類があります。表現したい見た目によって使い分けましょう。

• 乗算：下のレイヤーに色や暗さの情報を上からのせる（暗くなる）
• 加算：下のレイヤーに色や明るさの情報を上からのせる（明るくなる）
• オーバーレイ：下のレイヤーに色と明暗の情報を上からのせる（明るい所はより明るく、暗い所はより暗くなる）
• ソフトライト：オーバーレイよりも柔らかい印象で色と明暗の情報をのせます。

レイヤーマスクの詳しい使い方については、以下の記事を参考にしてください。

Photoshopの始め方 #3

「色調補正」機能を使って光の当たり方や色味を調整する

画像素材を合成したら、各要素の光の当たり方や遠近感を調整しましょう。

「色調・彩度」「明るさ・コントラスト」「トーンカーブ」を使用して、画面全体の色や明るさを調整します。

• 色相彩度：色や彩度を調整
• 明るさ・コントラスト：明るさとコントラストを調整
• トーンカーブ：明るさやコントラスト・色調を調整

上記項目は、画面上部の「ウィンドウ」から「色調補正」パネルを開くと調整できます。先に紹介したレイヤーマスクを使うと、画像の一部分のみの調整が可能です。

Photoshopで色調やライトを調整する方法については、以下のページを参考にしてください。

PhotoshopことはじめStep1：色調補正の方法