今回ご紹介するテキストチュートリアルは、”メタリックなデザイン”です。

テキストデザインの幅が広がると思いますので、是非参考にしてみてください。

Step1 背景・テキスト設定

今回使用するテキストの準備をします。

まず、背景を黒色に設定後、テキスト設定は以下の通りに設定しました。

※太字フォントを選ぶとデザインの良さが際立つ気がしますのでおススメです。

  • フォントタイプ:Ultra
  • サイズ:300px
  • 文字幅:100
  • 文字色:fcfafa

Step2 レイヤースタイル設定 パターンオーバーレイ

テキスト設定が完了したら、レイヤースタイル設定に移ります。

①テキストレイヤーをダブルクリックしてレイヤースタイル設定画面を表示させ、

②パターンオーバーレイを選択します。

パターンオーバーレイでの設定は以下の通りに設定しました。

  • 描画モード:通常
  • 不透明度:100%
  • パターン:アクア
  • ※パターンの場所:従来のパターンとその他⇒従来のパターン⇒カラーペーパー⇒アクア
  • 角度:0°
  • 比率:50%

Step3 レイヤースタイル設定 ベベルとエンボス

ベベルとエンボス設定に入ります。

①レイヤースタイルのベベルとエンボスのボタンを選択し、編集していきます。

設定は以下の通りです。

  • スタイル:ベベル(内側)
  • テクニック:ジゼルハード
  • 深さ:450%
  • 方向:上へ
  • サイズ:40px
  • ソフト:0px
  • 角度:140°
  • 高度:30°
  • 包括光源を使用:チェックを外す
  • アンチエイリアス:チェック
  • 光沢輪郭:カスタム(以下詳細記載)
  • ハイライトのモード:覆い焼きカラ
  • ハイライトの色コード:fdfbfc
  • シャドウのモード:ハードライト
  • シャドウの色コード:070606

光沢輪郭の選定は以下の通りです。

Step4 レイヤースタイル設定 ベベルとエンボス(輪郭)

ベベルとエンボスの輪郭設定を行います。

①ベベルとエンボスの輪郭ボタンを選択し、以下の通りに設定していきます。

  • 輪郭:カスタム(以下詳細記載)
  • アンチエイリアス:チェックを入れる
  • 範囲:50%

輪郭の設定は以下の通りです。

Step5 レイヤースタイル設定 境界線

レイヤースタイルの境界線を設定していきます。

①レイヤースタイルの境界線を選択し、以下の通りに設定します。

  • サイズ:2px
  • 位置:中央
  • 描画モード:通常
  • 不透明度:100%
  • 塗りつぶしタイプ:グラデーション
  • グラデーション:カスタム(以下詳細記載)
  • スタイル:角度
  • レイヤーに整列:チェック入れる
  • 角度:-45°
  • ディザ:チェック入れる
  • スケール:150%

グラデーションの設定は以下の通りです。

Step6 レイヤースタイル設定 シャドウ(内側)

シャドウ(内側)のレイヤー設定に入ります。

①レイヤースタイルのシャドウ内側を選択し、以下の通りに設定します。

  • 描画モード:覆い焼き(リニア)加算
  • カラーコード:798ba3
  • 不透明度:35%
  • 角度:90度
  • 距離:5px
  • チョーク:95%
  • サイズ:5px
  • 輪郭:Linear(プリセット)
  • ノイズ:0%

Step7 レイヤースタイル設定 光彩(内側)

レイヤースタイルの光彩(内側)を編集していきます。

①レイヤースタイル 光彩を選択し、以下の通りに設定します。

  • 描画モード:焼き込み(リニア)
  • 不透明度:15%
  • ノイズ:0%
  • 色コード:74726f
  • テクニック:精細
  • ソース:エッジ
  • チョーク:100%
  • サイズ:15px
  • 輪郭:プリセット(リング)
  • アンチエイリアス:チェックを入れる
  • 範囲:90%
  • 適用度:0%

Step8 レイヤースタイル設定 サテン

レイヤースタイルのサテンを設定していきます。

①レイヤースタイル サテンを選択し、以下の通りに設定します。

  • 描画モード:覆い焼き(リニア)加算
  • 色コード:e2dced
  • 不透明度:55%
  • 角度:0°
  • 距離:25px
  • サイズ:35px
  • 輪郭:カスタム(以下詳細設定記載)
  • アンチエイリアス:チェックを入れる
  • 階調の反転:チェックを入れる

輪郭の設定になります。

Step9 レイヤースタイル設定 カラーオーバーレイ

レイヤースタイルのカラーオーバーレイを編集していきます。

①レイヤースタイル カラーオーバーレイを選択し、以下の通りに設定します。

  • 描画モード:覆い焼きカラー
  • カラーコード:c7c8c8
  • 不透明度:50%

Step10 レイヤースタイル設定 光彩(外側)

レイヤースタイルの光彩(外側)の設定に入ります。

①レイヤースタイル 光彩(外側)を選択し、以下の通りに設定します。

  • 描画モード:覆い焼き(リニア)加算
  • 不透明度:50%
  • ノイズ:1%
  • カラーコード:d8d9dc
  • テクニック:さらにソフトに
  • スプレッド:0%
  • サイズ:20px
  • 輪郭:プリセット(線型)
  • アンチエイリアス:チェックを入れる
  • 範囲:100%
  • 適用度:0%

最後に

レイヤースタイル 光彩(外側)を編集したら、完成です!!

デザインの幅が広がること間違いなしですので、

是非挑戦してみてください。

最後までご覧いただきありがとうございました。