【Photoshopチュートリアル】文字のレイヤースタイル【#03】
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_29.jpg)
Photoshopのレイヤースタイルで文字を装飾したい。
無料でできるPhotoshopのチュートリアルはないかな?
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
目次
【Photoshopチュートリアル】文字のレイヤースタイル【#03】
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)
【Photoshopチュートリアル】文字のレイヤースタイル【#03】
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01.jpg)
今回はこの文字を使って進めていくよ、文字は何でもいいので用意しておいてね!
文字の入力方法が分からない人は下の記事を参考にしてみてね!
- レイヤースタイルを適用したい文字を選択する
- レイヤースタイルを適用する
レイヤースタイルを適用する流れはこんな感じ。
順番に見て行こう!
レイヤースタイルを適用したい文字を選択する
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_01.jpg)
レイヤーからレイヤースタイルを適用したい文字を選択!
レイヤーが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!
レイヤースタイルを適用する
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_02.jpg)
レイヤーをダブルクリック!
レイヤー名の所でダブルクリックするとレイヤー名の変更になってしまうので、レイヤー名以外の場所をダブルクリック!
境界線
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_03.jpg)
「境界線」を選択後、サイズ=「10」位置=「外側」を選択!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_04.jpg)
塗りつぶしタイプ=「グラデーション」を選択!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_05.jpg)
グラデーションをクリック!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_06.jpg)
左下のアイコンをクリック!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_07.jpg)
ここでは#「ffffff」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_08.jpg)
右下のアイコンをクリック!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_09.jpg)
ここでは#「ffffff」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_10.jpg)
続いて真中辺りをクリック!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_11.jpg)
位置=「50」としてアイコンをクリック!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_12.jpg)
ここでは#「ebebeb」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_13.jpg)
スタイル=「線形」角度=「90」スケール=「100」と入力!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_14.jpg)
こんな感じになったね!
カラーオーバーレイ
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_15.jpg)
「カラーオーバーレイ」を選択後、カラーのアイコンをクリック!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_16.jpg)
ここでは#「0016e8」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_17.jpg)
こんな感じになったね!
シャドウ(内側)
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_18.jpg)
「シャドウ(内側)」を選択後、描画モードを選択!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_19.jpg)
「乗算」を選択!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_20.jpg)
カラーのアイコンをクリック!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_21.jpg)
ここでは#「00061e」としてOK!
シャドウ(内側)
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_18-1.jpg)
「シャドウ(内側)」を選択後、描画モードを選択!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_19-1.jpg)
ここでは「乗算」を選択!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_20-1.jpg)
カラーのアイコンをクリック!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_21-1.jpg)
ここでは#「00061e」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_22.jpg)
不透明度=「50」角度=「125」距離=「12」チョーク=「0」サイズ=「0」と入力!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_23.jpg)
こんな感じになったね!
光彩(外側)
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_24.jpg)
「光彩(外側)」を選択後、描画モードを選択!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_25.jpg)
ここでは「覆い焼き(リニア)-加算」を選択!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_26.jpg)
カラーのアイコンをクリック!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_27.jpg)
ここでは「00f6ff」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_28.jpg)
スプレッド=「0」サイズ=「35」範囲=「40」適用度=「0」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_29.jpg)
これで完成!
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)