Photoshopのレイヤースタイルで光彩を使って文字を光らせるやり方を解説

今回はPhotoshopのレイヤースタイルで光彩を使って文字を光らせる方法を解説します。

現実世界で撮影するにはなかなか難しい表現でもあるネオンのように文字を光らせたり出来るのはフォトショップの醍醐味です。

レイヤースタイルには文字を光らせるだけではく、様々な表現が可能なので是非使いこなせるようにしてください。

Photoshopで文字を光らせる「光彩」とは

光や影はよく見ると境界線がぼけているかと思いますので、そのような境界線がぼけている表現には広く応用が出来ます。

この２つを使い分けたり、組み合わせたりする事で様々な表現に使えます。

Photoshopのレイヤースタイルの光彩を使って文字を光らせる

Photoshopで文字を光らせるには「レイヤースタイル」という機能を使います。

Photoshop では、シャドウ、光彩、ベベルなどの様々な効果を使用して、レイヤーの内容の外観を非破壊的な方法ですばやく変更できます。レイヤー効果は、レイヤーの内容にリンクされています。レイヤーの内容を移動または編集すると、変更された内容にも同じ効果が適用されます。例えば、テキストレイヤーにドロップシャドウを適用した後、新しいテキストを追加した場合、新しいテキストにも自動的にシャドウが追加されます。

レイヤースタイルは、レイヤーまたはレイヤーグループに適用された 1 つ以上の効果です。Photoshop に用意されているプリセットスタイルを適用することも、レイヤースタイルダイアログボックスを使用してカスタムスタイルを作成することもできます。レイヤーパネルのレイヤー名の右にレイヤー効果アイコン  が表示されます。レイヤーパネルでスタイルを展開し、スタイルを構成している効果を表示したり、編集したりすることができます。

Adobeヘルプ レイヤー効果とレイヤースタイル

レイヤースタイルの「光彩」という効果が文字を光らせるにはぴったりです。

レイヤースタイルの詳しい使い方はこちらの記事で詳しく解説していますので、レイヤースタイルについてもっと知りたい方はこちらを参考にしてください。

Photoshopのレイヤースタイル「光彩」を使って文字を光らせる方法

まず、文字を光らせた時に分かりやすくするために合成する背景画像を用意します。

光の表現は基本的に暗い場所でより認識しやすいのと、暗い背景の上に合成すると、光っぽく見えてくるので背景はなるべく暗いものを選んでください。

背景画像をフォトショップで開いたら、光らせたい文字を用意します。ここではイラストレーターからコピーしてきます。文字の色は白にしておきます。

次に文字を少しだけぼかします。

ここであまりぼかしすぎると文字として認識出来なくなりますので、ほんの少しだけにしておきます。

ここでは5.0pixelほどにしておきます。

次に文字レイヤーをダブルクリックしてレイヤースタイルを開きます。このレイヤースタイルでは様々な効果をレイヤーにかける事が出来ます。

光彩外側の設定

パネルの左側の列にかけたい効果が１列に並んでいますので、下から２番目の光彩(外側)をクリックします。

クリックするとパネル中央に光彩の詳細設定が出来るようになります。右側にあるプレビュー画面を見ながら詳細設定を調節していきます。

ここでは下記の画像のような設定にしておきます。ここで光らせる色も選ぶことが出来ますがここでは背景画像との兼ね合いも考えて青色にしました。

光彩内側の設定

次に光彩(内側)を開きます。

ここでも下記のような設定を施します。

これである程度文字を光らせる表現が出来ました。

さらに光を強くするために先ほどの文字レイヤーを複製して描画モードを「スクリーン」にします。不透明度を調整しながら強さを調整していきます。ここでは不透明度50%にしておきます。

Photoshopの光彩を使って文字を光らせる方法のまとめ

Photoshopのレイヤースタイルを使用すれば簡単に様々な効果を得られることが出来ます。

光彩などはフォトショップだけでなく、イラストレーターにも搭載されていますが基本的な考え方は一緒ですので、色々試してみてください。