webデザイン

Photoshopでネオン管が光っているような文字の作り方を解説

歓楽街を歩いているとBARやライブハウスなどのネオン看板が夜の街を彩っています。ここでは10分程度の工程でPhotoshopでネオン管が光っているような文字の作り方を解説します

背景を複製し、新規レイヤーに任意のテキストを入力(OPEN)。

neon-tube01

複製した背景にレイヤーマスクを追加し、描画モードを通常から乗算に変更。

neon-tube02

レイヤーマスク部分に不透明度や流量を調整した黒色のブラシでテキストの周辺をなぞるように塗ります。

neon-tube03

テキストレイヤーにレイヤー⇒レイヤースタイル⇒境界線を選択しサイズを調整。(色はテキストと同色)

neon-tube04

テキストの塗りを0にして境界線だけを表示させます。

neon-tube05

テキストを複製して非表示にし、複製元のテキストを右クリックでレイヤースタイルをラスタライズ

neon-tube06

テキストを複製して非表示にし、複製元のテキストを右クリックでレイヤースタイルをラスタライズ

neon-tube07

ぼかしたレイヤーの描画モードをオーバーレイに変更し、非表示にしていた最前面のレイヤーを表示させて確認します。

neon-tube08

オーバーレイに変更したレイヤーを2つ複製し、コピー3のレイヤーの描画モードをオーバーレイからスクリーンに変更。

neon-tube09

最前面のレイヤーを右クリックしレイヤースタイルをラスタライズ

neon-tube10

レイヤー⇒レイヤースタイル⇒ベベルとエンボス&シャドウ(内側)&ドロップシャドウを適用し、立体感のあるネオン管の表現に近づけます。

neon-tube11

ネオン管の表現に近づけた最前面のレイヤーを複製し、ドロップシャドウのチェックをはずしてベベル(内側)の数値をMAXに、その他の数値も画面を見ながら調整。

neon-tube12

再びレイヤースタイルをラスタライズして描画モードをソフトライトに変更。

neon-tube13

ソフトライトに変更したレイヤーを複製し、コピー5の描画モードをスクリーンに変更し、選択ツールでボカしながら、適当に切り抜く(切り抜かず残った部分が少し明るく表現されます)。

neon-tube14

ネオン管が光っているような文字の完成

neon-tube15

クリックすると拡大して見れます↑
スリームデザインの無料メールマガジン

ピックアップ記事

  1. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  2. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  3. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  4. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. 「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…

関連記事

  1. フォトショップ

    photoshopで肌をなめらかでキレイに仕上げるとっておきの方法。

    photoshopで肌をなめらかに仕上げたいと思った場合にはぼかしを使…

  2. webデザイン

    photoshopでまるで本物の油絵タッチに仕上げるためのフィルター&塗り方講座。

    photoshopで油絵タッチに仕上げるために、まず ↓ のように風景…

  3. フォトショップ

    photoshopで上手なカラーハーフトーン設定をすると面白い印象になりますよ。

    ポップ調、アニメ、サイケデリックなどでよく用いられるドット柄はphot…

  4. フォトショップ

    photoshopで顔や肌のテカリをうまい具合に抑える方法。

    顔や肌のテカリを抑えるためにphotoshopのブラシなどで塗ったりし…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本…
  2. 新規のWordPressブログをSSL化(http⇒http…
  3. 画像スライダーだけじゃない!WordPressのブログ記事が…

思考系のおもろい記事

ブログラ
  1. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  2. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  3. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  4. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  5. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
PAGE TOP