ネオン風の光る文字をPhotoshopで作る方法

※ Adobe Photoshop 2025の画像で解説しています。

Photoshopのレイヤースタイルで文字をネオン風に光らせる設定

この時、ネオン文字の発光を目立たせるため、背景を暗い色に設定します。彩度は高くてもいいですが、明度は低く、黒や黒に近い色にしましょう。

細身で角がやや丸みを帯びたフォントを選ぶと、ネオン管らしく見えます。太いフォントを使う時は文字の縁取りをネオン風に光らせて、文字を透明に抜くのがおすすめです。

※今回の例では「背景：黒、使用フォント：Zen Maru Gothic Regular （Adobe Fonts）、フォントサイズ：72px」で作成しています。

レイヤースタイル「光彩（内側）」を適用して、ネオン管のエッジの内側に仄かな灯りを投影させます。

1. テキストを選択し、レイヤーパネルで「レイヤースタイルを追加」アイコンをクリックします。
2. リストから「光彩（内側）」をクリックします。
3. 「レイヤースタイル」のダイアログボックスが開きます。
4. 「光彩（内側）」の構造を「描画モード：通常、不透明度：75％、色：ライトなブルー」に設定します。
5. 「光彩（内側）」のエレメントを「テクニック：さらにソフトに、ソース：エッジ、チョーク：0、サイズ：30px」に設定します。
6. 画質は「輪郭」「範囲」ともにデフォルトのままにします。

レイヤースタイル「ベベルとエンボス」を適用してネオン管の丸みと内部のグロー効果を表現し、立体的に見せます。

1. 「レイヤースタイル」のダイアログボックスの左サイドメニューから「ベベルとエンボス」を選択します。
2. 「ベベルとエンボス」の構造を「スタイル：ベベル（内側）、テクニック：滑らかに、深さ：100％、方向：上へ、サイズ：12px、ソフト：0px」に設定します。
3. 「ベベルとエンボス」の陰影を「角度：120°、高度：30°（包括光源を使用のチェックを外す）、光沢輪郭：リング、ハイライトのモード：スクリーン：不透明度：30％、シャドウのモード：乗算：不透明度：40％」に設定します。

ネオン管の外側をグロー効果で更に光らせるため、「光彩（外側）」を重ねて適用したいところですが、効果の追加ができないので、レイヤースタイル「ドロップシャドウ」で代用します。

1. 「レイヤースタイル」のダイアログボックスの左サイドメニューから「ドロップシャドウ」を選択します。
2. 「ドロップシャドウ」の構造を「描画モード：覆い焼き（リニア）-加算、色：同じライトなブルー、不透明度：40％、角度：0°（包括光源を使用のチェックを外す）、距離：0px、スプレッド：10px、サイズ100px」に設定します。
3. 画質は「輪郭」「ノイズ」ともにデフォルトのままにします。

Photoshopで太いフォント文字の縁取りをネオン風に光らせる設定

太いフォントの文字でネオン文字を作る時は、文字の縁取りを作ってグロー効果を適用するとリアルな印象になります。

合わせて読みたい

Photoshopで文字に縁取りを付けて目立たせるテクニック

※ Adobe Photoshop 2024の画像で解説しています。 ※文字に縁取りを付ける背景に使用した写真は「Adobe Stock」でクレジットを取得したフリー素材です。（サイト掲載の写真・画像について） CGDOOR […]

1. レイヤーパネルで文字の「T」をCtrlを押しながらクリックして、文字の選択範囲を作ります。
2. 「編集」メニュー➔「境界線を描く」で「中央」に15pxの境界線を描きます。
3. 「レイヤースタイル」で「光彩（内側）」「描画モード：通常、不透明度：100％、サイズ35px」を適用します。
4. 「レイヤースタイル」で「ベベルとエンボス」「スタイル：ベベル（内側）、テクニック：ジゼルハード、サイズ：6px、ソフト3px、光沢輪郭：リング、ハイライトとシャドウの不透明度を75％」を適用します。
5. 「レイヤースタイル」で「光彩（外側）」「描画モード：通常、不透明度：65％、サイズ：120px」を適用します。

合わせて読みたい

合成した画像をPhotoshopの「境界線をぼかす」で背景になじませる

※ Adobe Photoshop 2024の画像で解説しています。 ※境界線をぼかすサンプルに使用した写真はAdobe Stock、及び、ぱくたそのフリー素材です。（サイト掲載の写真・画像について） CGDOOR 丸く切[…]

こちらもおすすめ

Photoshopで影を付ける２つの方法｜ドロップシャドウと影の変形

※ Adobe Photoshop 2024の画像で解説しています。 ※影を付けるサンプルに使用した写真は「Adobe Stock」及び「ぱくたそ」のフリー素材です。（サイト掲載の写真・画像について） CGDOOR 画像や[…]