Photoshop

Photoshopでテキストをネオン管風にしてみよう

1.ネオン管風にしたいテキストを作成

まずはネオン管風にしたいテキストを作成しましょう。
太めの丸ゴシックがおすすめです。
私の場合はAdobe Fontにある「M Plus Rounded 2c」を使用しました。

2.作成したテキストから作業用パスを作成しよう

1で作成したテキストレイヤーを選択し「右クリック」→「作業用パスを作成」をクリック。
パスが作成できたらテキストレイヤーは削除します。

作成したテキストレイヤーを右クリックして作業用パスを作成
パスが作成できたらテキストレイヤーは削除します。

3.作成したパスから境界線を描こう

ブラシツールを選択しブラシの設定をします。
今回は「描画色:#ffffff」「ハード円ブラシ筆圧不透明度」「直径:5px」に設定しました。

作成したパスを選択し、新規レイヤー(今回はレイヤー名:ネオンテキスト)を作成します。
作成したレイヤーを選択し、「パスコンポーネント選択ツール」を選択。
カンバス上で「右クリック」→「パスの境界線を描く」をクリック。ツールはブラシを選択します。

境界線を描くブラシを設定します。
パスを選択して新規レイヤーを作成(今回はレイヤー名:ネオンテキスト)
「パスコンポーネント選択ツール」を選択。
カンバス上で「右クリック」→「パスの境界線を描く」をクリック。ツールはブラシを選択します。
境界線が描かれました
境界線が描けたらレイヤーをネオンテキストレイヤーの上に複製し任意の名前(今回はネオンの光)をつけ、目のアイコンをクリックして非表示にしておきましょう。

4.レイヤースタイルでネオン管風にしよう

レイヤー:ネオンテキストをダブルクリック、または「右クリック」→「レイヤー効果」を選択して、レイヤースタイルを調整していきます。

今回調整した項目は「ベベルとエンボス」「シャドウ(内側)」「光彩(内側)」「光彩(外側)」「ドロップシャドウ」です。
設定内容は画像を参考にしてみてください。

ベベルとエンボス
シャドウ(内側)
光彩(内側):カラー#00a8ff
光彩(外側):カラー#00a8ff
ドロップシャドウ

5.ネオンの光を調整しよう

3で作成したレイヤー:ネオンの光を表示して、「描画モード:オーバーレイ」にします。

さらに「フィルター」→「ぼかし(ガウス)」を適用し、光をぼかします。今回はぼかしの半径を45pxに設定しました。
ぼかしを適用したら、光を強めるためにレイヤーを複製します。

最後にレイヤーパネルで「塗りつぶしまたは調整レイヤーを新規作成」→「レンズフィルター」をクリックし調整して完成です。

3で作成したレイヤー:ネオンの光を表示して、「描画モード:オーバーレイ」→ぼかし(ガウス)を適用。今回は半径45pxを設定
ぼかしを適用したら複製し、レイヤーパネルで「塗りつぶしまたは調整レイヤーを新規作成」→「レンズフィルター」をクリック
レンズフィルターの今回の設定は「カスタムカラー#00a8ff」、適用量25%
ネオン管風のテキストが完成しました。

おまけ:生成塗りつぶしで背景を作ってみよう

せっかくなので背景を生成塗りつぶしで作ってみましょう。

カンバスを全選択して、「生成塗りつぶし」をクリック。生成したい背景のイメージをテキストで入力します。

最後に色調補正やグラデーションツールで調整して完成です。

カンバスを全選択して、「生成塗りつぶし」をクリックします。
今回は「背景、暗闇の家の壁、コンクリート」と入力してみました。
暗めの壁の背景が生成されました。
色調補正の「明るさ・コントラスト」でさらに暗めに調整し、円形グラデーションツールで中心から外側に向かって徐々に真っ黒になるようにしました。

完成したものがこちらになります。
手順は多いですがネオン管風の綺麗なテキストが作成できるので、ぜひお試しください。

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です