ポートフォリオの作り方をゼロから徹底解説

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

この記事を読むのに必要な時間は約 17 分です。

Photoshop(フォトショップ)を操作する上でとても便利な機能の一つである「レイヤースタイル」の「レイヤー効果」の基本的な使い方について解説します。
意外と知られていないレイヤースタイルのコピペ方法も併せて解説します。

フォトショを始められたばかりの方にオススメの内容なので是非ご覧ください。

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

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

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

効果パネルには境界線やドロップシャドウをはじめとした多種多様な既定のレイヤースタイルが用意されており、クリックするだけでレイヤーにスタイルを適用することができます。
レイヤーの使い方をおさらい
左記記事でレイヤーの使い方を徹底解説!
レイヤーの基本的な使い方をはじめ、様々なレイヤー機能を徹底解説しております。

基本的な設定方法

Photoshopを導入しましょう
当記事の内容を実践するにはPhotoshop(フォトショップ)が必須です。
まだPhotoshopが未導入の方はAdobe公式サイトから入手しておきましょう。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

指定のレイヤーに対してレイヤースタイル、レイヤー効果を設定する方法です。

STEP.1
レイヤースタイル、レイヤー効果を追加したいレイヤーを選択
レイヤースタイルを追加したいレイヤーを選択し、アクティブにしておきます。
STEP.2
レイヤースタイルを追加
レイヤーパネル下部の [ fx ] アイコンをクリックして任意の設定を追加します。

今回は [ ベベルとエンボス ] を適用してみます。
STEP.3
ダイアログ画面を設定
ダイアログ画面を設定します。

設定が完了したらダイアログ画面右上の [ OK ] をクリックします。
FINISH
完成
以上でレイヤー効果の [ ベベルとエンボス ] が適用されました。

PhotoshopはAdobe公式サイトから入手できます。

スタイルとは?

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

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

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

コチラで無料で使える447種類のレイヤースタイルを紹介しています。
レイヤースタイルの応用編
下記でレイヤースタイルを使って黄金表現、水滴表現をする方法をゼロから解説しています。
より深くレイヤースタイルについて学びたい方にオススメのコンテンツです。

レイヤー効果の機能一覧

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

ベベルとエンボス

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

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

境界線

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

シャドウ(内側)

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

光彩(内側)

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

サテン

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

カラーオーバーレイ

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

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

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

パターンオーバーレイ

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

光彩(外側)

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

ドロップシャドウ

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

コチラでドロップシャドウでキレイ目デザインを作るコツについて解説しています。
AdobeStockならレイヤースタイルが超大量
AdobeStockは世界最大の素材サイトで、品質・量、共に文字通り「最強」です。
レイヤースタイルだけでなく、ブラシ、アクション、テクスチャ、テンプレート、全ての素材が存在!
一度使うと他の素材サイトは使えなくなります。
デザイナーでなくても素材を使えば簡単にプロ並みの品質を短時間で出せますよ。

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

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

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

Photoshopを入れられていない方はAdobe公式サイトからインストールしておきましょう。
STEP.2
Alt+ドラッグでコピー
レイヤーパネル内でコピー元の [ fx ] 上にカーソルを合わせ、[ Alt ] を押しながらコピーしたいレイヤーへドラッグします。
FINISH
コピー完了
レイヤー効果がコピーされました。
よく使うので覚えておくと便利です。

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

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

Photoshopの学習をする上で、プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。

AdobeStockのテンプレート素材はプロによる高品質な作品ばかり!
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。

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


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


バナーもフォトショップの練習をする上で良質な教材です。
想像だけ・中途半端な素材を参考にするのは有効な学習方法とは言えませんよ。
ハイクオリティなバナーテンプレート50選


例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします!
厳選!ポートフォリオ用テンプレート34選


ゲームUIの制作は素材制作にはツールの深い知識が必要です。
テンプレートはまさに制作ノウハウの宝庫!
どれも最高の素材ばかりです。
ゲームUIに使えるテンプレート48選


単なる白黒の文字オブジェクトを一瞬で全く別モノへ大変身させるエフェクト52選です。
文字に高品質なエフェクトを追加するモックアップ


写真をはじめとした素材を「あっという間」に全く違うグラフィックへ大変身させるエフェクトです。
時短と品質の向上をされたいかたに超オススメ!
写真を全く違うグラフィックに変える事が出来る高品質なエフェクト50選


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

おわりに

以上、レイヤースタイル、レイヤー効果の基本的な使い方でした。

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

ではまた!

Illustratorは活用されていますか?
Photoshopだけでなく、Illustratorも活用されているでしょうか?
まだIllustratorを導入されていない方はAdobe公式サイトから入手できます。
なお、学生や教職員の方は公式サイトの学割コンプリートプランが最強にお得!
Illustratorの使い方はゼロから始めるIllustratorで徹底解説しています。
目次一覧
ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!