Photoshopのレイヤースタイルを使ってサクッと文字を装飾

レイヤースタイル「グラデーション」を使ったテキスト

レイヤースタイルを使うと文字を簡単に装飾できます。また、レイヤースタイルはコピーできるので手軽に他の要素にも反映できます。 今回はグラデーションをメインに装飾していきたいと思います。

Point

  • 太めのフォントを使う方がグラデーションが強調できる。
  • やりすぎるとくどくなるので加減が大切

テキストを入力する

テキストを入力します。今回は太くてはっきりした書体を使います。

「SHELFULL PHOTOSHOP」というテキストを入力

レイヤースタイル“グラデーション”を設定

レイヤースタイルの“グラデーションオーバーレイ”を選択します。

レイヤースタイル“グラデーションオーバーレイ”を選択

そして グラデーションを設定します。今回は赤系のグラデーションにします。その他の設定はお好みで。

グラデーションオーバーレイの設定

グラデーション以外の主要な設定項目は以下のような内容です。

描画モード・・・レイヤーと同じように描画モードを設定することができます。パターンオーバーレイと組み合わせて使うときなんかに使用します。
不透明度・・・グラデーションの透明度を設定できます。
スタイル・・・「線形」の他に「円形」「角度」「反射」「菱形」がありそれぞれグラデーションの形が変わります。
角度・・・グラデーションの角度を設定できます。

テキストにグラデーションが設定できました。

グラデーションオーバーレイの適用

レイヤースタイルを追加

もう少し目立たせる為にレイヤースタイルを追加したいと思います。 今回は境界線、ドロップシャドウ、ベベルとエンボスを追加します。
(ベベルはやりすぎると昔の webサイトみたいになっちゃうので気をつけましょう。)

境界線の設定
境界線の設定
ドロップシャドウの設定
ドロップシャドウの設定
ベベルとエンボスの設定
ベベルとエンボスの設定

こんな感じになりました。

境界線、ドロップシャドウ、ベベルとエンボスを設定した状態

他の文字にも反映させる

レイヤースタイルの便利なところの一つは簡単にコピーできるところだと思います。
まずコピー元のレイヤーを選択した状態で、メニューバーの「レイヤー」>「レイヤースタイル」>「レイヤースタイルをコピー」を選択します。

「レイヤースタイルをコピー」を選択

次に反映させたいレイヤーを選択した状態で、メニューバーの「レイヤー」>「レイヤースタイル」>「レイヤースタイルをペースト」を選択します。

「レイヤースタイルをペースト」を選択

すると同じスタイルが反映されます。
(レイヤーから直接右クリックのメニューでもできます。)

完成しました。

レイヤースタイルの「グラデーションオーバーレイ」を使ったテキスト装飾

設定を変更したい時はレイヤーの「効果」をダブルクリックすれば再び設定画面が開きます。
ここまでこってりしたのを作る機会は少ないと思いますが、金属っぽい写真と組み合わせると意外と引き立ちます。
グラデーションはフリーのものがたくさん配布されているので、うまく使うと手軽に色々な表現が楽しめます。

関連記事