Photoshopで2つの画像をブレンドする3つの方法
このチュートリアルを印刷可能なPDFとしてダウンロードしてください!
Photoshopで画像をブレンドする方法
このチュートリアルでは、Photoshop CCを使用していますが、すべてがPhotoshopCS6と互換性があります。
このチュートリアルのビデオをYouTubeチャンネルでフォローすることもできます。または、ダウンロードしてください。このチュートリアルをPDFとして、レイヤーブレンドモードの完全ガイドPDFをボーナスとして入手してください!
方法1:レイヤー不透明度オプション
2つをブレンドするための最初の方法画像をまとめるには、Photoshopのレイヤー不透明度オプションを使用します。これが私が使用する最初の画像です:
2番目の画像は次のとおりです:
[レイヤー]パネルを見ると、両方の画像が別々のレイヤーに表示されています。ビーチの写真は背景レイヤーにあり、ポートレートはその上の「レイヤー1」にあります:
関連:画像を同じPhotoshopドキュメントに移動する方法
不透明度の値
不透明度オプションは、レイヤーパネルの右上。デフォルトでは、100%に設定されています。これは、現在選択されているレイヤー(「レイヤー1」)がその下のレイヤーの表示を完全にブロックしていることを意味します。
不透明度の値は、レイヤーの透明度のレベルを制御します。値を下げるだけで、レイヤーがより透明になり、その下の画像の一部が透けて見えるようになります。不透明度を下げるほど、上の画像が下の画像にフェードインします。不透明度を100%から75%に下げます:
これは、最上層の画像の75%と最下層の画像の25%をブレンドしていることを意味します。そして、ここでは、女性がビーチの写真に溶け込み始めていることがわかります。
彼女をさらに背景にフェードインさせたい場合は、不透明度の値をさらに下げることができます。30%に下げます:
不透明度が30%の場合、不透明度は30%にすぎません。上の画像と下の画像の70%で、素晴らしいブレンド効果が得られます。必要に応じて、画像の不透明度の値を調整する必要があります。
クイックヒント:キーボードから不透明度の値を設定する
ここにクイックヒントを追加します。ワークフローをスピードアップします。レイヤーの不透明度の値は、キーボードから直接変更できます。10%の場合は1、20%の場合は2、30%の場合は3などを押します。より具体的な値を表示するには、2つの数字を順番にすばやく押します( 2、次に5のように25%)。不透明度100%の場合は0を押すか、0%の場合は0をすばやく2回押すこともできます。
方法2:レイヤーブレンドモード
2つの画像をブレンドする2つ目の方法は、Photoshopのレイヤーブレンドモードを使用することです。ブレンドモードは、2つの画像をブレンドするのに最適ですが、テクスチャと写真をブレンドする場合に特に便利です。こちらが「私が開いたポートレート画像です:
ポートレートをこのテクスチャ画像とブレンドします:
もう一度、[レイヤー]パネルを見ると、各画像が別々のレイヤーに表示されています。ポートレートは背景レイヤーにあり、テクスチャはその上のレイヤーにあります:
ブレンドモードオプション
Photoshopのブレンドモードは、レイヤーが相互に作用するさまざまな方法です。ブレンドモードオプションは、レイヤーパネルの左上、不透明度オプションの真向かいにあります。デフォルトでは、レイヤーのブレンドモードは通常に設定されています。「通常」は、レイヤーがその下のレイヤーとまったくブレンドされていないことを意味します:
「通常」という単語をクリックして、さまざまなブレンドモードから選択できるメニューを開きます。すべてを説明するわけではありません。ここではそれらについて説明しますが、最も重要なものについては、エッセンシャルブレンドモードのチュートリアルで詳しく説明します。試してみたい最も人気があり便利なブレンドモードの3つは、乗算、画面、オーバーレイです。乗算ブレンドモードは暗くする効果を作成し、画面は明るくする効果を作成し、オーバーレイは2つのレイヤーをブレンドして、全体的なコントラストを高めます。
さまざまなブレンドモードから得られる結果は、画像によって異なります。私の場合、ソフトライトブレンドモードを使用すると最良の結果が得られます。
オーバーレイブレンドモードと同様に、ソフトライトは全体的なコントラストを高める方法で2つの画像をブレンドします。違いは、ソフトライトがより繊細で自然な外観の効果を生み出すことです。
これら2つの画像で非常にうまく機能するもう1つのブレンドモードは、分割です。
Divideは、Photoshopであまり知られていない、ほとんど使用されないブレンドモードの1つです。しかし、これら2つの画像を使用すると、効果は実際にはかなりクールに見えます。
ブレンドモードとレイヤーの不透明度の組み合わせ
ブレンドモードを選択したら、前に見たように、レイヤーの不透明度を調整して結果を微調整できます。テクスチャレイヤーのブレンドモードを[分割]に設定したままにし、不透明度を100%から50%に下げます:
結果は次のとおりです:
このチュートリアルを印刷可能なPDFとしてダウンロードしてください!
クイックヒント:キーボードからブレンドモードを切り替える方法
ワークフローをスピードアップし、ブレンドモードの操作を簡単にするためのもう1つの簡単なヒントを次に示します。 Photoshopのさまざまなブレンドモードをキーボードから直接切り替えることができます。文字Vを押して移動ツールをすばやく選択します。次に、Shiftキーを押したまま、プラス(+)キーとマイナス(-)キーを使用して上に移動します。これにより、さまざまなブレンドモードをすばやく試して、最適なものを見つけることができます。
方法3:レイヤーマスクの使用
3番目の方法」 Photoshopで2つの画像をブレンドする方法を見ていきます。最も一般的な方法は、レイヤーマスクを使用することです。レイヤーの不透明度オプションや画像全体を全体としてブレンドするブレンドモードとは異なり、レイヤーマスクを使用すると、2つの画像をブレンドする場所を正確に制御できます。レイヤーマスクでできることは、1つのチュートリアルでカバーできる以上のものがたくさんあります。ここでは、基本を学ぶだけです。
これが最初の画像です。使用:
2番目の画像は次のとおりです:
もう一度[レイヤー]パネルを見ると、各写真が別々のレイヤーに表示されています。タンポポの写真は背景レイヤーにあり、女の子はその上の「レイヤー1」にあります。
レイヤーマスクの追加
レイヤーマスクを追加するには、最初に一番上のレイヤーが選択されていることを確認します。次に、[レイヤー]パネルの下部にある[レイヤーマスクの追加]アイコンをクリックします。
レイヤーのプレビューサムネイルの横にレイヤーマスクのサムネイルが表示されます:
レイヤーマスクの仕組み
レイヤーマスクは、私たちと同じように、レイヤーの透明度を制御します。レイヤーパネルの不透明度オプションで見ました。ただし、不透明度オプションはレイヤー全体の透明度に影響しますが、レイヤーマスクを使用すると、レイヤーのさまざまな部分にさまざまなレベルの透明度を追加できます。つまり、レイヤーマスクを使用して一部の領域を表示し、他の領域を非表示にして、画像のブレンドに最適なレイヤーマスクを作成できます。
黒と白を使用して機能します。レイヤーマスクが白で塗りつぶされているレイヤーの部分は、表示されたままになります。そして、マスクが黒で塗りつぶされているレイヤーの部分は非表示になります。レイヤーマスクに黒から白のグラデーションを描画して、2つの画像をすばやくブレンドする方法を見てみましょう。
グラデーションツールの選択
グラデーションツールの選択ツールバー:
黒と白のグラデーションの選択
グラデーションツールを選択した状態で、オプションバーに移動し、グラデーション見本の横にある下向きの矢印をクリックします。
グラデーションピッカーで、サムネイル(左から3番目、上の行)をダブルクリックして、黒と白のグラデーションを選択します。
画像自体ではなく、レイヤーマスクが選択されていることを確認します。レイヤーマスクのサムネイルをクリックします。周囲にハイライトの境界線が表示されます:
次に、画像をクリックして、黒から白へのグラデーションをドラッグします。黒はレイヤーのその部分を非表示にし、白はそれを表示することを忘れないでください。私の場合、写真の左側(女の子のいる部分)を見えるようにしたいので、マスクの左側を白にする必要があります。右側を非表示にしたいので、マスクの右側を黒にする必要があります。グラデーションは黒で始まり白で終わるので、画像の右側をクリックして水平方向に左にドラッグします。Shiftキーを押したままドラッグして、まっすぐ移動します。
マウスを離したときボタンをクリックすると、Photoshopがレイヤーマスクにグラデーションを描画し、2つの写真をブレンドします。ここでは、上の画像の女の子が下の画像のタンポポに溶け込んでいます。最初の結果に満足できない場合は、マスクに別のグラデーションを描画して再試行してください。
レイヤーマスクの表示
レイヤーパネルでレイヤーマスクのサムネイルを見ると、グラデーションが描画された場所がわかります。右側はドキュメントの一番上の画像が非表示になっている場所で、背景レイヤーの写真が透けて見えます。左側の白い領域は一番上の画像が表示されたままの場所です:
ドキュメント内の実際のレイヤーマスク自体を表示することもできます。Altキーを押したままにすると( Win)/キーボードのオプション(Mac)キーを押し、レイヤーマスクのサムネイルをクリックすると、ドキュメント内のビューが画像からレイヤーマスクに切り替わります。これにより、何が起こっているのかを正確に確認するのが簡単になります。ここでも、右側の黒い領域は最上層が見えない場所であり、左側の白い領域はそれが見える場所です。
ただし、中央の灰色の領域に注目してください。グラデーションは徐々に黒から白に移動します。この領域は、2つのレイヤー間のスムーズな移行を作成し、それらがシームレスにブレンドできるようにします。ビューをレイヤーマスクから画像に戻すには、もう一度Alt(Win)/ Option(Mac)キーを押したまま、レイヤーパネルのレイヤーマスクサムネイルをクリックします。
クイックヒント:を切り替える方法レイヤーマスクのオンとオフ
レイヤーマスクを操作するための簡単なヒント。Shiftキーを押したままレイヤーパネルのレイヤーマスクサムネイルをクリックすると、レイヤーマスクのオンとオフを切り替えることができます。サムネイルを1回クリックすると、マスクが一時的に無効になり、レイヤー全体が表示されます。サムネイルに赤い「X」が表示され、マスクが無効になっていることがわかります。Shiftキーを押しながらサムネイルをもう一度クリックすると、レイヤーマスクがオンに戻ります。
そしてそこに2つをブレンドする方法を簡単に見てみましょう。 Photoshopで、レイヤーの不透明度オプション、レイヤーのブレンドモード、レイヤーマスクを使用して画像をまとめます。画像とレイヤーマスクのブレンドの詳細については、レイヤーマスクとグラデーションのチュートリアルを参照してください。 Photoshopレイヤーの詳細については、レイヤー学習ガイドを使用するか、その他のチュートリアルについては、Photoshopの基本セクションにアクセスしてください。また、すべてのPhotoshopチュートリアルをPDFとしてダウンロードできるようになったことを忘れないでください!