【Photoshop】レイヤースタイル、レイヤー効果の使い方とコピペ方法

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Photoshop（フォトショップ）を操作する上で非常に便利な機能の一つである「レイヤースタイル（レイヤー効果）」の基本的な使い方について解説します。

意外と知られていないレイヤースタイルのコピペ方法も併せて解説！
Photoshopを使ったクリエイティブを加速させる便利な使い方を網羅的に学習できるので、フォトショを始められたばかりの方にオススメなコンテンツです。

では早速始めていきましょう！

この記事の目次

レイヤースタイル、レイヤー効果とは？

レイヤースタイルを使うと簡単に対象レイヤー内オブジェクトに様々なエフェクトを適用できます。

効果パネルには境界線やドロップシャドウをはじめとした多種多様な既定のレイヤースタイルが用意されており、クリックするだけでレイヤーにスタイルを適用することができます。

レイヤーの使い方をおさらい

【Photoshop】レイヤーの使い方と機能を徹底解説forフォトショ初心者

左記記事でレイヤーの使い方を徹底解説！
レイヤーの基本的な使い方をはじめ、様々なレイヤー機能を徹底解説しております。

基本的な設定方法

指定のレイヤーに対してレイヤースタイル、レイヤー効果を設定する方法です。
フォトショ初心者の方にも再現できるよう、順を追って解説いたします！

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はフォトプラン公式サイトから入手可能。（月額は最安の1,180円、7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

STEP.1

レイヤースタイル、レイヤー効果を追加したいレイヤーを選択

レイヤースタイルを追加したいレイヤーを選択し、アクティブにしておきます。

左図は [ 楕円形ツール ] で正円を作成しました。
シェイプツールの使い方はコチラ。

STEP.2

レイヤースタイルを追加

レイヤーパネル下部の [ fx ] アイコンをクリックして任意の設定を追加します。

今回は [ ベベルとエンボス ] を適用してみます。

STEP.3

ダイアログ画面を設定

ダイアログ画面を設定します。

設定が完了したらダイアログ画面右上の [ OK ] をクリックします。

FINISH

完成

以上でレイヤー効果の [ ベベルとエンボス ] が適用されました。

スタイルとは？

レイヤースタイルのダイアログ画面の左側一番上にある [ スタイル ] 内の、予め登録した複数のレイヤー効果を組み合わせたものがスタイルです。

例えばシルバー素材のスタイルを適用すると…

するとワンクリックで単色の楕円シェイプにシルバー素材のスタイルが適用されました。

いざゼロから描くのは面倒ですが、スタイルを使うと一瞬で終わります。

※コチラの記事で無料で使える447種類のレイヤースタイルを紹介しています。

レイヤースタイルの応用編

下記でレイヤースタイルを使って黄金表現、水滴表現をする方法をゼロから解説しています。
より深くレイヤースタイルについて学びたい方にオススメのコンテンツです。

【Photoshop】ゴールド風（黄金風）効果の作り方forフォトショ初心者

【Photoshop】レイヤースタイルで水滴や汗を作る方法【PSD有り】

レイヤー効果の機能一覧

フォトショ未導入の方は事前にフォトプラン公式サイト（月額は最安の1,180円）から入手しておきましょう。

左図はレイヤー効果を追加する基本オブジェクトです。
単なるシンプルな正円です。

ベベルとエンボス

ベベルとエンボスを適用すると立体的な表現ができます。

ベベルとエンボスの詳しい使い方はコチラ。

境界線

境界線は対象レイヤーのオブジェクトに境界線を追加する事ができます。

※境界線を複数重ねる方法はコチラの記事で徹底解説。
なお、外側の境界線の角を尖らせる方法はコチラ。

シャドウ（内側）

シャドウ（内側）を適用すると、対象レイヤーのオブジェクトの輪郭内側にシャドウ（落ち影）を追加する事ができます。

光彩（内側）

光彩（内側）を適用すると、対象レイヤーのオブジェクトの輪郭内側に光彩を追加する事ができます。
周囲にリムライト（照り返し）を表現する際に便利です。

サテン

サテンを適用すると、対象レイヤーのオブジェクトに光沢感、輝きを追加する事がきます。
他の効果と組み合わせて情報量を増やす為に使う事が多いです。

カラーオーバーレイ

カラーオーバーレイを適用すると、対象レイヤーのオブジェクトのベタ塗りを変更する事ができます。
単色を変更する際に便利です。

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

グラデーションオーバーレイを適用すると、対象レイヤーのオブジェクトにグラデーションを追加する事ができます。

グラデーションツールとグラデーションオーバーレイの違いと使い方はコチラで詳しく解説しています。

パターンオーバーレイ

パターンオーバーレイを適用すると、対象レイヤーのオブジェクトに登録されているパターン柄を追加する事ができます。

パターンの定義方法やパターンオーバレイの使い方はコチラで徹底解説しています。

光彩（外側）

光彩（外側）を適用すると、対象レイヤーのオブジェクトの周囲に光彩を追加でき、ふんわり輝いているような表現ができます。

ドロップシャドウ

ドロップシャドウを適用すると、対象レイヤーのオブジェクトのに影を追加することができます。
よく使う効果です。

※コチラでドロップシャドウでキレイ目デザインを作るコツについて解説しています。
なお、複数のシャドウの向きを個別編集する方法はコチラ。

AdobeStockならレイヤースタイルが超大量

AdobeStockは世界最大の素材サイトで、品質・量、共に文字通り「最強」です。
レイヤースタイルだけでなく、ブラシ、アクション、テクスチャ、テンプレート、全ての素材が存在！
なお、コチラの記事でテンプレートの活用例を紹介、デザイナーでなくても素材を使えば簡単にプロ並みの品質を短時間で出せますよ。

レイヤー効果をコピペする方法

レイヤー効果を別のレイヤーにコピペする事ができます。
同じ設定を再度別のレイヤーにイチイチ行うのは面倒、レイヤー効果をコピーして楽をしましょう。

STEP.1

丸の効果を四角にも適用したい

左の丸に適用したレイヤー効果を右の正方形にもコピペする手順です。

Photoshopを導入されていない方はAdobe公式サイトからインストールしておきましょう。

STEP.2

Alt+ドラッグでコピー

レイヤーパネル内でコピー元の [ fx ] 上にカーソルを合わせ、[ Alt ] (Mac：Option) を押しながらコピーしたいレイヤーへドラッグします。

FINISH

コピー完了

レイヤー効果がコピーされました。
よく使うので覚えておくと便利です。

※レイヤースタイルのさらに詳しい使い方はコチラで解説しています。

Photoshopの便利なコピペ機能

Photoshop特有のコピペ方法7選を紹介【作業効率化】

Photoshop特有の便利なコピペ方法を解説しています。知っておくと格段に作業を効率化できるオススメ機能ばかりですよ。

写真を大変身させる高品質エフェクト

単なる写真を超短時間で全く違った表現にできる高品質なエフェクトです。
全て商用利用可能！
制作時間の短縮と作品のクオリティアップを重視したい方に超オススメのフォトショエフェクトです。

#01 Hacker Digital Manipulation Effect Mockup

ただの1枚絵を簡単にハッカー風にできるエフェクトです。
0と1の模様が非常にカッコいいです。

ダウンロード

#02 Movie Style Glitch Effect Mockup

テレビの走査線や色ずれを見事に再現できるフォトショ用のエフェクトモックアップです。
ブラウン管のテレビの枠にはめると昔風の画面の出来上がり！

ダウンロード

#03 Autumn Color Grading Effect Mockup

どんな季節も一瞬で秋にできるフォトショエフェクトです。
青々とした夏であろうが関係無し！

ダウンロード

#04 Mosaic Pixel or Dot Effect Mockup

ドットで表現できるPhotoshop用のエフェクトモックアップです。
単なるカラーハーフトーンでは無く、ドットに質感が付与されているのでより高クオリティな表現が可能です。

ダウンロード

#05 Image Overlay Rain Effect Mockup

雨を簡単に降らせることができるエフェクトです。
リアルな雨表現もこのエフェクトなら一瞬！

ダウンロード

Photoshop用の高品質なエフェクト集

Photoshopで使える商用利用可能な高品質エフェクトをピックアップしました。
フォトショ初心者の方でもプロの品質を圧倒的短時間で実現できるチートアイテムです。

【Photoshop】写真を超短時間で大変身させる高クオリティなエフェクト51選【商用可】

【Photoshop】写真を全く違うグラフィックに変える高品質なエフェクト50選【商用可】

ワンランク上のテンプレート素材

Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

デザイン制作を学ぶ導入としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

バナーはフォトショップを練習する上で良質な教材です。
中途半端な素材を参考にせず、高品質なテンプレートを参考にするだけで学習効率が大幅に向上しますよ。
ハイクオリティなバナーテンプレート50選

紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差を付けてより高みを目指しましょう！
デジタル媒体向けポートフォリオテンプレ素材35選

制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬！
様々なモックアップテンプレート57選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Photoshop（フォトショップ）のレイヤースタイル、レイヤー効果の基本的な使い方でした。

各レイヤー効果は単体で使う事もありますが、複数の効果を組み合わせて質感のある表現等に使う事も多々あります。
金属的な表現、木やレンガ、水やネオンといった表現など、設定を変えると様々な質感表現が可能です。

ではまた！

併せて読んでみませんか？

レイヤースタイルに関する記事です。是非併せて読んでください！

【Photoshop】ゴールド風（黄金風）効果の作り方forフォトショ初心者

【Photoshop】レイヤースタイルで水滴や汗を作る方法【PSD有り】