Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法

テキストやその他のデザイン要素のためのスペースを追加するために、画像を背景色にフェードアウトさせる必要がありますか?このチュートリアルでは、ライブ グラデーションを使用して Photoshop で画像を背景色にフェードさせる最新かつ最も簡単な方法を紹介します。

ライブ グラデーションには、グラデーション効果を作成した後に変更できるグラデーション効果に関するすべての要素 (色、角度など) が含まれます。さらに、この効果を Photoshop の前景から透明へのグラデーション効果と組み合わせると、画像を必要な色にフェードさせる簡単な方法が得られます。この効果がどのように機能するか見てみましょう。

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

まず、新しいドキュメントを作成しましょう。メイン画面が表示されている場合は、[新しいファイル]ボタンをクリックします。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
メイン画面の「新規ファイル」ボタンをクリックします。

または、Photoshop のメイン インターフェイスから、[ファイル]メニューに移動して[新規]を選択します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
ファイルメニューから新規コマンドを選択します。

[新しいドキュメント] ダイアログ ボックスで、ドキュメントの設定を入力します。

このガイドでは以下を設定します。

  • 幅は3000ピクセル
  • 高さは1600ピクセルです
  • 解像度は300ピクセル/インチ
  • 背景は白です
Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
新しいドキュメントをインストールします。

次に、「作成」ボタンをクリックします。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
新しいPhotoshopドキュメントを作成する

新しいドキュメントが表示されます。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
新しい Photoshop ドキュメント。

必要に応じて、 [表示] メニューの[画面に合わせる]を選択してドキュメントを拡大します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
Photoshop で「画面に合わせる」表示を選択します。

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

ファイルメニューに移動して埋め込みの配置を選択し、ドキュメントに画像を追加します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
Photoshopで「埋め込みを配置」コマンドを選択します。

コンピューター上の画像が保存されている場所に移動し、画像をクリックして選択し、[配置]をクリックします。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
ドキュメントに配置する画像を選択します。

Photoshop は画像をキャンバスに配置します。また、画像の周囲に自由変形コントロールが追加され、必要に応じてサイズを変更したり、適切な位置に移動したりできるようになります。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法

ステップ3: キャンバス上で画像の位置を変更する

色のためのスペースを作るために、画像をキャンバスの左または右に移動します。キーボードのShiftキーを押しながらドラッグすると、画像を水平方向に移動しやすくなります。

たとえば、被写体をキャンバスの右側に表示し、左側で色がフェードインするようにしたいとします。すると、画像は右にドラッグされます。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
画像をキャンバスの片側にドラッグします

次に、オプション バーのチェック マークをクリックして、自由変形を受け入れて閉じます。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
チェックマークをクリックします。

レイヤー パネルでは、画像は背景レイヤーの上にある独自のレイヤーに表示されます。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
レイヤー パネルに新しい画像レイヤーが表示されます。

ステップ4:グラデーションツールを選択

画像を任意の色にフェードするには、ツールバーからグラデーション ツールを選択します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
Photoshopでグラデーションツールを選択する

次に、オプション バーで、ツール モードがグラデーションに設定されていることを確認します。これにより、ライブ グラデーションを描画できるようになります。クラシック グラデーションに設定すると、ライブ グラデーション機能なしで古いグラデーション スタイルを描画します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
グラデーション ツール モードをグラデーションに設定します。

ステップ5:前景から透明へのグラデーションを選択

引き続きオプション バーで、グラデーション スウォッチをクリックします。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
グラデーション見本をクリック

次に、「Basics」フォルダを開いて、「Foreground to Transparent」グラデーションを選択します。受け入れるには、Mac でEnter キーまたはReturn キーを押します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
Photoshopで前景から透明へのグラデーションを選択する

グラデーションを直線で描画したいので、「グラデーション スタイル」が「線形」に設定されていることを確認します。また、色の縞模様を減らすために「反転」がオフ、「ディザ」がオン、「方法」が「知覚的」に設定されていることを確認します

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
グラデーション ツールのその他の設定。

ステップ6: 画像をぼかす色を選択する

ツールバーの前景色見本をクリックして、グラデーションの色を選択します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
前景色見本をクリックします。

これは画像がフェードアウトする色になります。ライブグラデーションを描画しているので、後から戻って色を変更することができます。

この例では、とりあえず白を選択します(R、G、B の値をすべて 255 に設定します)。次に、「OK」をクリックしてカラーピッカーを閉じます。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
Photoshop のカラーピッカーからフェードカラーを選択します。

ステップ7: 画像にグラデーションを描く

画像をクリックして押したままにすると、グラデーションの開始点が設定されます。例は画像の左端近くから始まります。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
グラデーションの開始点をクリックして押し続けます。

次に、マウス ボタンを押したまま、そのポイントからドラッグを開始します。まっすぐドラッグしやすくなるように、ドラッグするときにキーボードのShiftキーを押したままにします。

ライブ グラデーションがクラシック グラデーションより優れている点の 1 つは、描画しながらグラデーションをプレビューできることです。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
画像全体にグラデーションをドラッグします。

今は、グラデーションを正確に取得することについて心配する必要はありません。最初のグラデーションを描画してマウスボタンを放すだけです。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
グラデーションが完了すると、最初の色は薄くなります。

レイヤー パネルでは、グラデーションは画像の上にある独自のグラデーション フィル レイヤーに追加され、グラデーションと画像は分離されたままになります。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
ライブ グラデーションがグラデーション フィル レイヤーとして追加されます。

ステップ8: フェード効果の開始点と終了点を調整する

キャンバス上のコントロールを使用してグラデーションを編集できるようになりました。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
Photoshop のキャンバス上でのライブグラデーションコントロール

グラデーションのどちらかの端にあるカラーストップをクリックしてドラッグし、変化の開始位置と終了位置を調整できます。Shift キーを押しながらドラッグすると、カラーストップが直線上に移動します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
カラーストップを使用してグラデーションの開始点と終了点を調整します。

カラーストップを結ぶ線をクリックしてドラッグし、キャンバス上のグラデーションの位置を変更することもできます。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
グラデーションの位置を変更するにはドラッグします。

その線の上にダイヤモンドのアイコンが表示されます。通常、このアイコンは両側の色の中間点を制御します。ただし、前景から透明へのグラデーションを使用しているため、アイコンをドラッグしても効果はありません。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
色の中間点スライダー。

ステップ9: フェードの中間点を調整する

ただし、プロパティ パネルに移動して、不透明度コントロールが見つかるまで下にスクロールすると、色と透明度の中間点を調整できます。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
プロパティ パネルの不透明度コントロール。

次に、プレビュー バーの下のダイヤモンド アイコンをドラッグして、中間点を色または透明度に近づけます。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
透明度の中間点スライダー。

中心にリセットするには、Locationを50に設定します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
中点の位置をリセットします。

ステップ10: フェードを調整する

色と透明度の間のグラデーションの遷移が滑らかに見えないことに注意してください。色のほとんどは左側に集中しており、右側に向かうにつれて急速に薄れていきます。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
色から透明への移行が期待どおりに段階的ではありません。

オプション バーでグラデーションを別の方法に切り替えると、よりスムーズになる場合があります。

デフォルトの方法は、Perceptualです。これは、人間の目が自然と見ているのと同じ方法で色を描画します。これは通常、グラデーションを扱うときに望ましい方法です。しかし、この効果の場合、「知覚的」が常に最適な選択であるとは限りません。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
方法は「知覚的」に設定されています。

Classicと呼ばれる別の方法もあり、これは Photoshop で以前使われていた方法でグラデーションを描画します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
方法をクラシックに変更します。

遷移がよりスムーズかつ段階的になっていることに注目してください。画像に最適な方法を選択できますが、この例ではクラシックの方が見栄えがよくなります。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
グラデーション方式をクラシックに設定した場合の結果。

ステップ11: ぼかす別の色を選択する(オプション)

画像のフェード後の色を変更するには、その画像のカラー ストップをダブルクリックします。透明度ではなく、色の停止を選択するようにしてください。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
カラーストップをダブルクリックします。

次に、カラーピッカーから別の色を選択する方法があります。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
カラーピッカーから新しいマットカラーを選択します。

または、カラーピッカーが開いている間に、画像から直接色をサンプリングすることもできます。

ただし、色をサンプリングする前に、オプション バー[サンプル サイズ]オプションに移動し、ポイント サンプルから5 x 5 や 11 x 11 などの大きなサイズに変更します。こうすることで、特定のピクセルの色ではなく、クリックした領域の平均色がサンプリングされます。たとえば、5 x 5を選択します。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
より大きなサンプルサイズを選択してください。

次に、画像内の色をクリックしてサンプルを取得します。この例では、右上隅からグレーの色合いを選択します。完了したら、 [OK]をクリックしてカラーピッカーを閉じます。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
画像から新しいぼかし色を選択します。

ステップ12: フェード効果の最終調整を行う

この時点で、カラーストップをドラッグして、グラデーション効果の開始点と終了点に最終的な調整を加えることができます。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
グラデーション領域に最終調整を加えます。

終了時にキャンバス コントロールを非表示にするには、レイヤー パネルでグラデーション フィル レイヤー以外のレイヤーを選択します。

グラデーション塗りつぶしレイヤーを再度選択するとキャンバス コントロールを元に戻すことができますが、ツールバーのグラデーション ツールもアクティブにする必要があります。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
別のレイヤーを選択すると、キャンバス上のコントロールが非表示になります。

背景色をぼかした画像の最終結果がこちらです。左側にテキストやその他のデザイン要素を追加する準備が整いました。

Photoshopでライブグラデーションを使って画像を背景色に素早くぼかす方法
最終結果。
Sign up and earn $1000 a day ⋙

Leave a Comment

ほとんどの写真家にとって、Lightroom と Photoshop の両方を使用するのはやりすぎなのはなぜでしょうか?

ほとんどの写真家にとって、Lightroom と Photoshop の両方を使用するのはやりすぎなのはなぜでしょうか?

Lightroom と Adob​​e Photoshop はどちらも最も優れた写真編集ツールですが、多くのプロが両方を併用している一方で、アマチュア写真家の場合は Lightroom のみが必要です。

Photoshopでピクチャーインピクチャー効果を作成する方法

Photoshopでピクチャーインピクチャー効果を作成する方法

このチュートリアルでは、Adobe Photoshop を使用して、1 枚の写真を撮影し、その中に同じ写真の小さく切り取られたバージョンがあるような錯覚を作り出すことで、クールなピクチャ イン ピクチャ効果を作成する方法を説明します。

PhotoshopのジェネレーティブワークスペースがAdobeの最高の機能である5つの理由

PhotoshopのジェネレーティブワークスペースがAdobeの最高の機能である5つの理由

Generative Workspace は、Adobe Max 2024 で発表された主要な AI 機能の 1 つです。Generative AI の画像とファイルの新しいホームになります。

Photoshopでジェネレーティブフィルを使って水面反射効果を作成する方法

Photoshopでジェネレーティブフィルを使って水面反射効果を作成する方法

Adobe の Generative AI「Firefly」を搭載した Generative Fill を使用すると、選択範囲を描画し、いくつかの単語を入力してボタンをクリックするだけで、誰でも写真にリアルな水面反射効果を加えることができます。

Photoshopで選択範囲に画像を貼り付ける方法

Photoshopで選択範囲に画像を貼り付ける方法

このチュートリアルでは、Adobe Photoshop の「貼り付け」コマンドを使用して、画像をコピーし、別の画像の選択範囲に貼り付ける方法を説明します。

Photoshopで高コントラストの白黒写真を瞬時に変換する方法

Photoshopで高コントラストの白黒写真を瞬時に変換する方法

このチュートリアルでは、グラデーション マップを使用して Photoshop で高コントラストの白黒写真を瞬時に変換する方法を説明します。

Photoshopのフォントブラウザ機能を使用する理由

Photoshopのフォントブラウザ機能を使用する理由

フォント選びに迷うのは事実です。 Adobe の Photoshop には時間節約機能が組み込まれているため、数回クリックするだけでヘルプを利用できます。フォントブラウザです!

クリエイターにとって、Photoshop は Canva Pro よりも価値があるのはなぜですか?

クリエイターにとって、Photoshop は Canva Pro よりも価値があるのはなぜですか?

Canva はシンプルなので、多くの人に好まれるツールとなっています。一方、Photoshop は気の弱い人には向いていません。多くの機能があり、習得するには長い時間がかかります。

Photoshopの新しいAIツールで窓のぎらつきを簡単に除去

Photoshopの新しいAIツールで窓のぎらつきを簡単に除去

Adobe は、写真から迷惑な反射を除去できる新しい AI ツールを発表しました。

Photoshopでビンテージ3D映画風エフェクトを作成する方法

Photoshopでビンテージ3D映画風エフェクトを作成する方法

この簡単で手軽な Photoshop エフェクトを使用して、1950 年代のクラシックな 3D 映画の雰囲気を再現しましょう。

Photoshopで魅力的な3Dポップアウト効果を作成する方法

Photoshopで魅力的な3Dポップアウト効果を作成する方法

Adobe Photoshop で 3D ポップアウト効果を作成することは、ソーシャル メディアの投稿やクリエイティブな写真撮影プロジェクトであなたの取り組みを人々に知ってもらうのに最適な方法です。

Photoshopでより優れたカラーハーフトーン効果を作成する方法

Photoshopでより優れたカラーハーフトーン効果を作成する方法

カラーハーフトーン効果は、新聞、雑誌、コミック、ポップアートで使用される印刷技術をエミュレートして、画像にビンテージまたはノスタルジックな外観を与えることができます。

Photoshopでポートレート写真の笑顔を編集する4つの方法

Photoshopでポートレート写真の笑顔を編集する4つの方法

Photoshop を使用して写真の笑顔を編集する方法はいくつかあります。たとえば、Liquify ツール、Neural Filter、レイヤー、Puppet Warp ツールなどです。

Photoshopで写真を図形に挿入する方法

Photoshopで写真を図形に挿入する方法

基本的な長方形や円から、凝ったカスタム形状まで、あらゆる形状に写真を配置するのは簡単です。

Zuka Lien Quan Mobileシーズン1 2023のプレイ方法

Zuka Lien Quan Mobileシーズン1 2023のプレイ方法

ズカは体力の低いチャンピオンにとって恐怖の存在として知られる暗殺者です。シーズン23でZukaを効果的に使用する方法を学びます。

最新のヒロイックエラコードとコードの利用方法

最新のヒロイックエラコードとコードの利用方法

Heroic Age ギフトコードを通じてギフトを受け取ることは、ゲームに参加するほぼすべての新規プレイヤーが行うことです。

最も安いクラウドストレージプロバイダー8選

最も安いクラウドストレージプロバイダー8選

利用可能な最も安価なオンライン クラウド ストレージ オプションを見てみましょう。この記事では、絶対的な価格とギガバイトあたり(月額)の両方の価格設定について説明し、自分に最適なものを選択できるようにします。

Excel のポンド記号エラー (####) とは何ですか?

Excel のポンド記号エラー (####) とは何ですか?

Excel の #### は一般的な Excel エラーであり、Excel にデータ、Excel の関数、Excel の数式を入力するときにさまざまなケースで発生します。

Samsung Galaxyスマートフォンで変更すべき12の設定

Samsung Galaxyスマートフォンで変更すべき12の設定

Samsung Galaxy スマートフォンを購入したばかりで、設定が必要ですか? Samsung の携帯電話をより快適に動作させるために変更すべき 10 個の設定を紹介します。

最新のMurder Mystery 2コードと入力方法

最新のMurder Mystery 2コードと入力方法

Code Murder Mystery 2 では、プレイヤーは自分のキャラクターにさらに多くのナイフ スキンを選択したり、サービスに使用したりゲーム内の他のものを購入したりするためにさらに多くのお金を獲得したりできます。

両親、配偶者、恋人、友人へのお祝いの気持ちが込められた28種類の美しい誕生日カードデザイン

両親、配偶者、恋人、友人へのお祝いの気持ちが込められた28種類の美しい誕生日カードデザイン

恋人、両親、友人、兄弟、同僚などの誕生日には、贈り物のほかに、お祝いの気持ちを込めたバースデーカードを送ることも忘れないでください。

面白いけど甘い、あなたの好きな人の心を「捕らえる」いちゃつくなぞなぞ

面白いけど甘い、あなたの好きな人の心を「捕らえる」いちゃつくなぞなぞ

これらの楽しいクイズは、強い印象を与え、好きな人の心を早く、そして楽しく征服するのに役立ちます。

コルキ DTCL シーズン 7: ビルドアイテム、標準コルキ ガンナー部隊

コルキ DTCL シーズン 7: ビルドアイテム、標準コルキ ガンナー部隊

Corki DTCL シーズン 7 では、敵チームを自由に破壊したい場合、制御を引き起こすための保護またはサポートが必要です。同時に、より効果的なダメージを与えるためには、コルキの装備も標準化する必要があります。

Mini World Royaleのダウンロード方法と遊び方の説明

Mini World Royaleのダウンロード方法と遊び方の説明

Mini World Royale のダウンロード リンクとプレイ手順は次のとおりです。Mini World Royale APK と Mini World Royale iOS の 2 つのバージョンがあります。

1314とは何ですか?

1314とは何ですか?

1314 は若者が愛の暗号としてよく使う数字です。しかし、1314 が何であるか、そしてそれが何を意味するのかを誰もが知っているわけではないのでしょうか?

有害な環境にいるときに心身の健康を守る方法

有害な環境にいるときに心身の健康を守る方法

有害な状況に対処することは信じられないほど困難になる可能性があります。有害な環境にうまく対処し、心の平穏を保つためのヒントをいくつか紹介します。

音楽が脳を刺激する方法

音楽が脳を刺激する方法

音楽は単なる娯楽ではなく、それ以上に多くの利点があることをほとんどの人が知っています。音楽が脳の発達を刺激する方法をいくつか紹介します。

食事で最も不足しがちな栄養素

食事で最も不足しがちな栄養素

食事は私たちの健康にとって非常に重要です。しかし、私たちの食生活のほとんどには、これら 6 つの重要な栄養素が不足していることが多いのです。

サークルKのCKクラブアプリを使って魅力的なオファーを受け取る方法

サークルKのCKクラブアプリを使って魅力的なオファーを受け取る方法

Circle K からのプロモーション情報を最も早く入手するには、CK Club アプリをインストールする必要があります。このアプリケーションは、買い物やサークル K での支払い時の料金と、集めたスタンプの数を保存します。