【Photoshop】レイヤースタイルの種類【新人デザイナー向け】
![](https://nexout.blog/wp-content/uploads/2021/02/210207_h2_01-min.jpg)
レイヤースタイルの種類って何があるんだろう?
レイヤースタイルの使い方が知りたい。
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
目次
- レイヤースタイルの種類
- レイヤースタイルの使い方
- レイヤースタイルを使ったチュートリアル
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)
レイヤースタイルの種類
![](https://nexout.blog/wp-content/uploads/2021/03/210207_h2_01.jpg)
- ベベルとエンボス
- 境界線
- シャドウ(内側)
- 光彩(内側)
- サテン
- カラーオーバーレイ
- グラデーションオーバーレイ
- パターンオーバーレイ
- 光彩(外側)
- ドロップシャドウ
レイヤースタイルの種類はこんな感じ。
ベベルとエンボス
![](https://nexout.blog/wp-content/uploads/2022/07/bevel_and_emboss.jpg)
「ベベルとエンボス」は対象のレイヤーに陰影をつけて立体感を出すことができるよ!
境界線
![](https://nexout.blog/wp-content/uploads/2022/08/border.jpg)
「境界線」は対象のレイヤーに境界線を適用することができるよ!
因みに境界線はレイヤースタイルでなくてもシェイプで作られたものであれば、線を利用することで境界線を追加できるよ!
シャドウ(内側)
![](https://nexout.blog/wp-content/uploads/2022/07/shadow_inside.jpg)
「シャドウ(内側)」は対象のレイヤーの内側にシャドウを適用することができるよ!
光彩(内側)
![](https://nexout.blog/wp-content/uploads/2022/07/inside_glow.jpg)
「光彩(内側)」は対象のレイヤーの内側に光彩を適用することができるよ!
サテン
![](https://nexout.blog/wp-content/uploads/2022/07/satin.jpg)
「サテン」は対象のレイヤーにレイヤーの形状と色味を追加することができるよ!
カラーオーバーレイ
![](https://nexout.blog/wp-content/uploads/2021/04/color_overlay.jpg)
「カラーオーバーレイ」は対象のレイヤーの色をコントロールすることができるよ!
グラデーションオーバーレイ
![](https://nexout.blog/wp-content/uploads/2021/04/グラデーションオーバーレイ-1280x720-1.jpg)
「グラデーションオーバーレイ」は対象のレイヤーにグラデーションを適用することができるよ!
パターンオーバーレイ
![](https://nexout.blog/wp-content/uploads/2022/07/pattern_overlay.jpg)
「パターンオーバーレイ」は対象のレイヤーにパターンを適用することができるよ!
適用するパターンは事前にパターンの定義で作成する必要があるよ!
光彩(外側)
![](https://nexout.blog/wp-content/uploads/2021/04/glow_outside.jpg)
「光彩(外側)」は対象のレイヤーの外側に光彩を適用することができるよ!
ドロップシャドウ
![](https://nexout.blog/wp-content/uploads/2022/07/drop_shadow.jpg)
「ドロップシャドウ」は対象のレイヤーの外側にシャドウを適用できるよ!
レイヤースタイルの使い方
![](https://nexout.blog/wp-content/uploads/2021/03/210207_h2_02.jpg)
- レイヤーを作る
- レイヤーに何かを入れる
- レイヤースタイルを適用する
レイヤースタイルの使い方はこんな感じ。
レイヤーを作る
![](https://nexout.blog/wp-content/uploads/2021/03/210323_h2_02_01.jpg)
メニューバーのレイヤー→「新規」→「レイヤー」を選択!
![](https://nexout.blog/wp-content/uploads/2021/03/210323_h2_02_02.jpg)
レイヤーが追加されたね!
レイヤーパネルが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択するとレイヤーパネルが表示されるよ!
レイヤーに何かを入れる
続いてレイヤーに何かを入れるよ!
レイヤースタイルは空のレイヤーに適用しても効果が確認できないから!
![](https://nexout.blog/wp-content/uploads/2021/03/210323_h2_02_03.jpg)
今回はメニューバーの「レイヤー」→「新規塗りつぶしレイヤー」→「べた塗り」を選択!
![](https://nexout.blog/wp-content/uploads/2021/03/210323_h2_02_04.jpg)
OKを選択!
![](https://nexout.blog/wp-content/uploads/2021/03/210323_h2_02_05.jpg)
今回は色を#001d25としてOK!
![](https://nexout.blog/wp-content/uploads/2021/03/210323_h2_02_06.jpg)
べた塗りが追加されたよ!
レイヤースタイルを適用する
![](https://nexout.blog/wp-content/uploads/2021/03/210323_h2_02_07.jpg)
さっき作ったべた塗りのレイヤーをダブルクリック!
![](https://nexout.blog/wp-content/uploads/2021/03/210323_h2_02_08.jpg)
今回はカラーオーバーレイを選択して、色を選択!
![](https://nexout.blog/wp-content/uploads/2021/03/210323_h2_02_09.jpg)
ここでは#00d3ffとしてOK!
レイヤースタイルの作り方や書き出し方法については下の記事を参考にしてみてね!
レイヤースタイルを使ったチュートリアル
【Photoshopチュートリアル】文字のレイヤースタイル【#01】
![](https://nexout.blog/wp-content/uploads/2022/06/220622_h2_01_h3_16.jpg)
【Photoshopチュートリアル】文字のレイヤースタイル【#02】
![](https://nexout.blog/wp-content/uploads/2022/06/220630_main_visual-2.jpg)
【Photoshopチュートリアル】文字のレイヤースタイル【#03】
![](https://nexout.blog/wp-content/uploads/2022/07/220702_h2_01_29.jpg)
【Photoshopチュートリアル】文字のレイヤースタイル【#04】
![](https://nexout.blog/wp-content/uploads/2022/07/220703_h2_01_29.jpg)
【Photoshopチュートリアル】文字のレイヤースタイル【#05】
![](https://nexout.blog/wp-content/uploads/2022/07/220704_h2_01_97.jpg)
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)