【ロゴ】フォントでつくる!夜を彩るネオンサイン「放射状のグラデーション」

フォントでつくる!
夜を彩るネオンサイン
− 放射状のグラデーション −

周辺に色を拡散する

ガラスの映り込みとは別に、拡散する光を設定しましょう。拡散する光は、大まかな演出として、画像全体を彩るものです。暗い背景画像では、ビネット効果の役割もします。
【操作方法】
[ レイヤー ] パネルで、[ 背景 ] を選択します。
[ 塗りつぶしレイヤーを新規作成 ] をクリックし、メニューから [ グラデーション ] を選択して、[ グラデーション 1 ] を作成します。
[ グラデーション 1 ] を作成
[ グラデーションで塗りつぶし ] ダイアログで、[ クリックでグラデーションを編集 ] をクリックして、[ グラデーションエディター ] ダイアログを表示します。
[ クリックでグラデーションを編集 ] をクリック
[ グラデーションエディター ] ダイアログで、[ RGB レッド ] から [ ブラック ] のグラデーションを設定して、[ OK ] をクリックします。
[ グラデーションエディター ] を設定
【設定値】
[ 位置 : 0 % ] [ 不透明度 : 100 % ]
[ 位置 : 100 % ] [ 不透明度 : 100 % ]
[ 位置 : 0 % ] [ カラー : RGB レッド ]
[ 位置 : 100 % ] [ カラー : ブラック ]
[ グラデーションで塗りつぶし ] ダイアログで、[ スタイル ] に [ 円形 ] を選択します。[ 角度 ] に [ 0 ]°を入力します。[ ディザ ] を有効にします。
[ グラデーションで塗りつぶし ] を設定
ドキュメント上でドラッグし、グラデーションの位置を調整して、[ グラデーションで塗りつぶし ] ダイアログの [ OK ] をクリックします。
効果を移動する
[ グラデーションで塗りつぶし ] ダイアログを表示中に、ドキュメント上でドラッグすると、グラデーションの効果が移動できます。
[ レイヤー ] パネルで、描画モードに [ スクリーン ] を選択します。
[ 不透明度 ] に [ 35% ] を入力します。
[ スクリーン ] と [ 35% ] を設定
ネオンサインの周辺に、[ レッド ] を拡散することができました。
拡散する光 [ レッド ] の設定

ブルーを設定

同じ要領で、拡散する光 [ ブルー ] の設定を行いましょう。ここでは、新しい塗りつぶしレイヤーを作成します。複製して編集を加えることも可能です。夜を彩るネオンサインを完成させましょう。
【操作方法】
[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックし、メニューから [ グラデーション ] を選択して、[ グラデーション 2 ] を作成します。詳細は前項を参照
[ グラデーション 2 ] を作成
[ グラデーションエディター ] ダイアログで、[ RGB ブルー ] から [ ブラック ] のグラデーションを設定して、[ OK ] をクリックします。
[ グラデーションエディター ] を設定
【設定値】
[ 位置 : 0 % ] [ 不透明度 : 100 % ]
[ 位置 : 100 % ] [ 不透明度 : 100 % ]
[ 位置 : 0 % ] [ カラー : RGB ブルー ]
[ 位置 : 100 % ] [ カラー : ブラック ]
ドキュメント上でドラッグし、グラデーションの位置を調整して、[ グラデーションで塗りつぶし ] ダイアログの [ OK ] をクリックします。
[ レイヤー ] パネルで、描画モードに [ スクリーン ] を選択して、[ 不透明度 ] に [ 35% ] を入力します。フォントの文字にネオンサインの効果をつけることができました。
ネオンサインの効果ができた
ネオン管の太さが調整できる
このレッスンの技法では、フォントの骨格を中心にシェイプバーストを設定しているため、ネオン管の太さをさらに細く調整できます。方法はカンタン。STEP 3、STEP 5 の [ グラデーションエディター ] で設定するカラー分岐点の位置を 100% 側へ移動するだけです。
レッスン動画を配信中!
サムネールをクリックすると、
レッスン動画にリンクします。

ページ: 1 2 3 4