【Photoshop】背景をぼかしのグラデーションにする方法【新人デザイナー向け】

Photoshopで背景をぼかしのグラデーションにしたい。
どうやって背景をぼかしのグラデーションにするのか分からない。

こういった疑問に答えるよ！

Naoya

やぁ！みんな！元気？

デザイナーの@Naoyaです。

目次

• Photoshopで背景をぼかしのグラデーションにする方法

Photoshopで背景をぼかしのグラデーションにする方法

今回はこんな感じの幅1280px、高さ720px、解像度72のドキュメントを使って進めていくよ！

ドキュメントの作り方が分からない人は下の記事を参考にしてみてね！

【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。 ドキュメントのサイズ変更ってどうやってやるんだろう。 ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。 こういった疑問に答えます。...

• グラデーションを追加する
• グラデーションのレイヤーをスマートオブジェクトに変換する
• ぼかしのタイプを選択する
• ぼかしの半径を調整する

グラデーションの背景をぼかす流れはこんな感じ。
順番に見て行こう！

グラデーションを追加する

レイヤーが表示されていない場合はメニューバーの「レイヤー」→「新規塗りつぶしレイヤー」→「グラデーション」を選択！

レイヤー名を入力後「OK」を選択！

グラデーションをクリック！

ここでは基本から白黒のカラーを選択後、左下の四角をクリック！

ここでは「00d3ff」としてOK！

「OK」を選択！

「OK」を選択！

これでグラデーションを作ることができたね！

【Photoshop】グラデーションツールの使い方【新人デザイナー向け】Photoshopのグラデーションツールってどうやって使うのだろう？ こういった疑問に答えます。 ...

グラデーションのレイヤーをスマートオブジェクトに変換する

レイヤーからグラデーションのレイヤーが選択されていることを確認！

レイヤーが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択！

レイヤー上で右クリック後「スマートオブジェクトに変換」を選択！

これで、グラデーションのレイヤーをスマートオブジェクトにすることができたね！

ぼかしのタイプを選択する

ぼかしのタイプを選択、ここではぼかし(ガウス)を選択！

ぼかしの半径を調整する

最後に半径を調整、ここでは「500pixel」としてOK！

これでグラデーションをぼかすことができたね！

Naoya

Designer

XInstagramYouTubeLINE

デジタルアーツ東京→デザインプレックス東京→デザイン制作会社→フリーランス