【Photoshop】金色に輝くキラキラ文字の作り方｜レイヤースタイルだけで完成
お金にまつわるデザインや、クラブ・パーティーなどの華やかなビジュアルを作るとき、金色に輝くキラキラ文字があるだけで一気にリッチな雰囲気になります。この記事では、Photoshopでゴールドに輝くタイトル文字を作る方法を、手順どおりに解説します。
キラキラした金文字は汎用性が高く、バナーやサムネイル、ロゴなどいろいろな場面で活躍します。作業のほとんどはレイヤースタイルの設定だけで完結するので、Photoshop初心者でも比較的かんたんに再現できます。それではさっそく作っていきましょう。
キラキラ文字を引き立てる背景を設定する
まずは、金色のキラキラ文字が際立つように、リッチな背景から用意していきます。
Photoshopでカンバスを新規作成する
下記の設定でカンバスを新規作成してください。
【幅】860px
【高さ】530px
背景をグラデーションにする
ゴージャスな雰囲気を出すために、背景は深い赤系のグラデーションにします。メニュー：レイヤー＞新規塗りつぶしレイヤー＞グラデーションから、以下のとおり設定してください。
【カラー（左）】6d0019（位置0%）
【カラー（右）】a90329（位置100%）
【角度】120°
レイヤースタイルで金色の質感を作り込む
ここからが本番です。テキストに複数のレイヤースタイルを重ねていくことで、立体感のある金色の質感を作り上げていきます。
ベースとなるテキストを入力する
元になるテキストを入力します。横書き文字ツールを選び、下記の設定で「GOLD」と入力してください。フォントは線が太めのものであれば、どんな書体でも問題ありません。
【フォントの種類】Arial（太さ：Black）
【フォントサイズ】195px
【カラー】ffffff（白）
境界線で文字にフチをつける
レイヤースタイルのウィンドウを開き、文字にフチをつけるため境界線を設定します。
【サイズ】6px
【位置】外側
【不透明度】100%
【塗りつぶしタイプ】カラー
【カラー】6e6e6e
ベベルとエンボスで立体感を出す
文字を立体的に見せるために、レイヤースタイルのベベルとエンボスを設定します。
【スタイル】ベベル（外側）
【テクニック】ジゼルハード
【深さ】331%
【方向】上へ
【サイズ】5px
【ソフト】1px
【角度】120°（包括光源を使用：オン）
【高度】30°
【光沢輪郭】リング（アンチエイリアス：オフ）
【ハイライトのモード】スクリーン（#ffffff、不透明度：75%）
【シャドウのモード】乗算（#000000、不透明度：75%）
さらに、輪郭にも以下の設定を加えます。
【光沢輪郭】リング（アンチエイリアス：オフ）
【範囲】50%
パターンオーバーレイでダイヤモンドの輝きを敷き詰める
文字の中に、キラキラと輝くダイヤモンド状の質感を敷き詰めます。レイヤースタイルのパターンオーバーレイを、以下のように設定してください。
【描画モード】通常
【不透明度】100%
【パターン】サテン
【比率】7%（レイヤーにリンク：オン）
Photoshopには多くのパターンが用意されていますが、種類が多すぎて目当てのものを見つけにくいことがあります。そんなときは、サムネイル右の三角マークからテキスト表示に切り替えると探しやすくなります。今回使う「サテン」は、パターンカテゴリ内にあります。
グラデーションオーバーレイで金色の陰影をつける
文字に金色の陰影を加えていきます。レイヤースタイルのグラデーションオーバーレイを、以下のとおり設定してください。
【描画モード】オーバーレイ
【不透明度】83%
【グラデーション】b08f2c（0%）、ffffff（48%）、b08f2c（100%）
【スタイル】線形（シェイプ内で作成：オン）
【角度】95°
【比率】100%
シャドウ（内側）で段差を強調する
レイヤースタイルのシャドウ（内側）を加えます。文字の内側がへこんだように見え、フチとの段差が生まれて立体感がさらに強調されます。
【描画モード】乗算（#000000）
【不透明度】75%
【角度】120°（包括光源を使用：オン）
【距離】1px
【チョーク】6px
【サイズ】4px
【画質】線形（アンチエイリアス：オフ）
【ノイズ】0%
光彩（内側）でフチのメリハリを際立たせる
レイヤースタイルの光彩（内側）を設定します。先ほどのシャドウ（内側）と合わせることで、フチ部分のメリハリがさらに際立ちます。
【描画モード】スクリーン
【不透明度】75%
【ノイズ】0%
【カラー】#ffffff
【テクニック】さらにソフトに
【ソース】エッジ
【チョーク】0%
【サイズ】14px
【輪郭】線形（アンチエイリアス：オフ）
【範囲】50%
【適用度】0%
ドロップシャドウで奥行きを加える
仕上げに、レイヤースタイルのドロップシャドウをつけます。文字が背景から浮き上がって見えるようになり、奥行きが生まれます。
【描画モード】乗算（#000000）
【不透明度】100%
【角度】120°（包括光源を使用：オン）
【距離】4px
【スプレッド】21%
【サイズ】32px
【輪郭】線形（アンチエイリアス：オフ）
【ノイズ】0%
【レイヤーがドロップシャドウをノックアウト】オン
これでタイトル文字本体のデザインは完成です。レイヤースタイルだけで、ここまで本格的な金色の質感を作ることができました。
ブラシツールでキラキラの輝きを追加する
仕上げに、完成した金文字へキラキラと輝く演出を加えていきます。これで一気に華やかさがアップします。
星形ブラシでキラキラを描く
ブラシツールを選び、ブラシパネルを開きます。ブラシプリセットタブに切り替えて、星形（スター）42pxを選択してください。テキスト表示にすると目当てのブラシを見つけやすくなります。なお、星形（スター）42pxは初期設定に戻すを実行すると見つかります。
キラキラは文字のフチに沿って、少なめに加えるのがコツです。多すぎるとうるさい印象になってしまうので、バランスを見ながら配置しましょう。
ぼかし（ガウス）でキラキラをなじませる
描いた星（キラキラ）を軽くぼかしてなじませます。メニュー：フィルター＞ぼかし＞ぼかし（ガウス）から、以下を設定してください。
【半径】1.0px
フィルターを使うときは、あらかじめレイヤーをスマートオブジェクトに変換しておきましょう。そうすれば、あとから数値を修正することができます。
まとめ：金色のキラキラ文字が完成
今回の完成図がこちらです。
Photoshopで金色に輝くキラキラ文字を作る方法を解説しました。今回はゴールドで作りましたが、グラデーションオーバーレイのカラーを変えれば、シルバーやブロンズなどにも応用できます。用途に合わせて色々と試してみてください。
なお、このデザインはレイヤースタイルを多用しているため、完成後にフォントサイズを変えるとデザインが崩れてしまいます。文字サイズを変えたいときは、レイヤースタイルを再調整しながら整えていきましょう。
レイヤースタイルをもっと使いこなしたい方は、こちらの記事もあわせてどうぞ。デザインの幅が広がる5つのポイントを解説しています。
【Photoshop】レイヤースタイルの5つのスキルUPポイントはこちら
今回のようなテキストデザインを本格的に楽しむなら、最新版のPhotoshopが使えるAdobe Creative Cloudが便利です。プランやキャンペーン価格は時期によって変わるので、最新の内容を確認してみてください。
