レイヤースタイル

【Photoshop】レイヤースタイルの種類【新人デザイナー向け】

レイヤースタイルの種類って何があるんだろう?
レイヤースタイルの使い方が知りたい。

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

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

デザイナーの@Naoyaです。

目次

  • レイヤースタイルの種類
  • レイヤースタイルの使い方
  • レイヤースタイルを使ったチュートリアル
Naoya
Naoya
ではゆこう!
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...

レイヤースタイルの種類

  • ベベルとエンボス
  • 境界線
  • シャドウ(内側)
  • 光彩(内側)
  • サテン
  • カラーオーバーレイ
  • グラデーションオーバーレイ
  • パターンオーバーレイ
  • 光彩(外側)
  • ドロップシャドウ

レイヤースタイルの種類はこんな感じ。

Naoya
Naoya
順番に解説するよ!

ベベルとエンボス

「ベベルとエンボス」は対象のレイヤーに陰影をつけて立体感を出すことができるよ!

【Photoshop】ベベルとエンボスの使い方【新人デザイナー向け】Photoshopのベベルとエンボスの使い方が分からない。 そもそもベベルとエンボスって何なんだろう? ベベルとエンボスを使ったチュートリアルがあればやりたい。 Photoshopのベベルとエンボスについて詳しく知りたいです。 こういった疑問に答えるよ!...

境界線

「境界線」は対象のレイヤー境界線を適用することができるよ!

因みに境界線レイヤースタイルでなくてもシェイプで作られたものであれば、を利用することで境界線を追加できるよ!

【Photoshop】境界線の使い方【新人デザイナー向け】画像に境界線を付けたい。 Photoshopの境界線ってどうやって扱うんだろう…。 Photoshopの境界線について詳しく知りたいです。 こういった疑問に答えます。...

シャドウ(内側)

「シャドウ(内側)」は対象のレイヤーの内側にシャドウを適用することができるよ!

【Photoshop】シャドウ(内側)の使い方【新人デザイナー向け】Photoshopのシャドウ(内側)の使い方が分からない。 そもそもシャドウ(内側)って何なんだろう? シャドウ(内側)を使ったチュートリアルがあればやりたい。 Photoshopのシャドウ(内側)について詳しく知りたいです。 こういった疑問に答えるよ!...

光彩(内側)

「光彩(内側)」は対象のレイヤーの内側に光彩を適用することができるよ!

【Photoshop】光彩(内側)の使い方【新人デザイナー向け】Photoshopの光彩(内側)の使い方が分からない。 そもそも光彩(内側)って何なんだろう? 光彩(内側)を使ったチュートリアルがあればやりたい。 Photoshopの光彩(内側)について詳しく知りたいです。 こういった疑問に答えるよ!...

サテン

「サテン」は対象のレイヤーにレイヤーの形状と色味を追加することができるよ!

【Photoshop】サテンの使い方【新人デザイナー向け】Photoshopのサテンの使い方が分からない。 そもそもサテンって何なんだろう? サテンを使ったチュートリアルがあればやりたい。 Photoshopのサテンについて詳しく知りたいです。 こういった疑問に答えるよ!...

カラーオーバーレイ

「カラーオーバーレイ」は対象のレイヤーの色をコントロールすることができるよ!

【Photoshop】カラーオーバーレイの使い方【新人デザイナー向け】Photoshopのカラーオーバーレイの使い方が分からない。 そもそもカラーオーバーレイって何なんだろう? カラーオーバーレイを使ったチュートリアルがあればやりたい。 Photoshopのカラーオーバーレイについて詳しく知りたいです。 こういった疑問に答えるよ! ...

グラデーションオーバーレイ

「グラデーションオーバーレイ」は対象のレイヤーグラデーションを適用することができるよ!

【Photoshop】グラデーションオーバーレイの使い方【新人デザイナー向け】Photoshopのグラデーションオーバーレイの使い方が分からない。 そもそもグラデーションオーバーレイって何なんだろう? グラデーションオーバーレイを使ったチュートリアルがあればやりたい。 Photoshopのグラデーションオーバーレイについて詳しく知りたいです。 こういった疑問に答えるよ!...

パターンオーバーレイ

「パターンオーバーレイ」は対象のレイヤーパターンを適用することができるよ!
適用するパターンは事前にパターンの定義で作成する必要があるよ!

【Photoshop】パターンオーバーレイの使い方【新人デザイナー向け】Photoshopのパターンオーバーレイの使い方が分からない。 そもそもパターンオーバーレイって何なんだろう? パターンオーバーレイを使ったチュートリアルがあればやりたい。 Photoshopのパターンオーバーレイについて詳しく知りたいです。 こういった疑問に答えるよ!...

パターンの定義方法やパターンの使い方がよく分からない人は下の記事を参考にしてみてね!

【Photoshop】パターンの使い方【新人デザイナー向け】Photoshopのパターンツールってどうやって使うんだろう? パターンの素材はどうやって読み込んだら良いんだろう? オリジナルのパターンは作れるのかな? こういった疑問に答えるよ!...

既にパターンの定義をしてるパターンの色変更をしたい人は下の記事を参考にしてみてね!

【Photoshop】パターンオーバーレイの色変更や透明パターンの作成方法【自由に編集可能】Photoshopのパターンで悩むこと・パターンオーバーレイが使えない・背景が透過したパターンが作れない・パターンの色が変更できないパターンはとても便利な機能ですが、初めて触ってみるとちょっと厄介な部分も。こんな悩みについて解説します。...

光彩(外側)

「光彩(外側)」は対象のレイヤーの外側に光彩を適用することができるよ!

【Photoshop】光彩(外側)の使い方【新人デザイナー向け】Photoshopの光彩(外側)の使い方が分からない。 そもそも光彩(外側)って何なんだろう? Photoshopの光源(外側)について詳しく知りたいです。 こういった疑問に答えます。...

ドロップシャドウ

「ドロップシャドウ」は対象のレイヤーの外側にシャドウを適用できるよ!

【Photoshop】ドロップシャドウの使い方【新人デザイナー向け】Photoshopのドロップシャドウの使い方が分からない。 そもそもドロップシャドウって何なんだろう? ドロップシャドウを使ったチュートリアルがあればやりたい。 Photoshopのドロップシャドウについて詳しく知りたいです。 こういった疑問に答えるよ!...

レイヤースタイルの使い方

  • レイヤーを作る
  • レイヤーに何かを入れる
  • レイヤースタイルを適用する

レイヤースタイルの使い方はこんな感じ。

Naoya
Naoya
順番に解説するよ!

レイヤーを作る

メニューバーのレイヤー→「新規」→「レイヤー」を選択!

レイヤーが追加されたね!

レイヤーパネルが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択するとレイヤーパネルが表示されるよ!

レイヤーに何かを入れる

続いてレイヤーに何かを入れるよ!

レイヤースタイルは空のレイヤーに適用しても効果が確認できないから!

今回はメニューバーの「レイヤー」→「新規塗りつぶしレイヤー」→「べた塗り」を選択!

OKを選択!

今回は色を#001d25としてOK!

べた塗りが追加されたよ!

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

さっき作ったべた塗りのレイヤーをダブルクリック!

今回はカラーオーバーレイを選択して、色を選択!

ここでは#00d3ffとしてOK!

レイヤースタイルの作り方や書き出し方法については下の記事を参考にしてみてね!

【Photoshop】レイヤースタイルの使い方【新人デザイナー向け】Photoshopのレイヤースタイルってどうやって使うのだろう? レイヤースタイルの素材はどうやって読み込んだら良いのだろう? オリジナルのレイヤースタイルは作れるのかな? こういった疑問に答えます。...

レイヤースタイルを使ったチュートリアル

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

【Photoshopチュートリアル】文字のレイヤースタイル【#01】Photoshopのレイヤースタイルで文字を装飾したい。 無料でできるPhotoshopのチュートリアルはないかな? こういった疑問に答えるよ!...

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

【Photoshopチュートリアル】文字のレイヤースタイル【#02】Photoshopのレイヤースタイルで文字を装飾したい。 無料でできるPhotoshopのチュートリアルはないかな? こういった疑問に答えるよ!...

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

【Photoshopチュートリアル】文字のレイヤースタイル【#03】Photoshopのレイヤースタイルで文字を装飾したい。 無料でできるPhotoshopのチュートリアルはないかな? こういった疑問に答えるよ!...

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

【Photoshopチュートリアル】文字のレイヤースタイル【#04】Photoshopのレイヤースタイルで文字を装飾したい。 無料でできるPhotoshopのチュートリアルはないかな? こういった疑問に答えるよ!...

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

【Photoshopチュートリアル】文字のレイヤースタイル【#05】Photoshopのレイヤースタイルで文字を装飾したい。 無料でできるPhotoshopのチュートリアルはないかな? こういった疑問に答えるよ! ...
Naoya
Naoya
今日も来てくれてありがとう、またね!
【無料あり】Webデザインスクールおすすめ3選【決定版】Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、そもそもなに基準で選んだ...
【40点プレゼントの体験版】Adobe Stockを無料で始める手順Adobe Stockを利用したいけど、どうやって始めるんだろう? そもそも、いくらかかるんだろうか、、、。 これからAdobe Stockの契約を考えているので「Adobe Stockの始め方」を知りたいです。 こういった疑問に答えます。...
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...