Photoshopで任意の色の背景に画像をフェードする

Photoshopで画像を色の背景にフェードするにはどうすればよいですか

Photoshopで黒、白、または任意の色の背景に画像をフェードする方法をステップバイステップで学びます! テキストのためのスペースを追加したり、デザインと画像をブレンドするのに最適です。

スティーブ-パターソンによって書かれました。

このチュートリアルでは、Photoshopで画像を任意の背景色にフェードするのがいかに簡単かを示します。 これは、画像をより大きなデザインにブレンドしたり、被写体の横にテキストを追加するスペースを作成したりするのに最適な方法です。

まず、新しい文書を作成し、その中に画像を配置することから始めます。 その後、我々は、背景の初期色を選択し、レイヤーマスクを使用して色に画像をフェードアウトします。 最後に、画像自体から直接色を選択する方法など、背景を好きな色に変更する方法を紹介します。

あなたはPhotoshopの任意の最近のバージョンと一緒に従うことができます。 ただし、手順の1つでグラデーションが使用され、AdobeがPhotoshop2020でグラデーションを変更したことに注意してください。 したがって、このチュートリアルで最良の結果を得るには、Photoshop2020以降を使用する必要があります。 Photoshop2021を使用しています。

最終的な結果がどのように見えるかの例は次のとおりです。

Photoshopで画像を背景色にフェードする方法

画像を背景色にフェードします。

始めましょう!

このチュートリアルを印刷可能なPDFとしてダウンロードしてください!

ステップ1: 新しいPhotoshopドキュメントを作成する

新しいドキュメントを作成することから始めます。 Photoshopのホーム画面にいる場合は、[新規作成]ボタン

をクリックして、新しいドキュメントを作成しますPhotoshopのホーム画面の[新規作成]ボタンをクリックします。

ホーム画面で新規作成をクリックします。

または、メインインターフェイス上にいる場合は、ファイルメニューに移動し、新規を選択します:

Photoshopのファイルメニューから新規コマンドを選択します。

新しいファイル>に移動します。

次に、新規ドキュメントのダイアログボックスで、設定を入力します。 幅を3000ピクセル、高さを1600ピクセル、解像度を300ピクセル/インチ、背景の内容を白に設定します。

新しいPhotoshopドキュメントの設定

新しいドキュメントの設定。

次に、作成ボタンをクリックして新しい文書を作成します。

Photoshopの新規文書ダイアログボックスの作成ボタンをクリックします。

作成ボタンをクリックします。

ステップ2:画像をドキュメントに配置する

次に、ファイルメニューから埋め込み場所を選択して、画像をドキュメントに配置します:

Photoshopのファイルメニューから埋め込み場所コマンドを選択します。

ファイル>埋め込み場所に移動します。

コンピュータ上の画像に移動し、画像をクリックして選択し、

Photoshopドキュメントに画像を選択して配置します。

画像を選択し、場所をクリックします。

関連:Photoshopで画像を開くと画像を配置する

Photoshopは画像を文書に配置し、必要に応じて画像のサイズを変更して所定の位置に移動できるように、自由変 画像がドキュメントサイズよりも大きい場合、Photoshopはここで行ったように自動的にサイズを変更します(Adobe Stockのfashion portrait):

Photoshopドキュメントに画像を配置すると、自由

画像をドキュメントに配置すると、自由変形が自動的に開きます。

ステップ3: 被写体をドキュメントの片側にドラッグする

画像が背景にフェードインする余地を増やすには、キーボードのShiftキーを押しながら画像を左右にドラッ Shiftキーを押したままにすると、移動できる方向が制限され、

Photoshopドキュメントの片側に被写体をドラッグしやすくなります。

被写体をドキュメントの片側にドラッグします。

完了したら、オプションバーのチェックマークをクリックして自由変形を閉じます:

チェックマークをクリックして自由変形を閉じます。

チェックマークをクリックします。

レイヤーパネルでは、Photoshopが背景レイヤーの上の新しいレイヤーに画像を配置していることがわかります。

Photoshopのレイヤーパネルは、配置された画像を独自のレ

画像はそれ自身のレイヤー上に配置されました。

関連:複数の画像をレイヤーとして開く方法!

ステップ4:単色の塗りつぶしレイヤーを追加

実際には背景色に背景レイヤーを使用するつもりはありません。 代わりに、我々はそれが簡単に我々が必要とする任意の色を選択するようになります単色の塗りつぶしレイヤーを使用します。

単色の塗りつぶしレイヤーを追加するには、まず画像レイヤーが選択されていることを確認します。 次に、レイヤーパネルの下部にある新しい塗りつぶしまたは調整レイヤーのアイコンをクリックします。

Photoshopのレイヤーパネルの新しい塗りつぶしまたは調整レイヤーのアイコンをクリックします

新しい塗りつぶしまたは調整レイヤーのアイコンをクリックします。

そして、リストから単色を選択します:

単色の塗りつぶしレイヤーを追加します。

単色の塗りつぶしレイヤーを追加します。

ステップ5: 最初の背景色を選択する

カラーピッカーでは、好きな色を選択できます。 しかし、r、G、およびBの値を255に設定することで、今のところ白を選択します。 私たちは戻ってきて、我々はそれに画像をフェードしたら色を変更します。

カラーピッカーを閉じるために完了したらOKをクリックします。

Photoshopのカラーピッカーから白を選択します。

開始背景色として白を選択します。

レイヤーパネルに戻ると、画像の上に塗りつぶしレイヤーが追加されたため、画像が表示されなくなりました:

文書は一時的に白で塗りつぶされています。

文書は一時的に白で塗りつぶされています。

そして、塗りつぶしレイヤーには組み込みのレイヤーマスクが含まれていることに注意してください。 このレイヤーマスクを使用して、画像に色をフェードします。

ソリッドカラー塗りつぶしレイヤーのレイヤーマスクサムネイル。

塗りつぶしレイヤー上のレイヤーマスクサムネイル。

ステップ6:レイヤーマスクを選択

現時点では、塗りつぶしレイヤー自体が選択されており、色見本の周りの白い境界線でわかります。 レイヤーマスクを選択する必要があるので、マスクサムネイルをクリックしてください:

ソリッドカラー塗りレイヤー上のレイヤーマスクを選択します。

レイヤーマスクを選択します。

ステップ7:グラデーションツールを選択します

色と画像を一緒にフェードするには、マスクにグラデーションを描画します。 そのためには、グラデーションツールが必要です。

ツールバーからグラデーションツールを選択します。

Photoshopのツールバーからグラデーションツールを選択します。

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

ステップ8: 黒から白のグラデーション

を選択し、オプションバーで、グラデーション見本の横にある矢印をクリックします。

矢印をクリックしてPhotoshopのオプションバーでグラデーションピッカーを開きます

矢印をクリックしてグラデーションピッカーを開きます。

グラデーションピッカーで、twirlはBasicsフォルダ(Photoshop2020以降の新機能)を開き、そのサムネイルをダブルクリックして黒から白のグラデーションを選択します。

Photoshopのグラデーションピッカーで黒から白のグラデーションを選択する

黒から白のグラデーションサムネイルをダブルクリックします。

ステップ9: レイヤーマスク

に黒から白のグラデーションを描画しますまだ画像が表示されないため、最初の試行では正しく表示されません。 しかし、アイデアは、画像が色にフェードインしたい領域のレイヤーマスク全体に黒から白のグラデーションをドラッグすることです。

だから、あなたの被写体が表示される場所の一般的な領域のどこかをクリックして保持することで、グラデーションの開始点を設定します。 私の場合、彼女は右にいます:

グラデーションツールをクリックして保持して、グラデーションの開始を設定します。

グラデーションツールをクリックして保持し、グラデーションの開始を設定します。

その後、マウスボタンを押したまま、キーボードのShiftキーを押したまま、画像と色をフェードインしたい領域をドラッグします。 したがって、これは色と画像の間の遷移領域になります。 Shiftキーを押しながらドラッグすると、グラデーションの角度が制限されるため、

Shiftキーを押しながら、画像と背景色の間の遷移領域をドラッグします。

Shiftキーを押しながら、画像と色の間の遷移領域をドラッグします。

グラデーションを完成させるには、マウスボタンを離してから、Shiftキーを(この順序で)離します。 そして、ちょうどそのように、画像は今色にフェードインしています:

画像は現在、Photoshopのbckground色にフェードインします

画像は今、色にフェードインします。

レイヤーマスクサムネイルでグラデーションを見る

レイヤーパネルでレイヤーマスクサムネイルを見ることでグラデーションを見ることができます。 マスクの黒い領域は、塗りつぶしレイヤーが100パーセント隠されている場所であり、その下の画像が透けて見えるようにします。 白い領域は、塗りつぶしレイヤーが100パーセント表示され、画像が表示されないようにする場所です。

レイヤーマスクサムネイルに黒から白のグラデーションが表示されます

レイヤーマスクサムネイルにグラデーションが表示されます。

ドキュメント内のグラデーションを表示する方法

MacでAlt(Win)/Option(Mac)キーを押しながらレイヤーマスクサムネイルをクリックすることで、ドキュメント自体のレイヤーマスクを表示することもできます。

Alt(Win)/Option(Mac)を押しながらレイヤーマスクサムネイルをクリックする

Alt(Win)/Option(Mac)を押しながらレイヤーマスクサムネイルをクリックすることもできます。

そして、画像が透けて見える黒の領域、色が見える白、およびそれらの間の遷移領域をより簡単に見ることができます:

Photoshopドキュメントでレイヤーマスクを表示する

ドキュメントでレイヤーマスクを表示する。

AltキーまたはOptionキーを押しながらレイヤーマスクサムネイルを再度クリックしてマスクを非表示にします。

Alt(Win)/Option(Mac)を押しながらレイヤーマスクサムネールを再度クリックします。

Alt(Win)/Option(Mac)を押しながらレイヤーマスクサムネールを再度クリックします。

ステップ10:グラデーションを再描画してフェード効果を調整します

正確に適切な場所にグラデーションを描画しなかった場合は、別のグラデーションを描 実際には、必要な回数だけグラデーションを再描画できます。 新しいグラデーションを描画するたびに、前のグラデーションが置き換えられます。

私は女性の目の周りのどこかに私の出発点を設定するためにクリックします:

第二のグラデーションの出発点を設定するためにクリックします。

クリックすると、2番目のグラデーションの開始点が設定されます。

その後、マウスボタンを押したまま、キーボードのShiftキーを押したまま左にドラッグします。

Shiftキーを押したままトランジション領域をドラッグします。

Shiftキーを押しながらトランジション領域をドラッグします。

しかし、マウスボタンを離すと、画像の左端が表示されることに注意してください。

画像の左端が表示されるようになりました。

画像の左端が表示されます。

だから、私は同じ場所からもう一度試してみます:

クリックして、第三のグラデーションの開始点を設定します。

クリックすると、3回目の試行の開始点が設定されます。

しかし、今回はより短い距離をドラッグします:

より短い遷移領域をドラッグします。

マウスボタンを離してから、Shiftキーを押します。 そして、これは良く見えます:

3回目の試行の後、画像はより良く色にフェードします。

より良い結果。

ステップ11:新しい塗りつぶしレイヤーの色を選択します

画像が色にフェードインしたら、レイヤーパネルで塗りつぶしレイヤーの色見本をダブルクリ

次に、カラーピッカーから新しい色を選択します:

カラーピッカーから別の背景色を選択する

カラーピッカーから別の色を選択する。

または画像から直接いずれかを選択します。 ただ、画像の上にマウスカーソルを移動し、それをサンプリングする色をクリックしてくださ

サンプルサイズオプション

ただし、色をサンプリングする前に、オプションバーに移動し、サンプルサイズをポイントサンプル(デフォルト設定)から3×3、5×5、11×11のような大きなものに変更します。 このようにして、個々のピクセルの色ではなく、領域の平均色をサンプリングします。 私は5×5を選択します:

Photoshopでスポイトツールのサンプルサイズを大きくする

サンプルサイズを大きくする。

サンプルオプション

また、サンプルオプションがすべてのレイヤーに設定されていることを確認します。

Photoshopのオプションバーのサンプルオプションがすべてのレイヤーに設定されていることを確認します

サンプルがすべてのレイヤーに設定されていることを確認します。

次に、画像のさまざまな部分をクリックして、最適な色が見つかるまで色をサンプリングします。 私は右上から灰色がかった色をサンプリングします。 完了したら、”OK”をクリックしてカラーピッカーを閉じます:

Photoshopで背景色として使用する画像の右上から色をサンプリングする

画像の右上をクリックすると色をサンプリングします。

ステップ12:グラデーションを再描画する(オプション)

最後に、戻ってグラデーションを再描画する場合は、レイヤーパネルでレイヤーマスクサムネールを再選択するだけです。

Photoshopのレイヤーパネルでレイヤーマスクサムネールを再選択する

レイヤーマスクを再選択します。

グラデーションツールを選択したまま、開始点をクリックしたままShiftを押したまま、トランジション領域をドラッグします。

レイヤーマスク上のグラデーションを再描画

レイヤーマスク上のグラデーションを再描画します。

マウスボタンを離し、Shiftキーを離します。 そして、ここに私の最終的な結果があります:

画像はPhotoshop

最終的な効果で背景色にフェードインしています。

次はどこへ行くか。..

そして、そこに我々はそれを持っています! それはPhotoshopで任意の背景色に画像をフェードする方法です!

画像を一緒にブレンドするためのより多くの方法については、私の二つの画像をブレンドする三つの方法のチュートリアルをチェッ またはより多くのチュートリアルのための私の写真のエフェ そして、忘れてはいけない、私のチュートリアルのすべては、Pdfとしてダウンロードすることが可能です!

私たちのPhotoshopのチュートリアルのすべてをPdfとして入手! 今日それらをダウンロード!

Leave a Reply

コメントを残す

メールアドレスが公開されることはありません。