【Photoshop】光彩にグラデーションをかける方法【新人デザイナー向け】

Photoshopで光彩にグラデーションをかけたい。
光彩のグラデーションを線形にかけたい。

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

Naoya

やぁ！みんな！元気？

デザイナーの@Naoyaです。

Youtube

目次

• 光彩にグラデーションをかける方法

光彩にグラデーションをかける方法

今回はこんな感じのドキュメントと文字を例に進めていくよ！

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

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

文字の入力の仕方がよく分からない人は下の記事を参考にしてみてね！

【Photoshop】文字ツールの使い方【新人デザイナー向け】Photoshopの文字ツールってどうやって使うんだろう？ そもそも文字ツールって何だろう？ こういった疑問に答えるよ！ ...

• 光彩(外側)を適用する
• レイヤーを複製する
• グループ化する
• グラデーションオーバーレイを適用する

Photoshopの光彩にグラデーションをかける流れはこんな感じ。
順番に見て行こう！

光彩(外側)を適用する

レイヤーパネルから光彩をかけたいレイヤーをダブルクリック！

「光彩(外側)」を選択後、スプレッド＝「20％」サイズ＝「20px」としてカラーを選択、カラーは後ほどグラデーションの色に変わるので何色でもOK！

こんな感じになったね！

【Photoshop】光彩(外側)の使い方【新人デザイナー向け】Photoshopの光彩(外側)の使い方が分からない。 そもそも光彩(外側)って何なんだろう？ Photoshopの光源(外側)について詳しく知りたいです。 こういった疑問に答えます。...

レイヤーを複製する

光彩(外側)をかけたレイヤーを右クリック後「レイヤーを複製」を選択！

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

複製された方のレイヤーを右クリック後「レイヤースタイルを消去」を選択！

グループ化する

光彩(外側)をかけたレイヤーを選択後、グループのアイコンをクリック！

【Photoshop】グループ化の方法【ショートカットあり】Photoshopのグループ化の方法が分からない。 グループ化の便利な使い方があれば知りたいです。 こういった疑問に答えます。...

グラデーションオーバーレイを適用する

グループのレイヤーをダブルクリック！

「グラデーションオーバーレイ」を選択後、角度＝「45°」比率＝「100」として、グラデーションをクリック！

左下の四角をダブルクリック！

#「ff0018」としてOK！

同じ直線上でクリック！

グラデーションが追加されるので、位置＝「20」として追加された四角をダブルクリック！

#「ff00c1」としてOK！

同じ要領でグラデーションを追加後、OK！

「OK」を選択！

これで光彩に対して線形にグラデーションをかけることができたね！

ここでは光彩(外側)をかけたレイヤーの塗り＝「0％」複製したレイヤーを非表示に！

これで完成！

Naoya

Designer

TwitterYouTubeLINE

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