基本操作

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

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

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

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

クリエイターの@NaoGです。

この記事の信頼性(著者は実務経験者)

  • 仕事でPhotoshopを扱ってきた経験
  • Photoshop歴は5年ぐらい
  • 現在はフリーランスのWebデザイナー

目次

  • レイヤースタイルの種類
  • レイヤースタイルの使い方
NaoG
NaoG
ではゆこう!
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...

レイヤースタイルの種類

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

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

NaoG
NaoG
順番に解説するよ!

ベベルとエンボス

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

NaoG
NaoG
例えるなら家の表札見たいな感じ!

——————————–
ベベルとエンボス準備中
——————————–

境界線

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

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

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

シャドウ(内側)

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

——————————–
シャドウ(内側)準備中
——————————–

光彩(内側)

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

——————————–
光彩(内側)準備中
——————————–

サテン

「サテン」は対象のレイヤーに光沢感を適用することができるよ!

——————————–
サテン準備中
——————————–

カラーオーバーレイ

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

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

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

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

【Photoshop】グラデーションオーバーレイの使い方【新人デザイナー向け】Photoshopのグラデーションオーバーレイの使い方が分からない。 そもそもグラデーションオーバーレイって何なんだろう? Photoshopのグラデーションオーバーレイについて詳しく知りたいです。 こういった疑問に答えます。 ...

パターンオーバーレイ

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

————————————–
パターンオーバーレイ準備中
————————————–

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

【Photoshop】パターンの使い方【新人デザイナー向け】Photoshopの便利なパターン機能 ・簡単に背景が作れる ・プリセットを仕分けできる ・画像サイズに限界がない ・自分の好きなパターンを作れる ・仕事の時短に繋がる...

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

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

光彩(外側)

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

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

ドロップシャドウ

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

——————————–
ドロップシャドウ準備中
——————————–

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

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

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

NaoG
NaoG
順番に解説するよ!

レイヤーを作る

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

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

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

レイヤーに何かを入れる

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

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

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

OKを選択!

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

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

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

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

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

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

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

【Photoshop】レイヤースタイルの使い方【新人デザイナー向け】Photoshopのレイヤースタイルってどうやって使うのだろう? レイヤースタイルの素材はどうやって読み込んだら良いのだろう? オリジナルのレイヤースタイルは作れるのかな? こういった疑問に答えます。...
NaoG
NaoG
今日も来てくれてありがとう、またね!
【無料で有益】Webデザインスクール3社【現役デザイナーがおすすめ】Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、 そもそもなに基準...
【40点プレゼントの体験版】Adobe Stockを無料で始める手順Adobe Stockを利用したいけど、どうやって始めるんだろう? そもそも、いくらかかるんだろうか、、、。 これからAdobe Stockの契約を考えているので「Adobe Stockの始め方」を知りたいです。 こういった疑問に答えます。...
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...