Photoshopで画像を組み合わせてレイヤーをブレンドする方法

公開: 2019-07-26

1つの画像だけでは不十分な場合があります。 場合によっては、2枚の写真で1枚のより良い構図を作成できます。 このチュートリアルでは、Photoshopで画像をブレンドする方法を説明します。 テクスチャと二重露光効果を使用してクリエイティブなコンポジションを作成する方法を見ていきます。 AdobePhotoshopといくつかの画像を使用するにはCreativeCloudサブスクリプションが必要です。

この投稿では、Diviレイアウトパックのいくつかの画像を使用して、3つの異なるブレンド手法を紹介します。 これらのツールを使用すると、Photoshopであらゆる種類のすばらしいコンポジションを作成できます。

ワークフローを設定する

最初に行うことは、ワークフローを準備することです。

1.新しいプロジェクトを開始し、キャンバスに2枚の写真を配置します。

各画像には独自のレイヤーが必要です。好きな名前を付けてください。 今のところ、レイヤーの順序は重要ではありませんが、後で物事がどのように機能するかを確認し始めたら、順序を逆にして、物事がどのように変化するかを確認する必要があります。 このチュートリアルでは、女性を下に、都市を上に配置します。

次に、各画像のコピーを作成し、元の画像をロックします。 実際、これはあなたが常にしなければならない習慣です。 あなたは効果で船外に出るかもしれません、そしてあなたは最初に戻る方法がありません。 はい、もちろん、Command + Zを使用して元に戻すことができますが、別のレイヤーに保持したい他の効果を元に戻すこともできます。

下の画像には2つの画像がありますが、下にある女性の画像を表示するために、街を少し移動しました。

Photoshopで画像をブレンドする方法を学び始めましょう。

レイヤー上のフォトショップの不透明度のスクリーンショット

Photoshopで不透明度オプションを使用して画像をブレンドする方法

まず、不透明度ツールを見てみましょう。 これは、レイヤーパネルのすべてのレイヤーで使用できるトグルボタンです。 レイヤーが選択されるとアクティブになります。

間違いなく、Photoshopで画像をブレンドする最も簡単な方法は、不透明度コントロールを使用することです。 デフォルトでは、不透明度は100%に設定されています。これは、画像に透明度がまったくないことを意味します。 画像をブレンドするために不透明度を調整するときは、必ず最上層で作業してください。 したがって、独自のブレンド実験を行う場合は、さまざまなレベルの不透明度を試して、それらがどのように異なるかを確認してください。

以下に、3つの異なる不透明度レベルを示します。

1.まず、不透明度70%

まず、最上層の画像を選択します。 次に、不透明度を70%に調整します。

70%の不透明度のスクリーンショット

2.次に、50%の不透明度

もう一度、最上層の画像を選択し、不透明度を50%に調整します。

フォトショップブレンドの不透明度のスクリーンショット

3.第三に、30%の不透明度

今回は、最上層の画像を選択し、不透明度を30%に調整します。

30%でのフォトショップアクションのスクリーンショット

上で見ることができるように、不透明度の各パーセンテージは少し異なって見えます。 この画像を何に使用するかに応じて、好きな最終結果を選択し、好きな場所で使用するために画像をエクスポートします。

Photoshopでレイヤーブレンドモードを使用して画像をブレンドする方法

Photoshopで画像をブレンドするもう1つの実用的な手法は、レイヤーブレンドモードを使用することです。

まず、すべてのレイヤーには、レイヤーブレンドモードの27のオプションがあります。 レイヤーブレンドが機能する方法は、最上層のピクセルが最下層とどのように相互作用するかを制御する数式を使用することです。 簡単に選択できるように、ブレンドモードは達成できるもののグループに分けられています。 その結果、1つのグループ内のすべてのブレンドモードは、同様の全体的な効果を作成しますが、創造的な違いがあります。 さらに、すべてのブレンドモードは、さまざまな強度または効果のために不透明度トグルで調整できます。

参考までに、実用的なリストを次に示します。 さらに、すべてのブレンドモードにはキーボードショートカットがあり、Shift + Option +文字です。 したがって、以下のリストの各ブレンドモードに関連する文字を追加しました。

これらは27のブレンドモードです:

通常のブレンドモード

これらは、技術的には何もしない通常のブレンドモードです。

ただし、ディゾルブブレンドモードは不透明度コントロールによって変わります。

  • 正規N
  • 私を解散

ブレンドモードを暗くする

このグループのブレンドモードは、画像を暗くします。

  • Kを暗くする
  • Mを掛ける
  • カラーバーンB
  • リニアバーンA
  • 暗い色

ブレンドモードを軽くする

これらは画像を明るくします。

  • Gを軽くする
  • 画面S
  • カラーダッジD
  • 線形覆い焼き(追加) W
  • より明るい色

コントラストブレンドモード

このブレンドモードのグループは、画像にコントラストを追加します。

  • オーバーレイO
  • ソフトライトF
  • ハードライトH
  • ビビッドライトV
  • リニアライトJ
  • ピンライトZ
  • ハードミックスL

反転ブレンドモード

これらは、ベースレイヤーとブレンドレイヤーのバリエーションを使用してさまざまな効果を作成します。

  • 違いD
  • 除外X
  • 減算
  • 分ける

コンポーネントブレンドモード

このグループのブレンドモードは、原色コンポーネントに基づく視覚効果です。

  • 色相U
  • 飽和T
  • カラーC
  • 光度Y

確かに、すべてのブレンドモードを理解するには、多くの実験が必要です。 画像を組み合わせる場合、最適なブレンドモードは、実際にブレンドする2つの画像によって異なります。 さらに詳しく調べるために、8つの特別なモードを含む27のブレンドモードすべてを詳細に説明し、非常に理解しやすいビデオを次に示します。

特別なブレンドモード

私は8つの特別なものを言いましたか? はい、塗りつぶしトグルと不透明度トグルを使用して調整できる8つのブレンドモードがあります。

これらは:

  • カラーバーン。
  • 線形燃焼。
  • カラードッジ。
  • 線形覆い焼き(追加)
  • 鮮やかな光。
  • リニアライト。
  • ハードミックス。
  • 違い。

この機会に、27のブレンドモードすべてを検討するわけではありません。 このチュートリアルでは、2つの画像で最適に機能するものを見ていきます。 後で、独自の画像をブレンドするときは、すべてのブレンドモードと不透明度および塗りつぶしの調整を試して、何が達成できるかを実際に感じてください。

ブレンドモードを適用して画像を組み合わせる方法

1.上記で説明したように、2つの画像を使用してワークフローを設定します。

まず、いつものように、2つの画像とその複製を使用してワークフローを設定します。

レイヤー上のフォトショップの不透明度のスクリーンショット

2.乗算ブレンドモードを適用します

次に、最上層を選択し、ドロップダウンメニューから[乗算ブレンドモード]を選択します。 下の画像の不透明度は60%、塗りつぶしは80%です。 ご覧のとおり、このブレンドモードでは、女性の顔が色あせて見えない間、構図の下部にある素敵な暗い街が維持されます。

Photoshopの乗算ブレンドモードのスクリーンショット

3.ハードライトブレンドモードを適用します

今回は、ドロップダウンメニューでハードライトブレンドモードを選択します。 以下に示すように、このブレンドモードは、街の写真と女性の髪の毛にコントラストを追加します。 しかし、色はかなり変化し、自然さを失います。

ハードライトブレンドモードのスクリーンショット

4.ルミノシティブレンドを適用します

最後に、明度レイヤーブレンドモードを選択します。 このモードは、上の画像の明るい部分に光と活気を与えるため、全体の構成に素敵な夏らしいルックアンドフィールを与えます。

フォトショップレイヤーブレンドのスクリーンショット

5.船外に出ないでください(または行きません)

いつ完了したかを知ることは、あなたが望む結果が何であるかによって異なります。 たとえば、以下のレイヤーブレンドは差分と呼ばれ、透明度ではなく塗りつぶしトグルで変化する特別な8レイヤーブレンドの1つです。 塗りつぶしt0を100%に設定して、このオーバーザトップ効果を実現します。 このビジュアルは、Webサイトモジュールの背景には多すぎるかもしれませんが、音楽祭のポスターには機能する可能性があります。

フォトショップレイヤーブレンドの違いのスクリーンショット

6.仕上げとエクスポート

生産性を高めるには、ブレンドモードごとに異なるレイヤーを使用します。 常にオリジナルのコピーを保持することを忘れないでください。 新しい複製をリストの一番上にドラッグし、目のアイコンをクリックして他のすべてを非表示にします。 使用するブレンドモードを選択したら、そのモードのみを選択し、[ファイル]> [エクスポート]> [Web用に保存]を選択します。 または、キーボードショートカットのOption + Shift + Command + Sを使用します

レイヤーブレンドを選択してエクスポート

レイヤーマスク

今日私たちが見ている3番目で最後のテクニックはレイヤーマスクの使用です。

レイヤーマスクは、画像を組み合わせるための追加レベルの制御です。 レイヤーマスクを使用すると、最上層のどの程度を表示または非表示にするかを制御できます。 これは、白黒のあらゆる種類のツールを使用することによって実現されます。 黒色はレイヤーを非表示にし、白色はレイヤーを表示します。

2つの画像をレイヤーマスクと組み合わせる方法

レイヤーブレンドモードとは異なり、レイヤーマスクは計画がある場合にうまく機能します。 この手法は、可能性を試すことではなく、目標を達成するためにパラメーターを調整することを目的としています。 以下の画像を2つの異なる画像で再作成します。 レイヤーマスクとは別に、グラデーションカラーも使用します。 さらに、最後の仕上げのためのいくつかのブラシ効果。

森の散歩の男

1.キャンバスで両方の画像を開きます。

まず、ワークフローを設定します。 次に、2つの画像をキャンバスにsddして、それぞれに独自のレイヤーを付けます。 歩いている男性を最下層として配置し、森を上の層として配置します。

ブレンドする2つの画像

2.最上位レイヤーにレイヤーマスクを追加します

次に、レイヤーパネル内で、白い長方形と黒い円のように見えるレイヤーマスクアイコンをクリックします。 これにより、リンクされた白い長方形がフォレストのレイヤーに追加されます。

フォトショップレイヤーのスクリーンショット

3.グラデーションツールを選択します

まず、フォレストレイヤーでレイヤーマスクが選択されていることを確認してから、ツールバーのツールグラデーションをクリックします。 トップバーのドロップダウンメニューで、黒から白へのグラデーションを選択します。

グラデーションツールを選択します

4.グラデーションを森林レイヤーに適用します

もう一度、フォレストレイヤーでレイヤーマスクが選択されていることを確認してから、画像にグラデーションを適用します。 方法は次のとおりです。右下の象限をクリックして、左上の象限にドラッグします。 ツールをドラッグした線の始点と終点は、グラデーションによって異なる効果をもたらします。 タイル張りの床だけでなく、森の一部をそのまま維持したいので、グラデーションを隅から隅までドラッグしませんでした。

グラデーションレイヤーマスクに関するフォトショップアクションのスクリーンショット

5.ハードライトブレンドモードをフォレストレイヤーに適用します。

レイヤーマスクではなく、フォレストが選択されていることを確認し、ドロップダウンメニューから[ハードライトブレンドモード]を選択することを忘れないでください。 一方、別の効果を確認したい場合は、必ず他のレイヤーブレンドモードを試してください。

ハードライトブレンドモードを適用する

6.ブラシツールを使用してクリエイティブなタッチを追加します。

次に、画像ブレンドに個性を与えます。

森のレイヤーでレイヤーマスクを選択した状態で、前景が白いブラシツールを開きます。 レイヤーマスクに白でペイントすると、レイヤーのセクションが非表示になります。

レイヤーマスクグラデーションのいくつかの黒い領域を「消去」するために、異なるサイズのブラシとわずかに異なる不透明度を使用します。 円形の床タイルのセクションを注意深くブラシで塗り、創造的な構図を作成します。 間違えた場合は、Xをクリックして黒色を前景色に切り替え、エラーをブラシで塗りつぶします。 その後、もう一度Xをクリックして、白い色を続けます。

フォトショップアクションのスクリーンショット

7.保存してエクスポート

画像のブレンドが完了したら、[ファイル]> [エクスポート]> [Web用に保存]を押して、必要な場所にコンポジットを挿入します。

Web用に保存のスクリーンショット

結論

上で見たように、これらの3つのテクニックだけで、Photoshopで画像をブレンドする方法をすでに知っています。 これらのツールをさらに練習したら、さらに実験を開始して、画像をクリエイティブにブレンドする新しい方法を見つけることができます。 また、使用する画像の色は、レイヤーブレンドモードがさまざまな方法で機能することを忘れないでください。 レイヤーマスクテクニックは、ブラシツールだけでなくグラデーションでも使用できます。 効果的にツールを本当に便利で用途の広いものにします。

jiunn /shutterstock.com経由の注目の画像