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

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

 

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

 

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

 

 

 

ネオンサインエフェクトと組み合わせて利用すると、よりダイナミックな仕上がりを演出できます。

【フォトショップ】ワンランク上のネオンサインエフェクトのつくり方

 

 

リアルなライティング・グローエフェクトのつくり方

 

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

 

 

 

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

 

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

 

 

 

入力した文字レイヤーを新しいグループフォルダに入れたら、レイヤーを右クリック>「スマートオブジェクトに変換」。レイヤーの描画モードを「スクリーン」とします。

 

 

 

メインメニューより「フィルタ」>「ぼかし」>「ぼかし(ガウス)」を選択したら、半径「0.5px」のわずかなぼかしを適用します。

 

 

 

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

 

 

 

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

 

 

 

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

 

 

 

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

 

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

 

 

 

グループフォルダのドロップダウンを閉じたら、レイヤーパネルしたより新規調整レイヤー「グラデーションマップ」を追加します。

 

Option/Altを押しながら2つのレイヤー間をクリックし、クリッピングマスクを作成しましょう。これで、文字テキストにのみグラデーションが適用されるようになりました。

 

 

 

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

 

左から「黒(#000000) 位置0%」、「青(#0038c7) 位置33%」、「水色(#37e5ff) 78%」、「白(#ffffff) 位置100%」。

 

 

 

フォントやシェイプの太さに応じてグラデーションを調整することで、よりリアルなライティング効果を表現できます。

 

 

 

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

 

 

 

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

 

 

 

参照元リンクよりあらかじめダウンロードしておいたテクスチャ LensFX 161をドラッグ&ドロップでレイヤーの一番上に配置したら、描画モードを「スクリーン」、不透明度「50%」に変更します。

 

デザインに合わせてテクスチャのサイズ変更や回転させてみても良いでしょう。

 

 

 

ほんのわずかですが、テクスチャの不規則なグラフィックが追加されたことでよりナチュラルな仕上がりに。グラデーションカラーの混ざり具合もいい感じです。

 

 

 

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

 

 

 

 

完成

 

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

 

 

 

スマートオブジェクト機能を活用したことで、後から文字テキストの変更を行うことも可能です。

 

 

 

今回利用したフォントMoister Font Collectionは、筆記体やセリフ、サンセリフなど4つのフォントを組み合わせるだけで、おしゃれなヴィンテージロゴを作成できるすぐれもの。

 

 

 

デザイン性の高い合字リガチャが豊富に揃っているので、サクッとロゴを作成したいときにも便利。まとめて複数の素材を購入することで、最大50%の追加ボーナス割引があるのもお得ですよ。

 

 

 

参照元リンク : Realistic Glowing Text Effect – Texturelabs.org