Tutorial

【Photoshopチュートリアル】文字のレイヤースタイル【#29】

Creative21

Photoshopのレイヤースタイルで文字を装飾したい。
無料でできるPhotoshopのチュートリアルはないかな?

こういった疑問に答えるよ!

Naoya
Naoya
やぁ!みんな!元気?

デザイナーの@Naoyaです。

Youtube

目次

  • 【Photoshopチュートリアル】文字のレイヤースタイル【#29】

【Photoshopチュートリアル】文字のレイヤースタイル【#29】

今回はこの文字を使って進めていくよ、文字は何でもいいので用意しておいてね!

文字の入力方法が分からない人は下の記事を参考にしてみてね!

  • 文字の色を変更する
  • レイヤースタイルを適用する
  • グループ化する
  • レイヤースタイルを適用する

流れはこんな感じ。
順番に見て行こう!

文字の色を変更する

文字パネルのカラーをクリック!

一文字だけを選択する様な形でドラッグ!

文字パネルのカラーをクリック!

#「f51e2e」としてOK!

こんな感じになったね!

同じ要領で他のカラーも一文字づつ変更!

レイヤースタイルを適用する

文字レイヤーをダブルクリック!

境界線

「境界線」を追加後、サイズ=「20」位置=「外側」カラー=#「4b2b14」と入力!

こんな感じになったね!

シャドウ(内側)

「シャドウ(内側)」を追加後、描画モード=「オーバーレイ」カラー=#「ffffff」角度=「125」距離=「10」チョーク=「0」サイズ=「0」と入力!

こんな感じになったね!

ドロップシャドウ

「ドロップシャドウ」を追加後、カラー=#「4b2b14」角度=「125」距離=「20」スプレッド=「100」サイズ=「20」としてOK!

こんな感じになったね!

グループ化する

文字レイヤーを選択!

メニューバーの「レイヤー」→「レイヤーをグループ化」を選択!

レイヤースタイルを適用する

グループレイヤーをダブルクリック!

「境界線」を追加後、サイズ=「10」位置=「外側」としてOK!

これで完成!

ABOUT ME
Naoya
Naoya
Designer
デジタルアーツ東京→デザインプレックス東京→デザイン制作会社→フリーランス
記事URLをコピーしました