【フォトショップ】輝きが違う！ライティング・グローエフェクトのつくり方

この記事では、フォトショップをつかった超リアルなライティング、グローエフェクトのつくり方をご紹介します。

お好みで文字やネオンカラーの変更が可能な点もポイントで、手軽に編集を行うことができます。

このチュートリアルは、Texturelabsによる英語版オリジナルチュートリアル「Realistic Glowing Text Effect」をアレンジしたものとなります。

まずはフォトショップを開き、新しいドキュメントを作成しましょう。カラーモードは「RGBカラー 16bit」とすることで、よりなめらかなグラデーションを表現できます。今回は、3840x2160pxの4Kサイズで作成していきます。

ツールボックスより「文字ツールT」を選択したら、お好みのフォントをつかって描画色「白（#ffffff）」で文字テキストを入力しましょう。

今回利用したフォントは Moisterですが、どんな文字やロゴなどでも特に問題ありません。ただし、あまり太いシェイプや書体はぼやけた仕上がりになるため微調整が必要となります。

今回のテクニックのポイントがここ。スマートオブジェクトレイヤーを選択したら、Command/Ctrl+J連続6回押しで、レイヤー6つを複製コピーしましょう。

レイヤーパネルにて下から順番にぼかし（ガウス）エフェクトの値を変更していきます。１つ目が「3px」、次に「10px」、つづけて「25px」、「75px」、「250px」、「500px」と値を徐々に大きくするのがコツ。

レイヤーパネル下より新規調整レイヤー「塗りつぶし」を作成し、「黒（#000000）」で塗りつぶしましょう。そのままグループフォルダの一番下まで移動させます。

続けてレイヤーパネル右下のプラスボタンをクリックし、新しいレイヤーを作成（Shift+Command/Ctrl+N）したら、Dで描画色と背景色をデフォルトに戻します。

メインメニューより「フィルタ」>「描画」>「雲模様1..」を適用したら、3つ上のレイヤーまで移動させましょう。レイヤーの描画モードを「乗算」とし、不透明度「50%」に変更したらライティングエフェクトの準備は完了です。

プロパティパネル上でグラデーションをクリックしたら、以下のように設定しましょう。

左から「黒（#000000） 位置0%」、「青（#09187d） 位置33%」、「水色（#2fbad2） 78%」、「白（#dadada） 位置100%」。

あらかじめ各色グラデーションを作成、保存しておけばクリックひとつでカラーリングを変更でき便利ですよ。

テキストエフェクトの完成です。このままでも良いのですが、より自然な仕上がりを目指してワンスパイス加えてみます。

最後にコントラストをアップするために、もう１枚のテクスチャ Atmosphere 138をレイヤーの一番上に配置します。レイヤーの描画モードを「オーバーレイ」、不透明度「70%」としたら完成です。

できあがりがこちら。フィルタを重ねたことでより自然で、リアルなライティングエフェクトを作成することができました。

このチュートリアルは、Texturelabsによる英語版オリジナルチュートリアル「Realistic Glowing Text Effect」をアレンジしたものとなります。