【Photoshop】レイヤーとは？ 使い方を徹底解説

Photoshopをはじめて使うときに最初につまずきやすいのが「レイヤー」です。

レイヤーとは写真や文字などを別々に分けて重ねる仕組みのこと。写真はそのままで文字だけ動かしたり、背景だけを差し替えたりできるため合成に欠かせない機能になっています。

この記事ではレイヤーの仕組みから追加・選択・並べ替えなどの基本操作まで、図と作例を使って超初心者向けにわかりやすく解説します。

もしPhotoshopをお持ちでない方は今はわずか2,380円/月で利用できるフォトプランという超お得なプランがあるので安く購入してご利用ください（無料体験版もあります）

Photoshopの超基本機能 レイヤーとは？ 使うメリットを解説

レイヤーとは、写真や文字などを分けて置き、別々に編集するための「層」です。

たとえば写真に文字を重ねる場合は、写真と文字を別のレイヤーにします。こうすると、写真はそのままで文字だけを動かしたり書き換えたりできます。

レイヤーは「重なり」

イメージとしては、写真や文字を載せた透明なシートを重ねるような仕組みです。

上図は3枚のレイヤーで構成された画像です。

オレンジ、パイナップル、背景のレイヤーを重ね合わせ、1枚の画像として表示しています。

レイヤーパネルで上にあるレイヤーほど手前に表示されます。順番を入れ替えるだけで、重なっている部分の前後関係が変わります。

上のレイヤーの透明な部分からは、下のレイヤーが見えます。

白とグレーのチェック模様は「何もない透明な部分」の目印です。白く塗られている部分とは異なります。

レイヤー分けのメリットと使うべき理由

以下は見た目が同じ画像ですが、一方はパーツごとにレイヤーが分かれ、もう一方は1枚のレイヤーにまとまっています。

背景と被写体を分けておけば、被写体はそのままで背景だけを入れ替えられます。

レイヤーが分かれていれば、背景のレイヤーを非表示にして別の背景に差し替えるだけできれいに入れ替わります。

一方、1枚のレイヤーにまとまっている場合は、先に被写体と背景を切り分ける作業が必要です。

上図は消しゴムツールで消した極端な例ですが、実際には選択ツールやマスクを使って切り抜けます。具体的な方法はPhotoshopで画像を切り抜く方法をご覧ください。

あとから別々に編集したいものはレイヤーを分ける

背景、人物、文字など、あとから別々に動かしたり変更したりしたいものを分けておきましょう。

以下の作例では、商品の数を変えたいので商品ごとにレイヤーを分けています。

不要な商品のレイヤーを非表示にするだけで、表示する数を変更できました。

レイヤー分けしておけば一部だけ色を変えるのも非常にかんたんです（レイヤー分けされていない場合の色の置き換え方法）。

あとから何を変えたいかを基準にレイヤーを分けると管理しやすくなります。

テキストレイヤーを重ねた立体的な表現

レイヤーの重なりを利用して上図のように文字の上に被写体がくるような表現を行うこともできます。

レイヤー構造は非常にシンプルで「人物」「文字」「背景」のレイヤーを順番に重ねているだけです。

人物より手前に出したい文字は人物のレイヤーより上、後ろに隠したい文字は下に置きます。重ね方を変えるだけでも立体感を出せます。

レイヤー機能の基本的な使い方

ここからは、Photoshopデスクトップ版のレイヤーの基本操作について解説します。

レイヤーパネルの表示方法

ほかのパネルもまとめて消えている場合は、Tabキーを押すと再表示できます。

レイヤーパネルの基本的な見方

レイヤーパネルには、画像を構成するレイヤーが1行ずつ並びます。まずは次の4つを確認しましょう。

文字のレイヤーには「T」、スマートオブジェクトにはファイルマークが表示されます。画像の横にある白黒のサムネイルはレイヤーマスクです。編集機能を持った調整レイヤーもあります。

レイヤーの選択方法

レイヤーを追加する方法

空のレイヤーを追加するには、レイヤーパネル下部の【新規レイヤーを作成】ボタンをクリックします。

新しいレイヤーは透明なので、追加しただけでは見た目は変わりません。そのレイヤーにブラシで描くと、下の写真とは別に描き込みを管理できます。

レイヤーの複数選択

複数のレイヤーを同時に選択したい場合は、レイヤーパネルで以下の方法を使います。

離れたレイヤーを選ぶならCtrl、連続したレイヤーをまとめて選ぶならShiftを使うと便利です。

選択後にCtrlを押しながらクリックすれば一部のみ選択解除することもできます。
（Macの場合はCommand）

レイヤーの重なる順番を変更する方法

レイヤーパネルでレイヤーを上下にドラッグすると、画像の重なる順番を変更できます。手前に出したいレイヤーは上へ移動しましょう。

また以下のショートカットを利用して移動することも可能です。

レイヤーの重なり順の変更はよく使うので覚えておきましょう。

レイヤーの表示・非表示

レイヤーの削除

レイヤーのコピー＆ペースト

レイヤーパネルで対象のレイヤーを選び、【編集】→【コピー】、【編集】→【ペースト】でコピーできます。別の画像ファイルへレイヤーを移すときにも便利です。

画像内に選択範囲がない状態でレイヤー全体をコピーすると、レイヤーマスクやレイヤー効果も引き継がれます。

一方、画像の一部を点線の選択範囲で囲んでいるときは、選択中のレイヤーからその部分の画像をコピーします。レイヤー全体のコピーとは区別しておきましょう。

元の画像と同じ位置へ貼り付けたいときは、Ctrl＋Shift＋Vを使うと便利です。

レイヤーの複製

同じ画像の中でレイヤーを増やすなら、複製が便利です。レイヤーマスクや効果も引き継いだコピーを作れます。

レイヤー全体を複製するときは、画像内に選択範囲を作らず、パネルで複製したいレイヤーを選んで操作します。

元のレイヤーを残して修正を試したいときや、同じパーツをいくつも並べたいときに使えます。

レイヤーの複製 ショートカット：Ctrl+J

画像の一部を別レイヤーに分ける方法

1枚の写真の一部だけを別々に編集したい場合は、選択した部分を新しいレイヤーへコピーします。

1. レイヤーパネルで、元になる写真のレイヤーを選ぶ
2. 選択ツールや長方形ツールで分けたい部分を範囲選択する
3. Ctrl＋Jを押して、選択部分を新しいレイヤーへコピーする（MacはCmd＋J）

元の写真は残るため、コピーした直後は見た目が変わりません。レイヤーパネルに新しいレイヤーが増えていればコピーできています。

元の写真の目のアイコンをオフにすると、別レイヤーにした部分だけを確認できます。

人物や商品の輪郭に沿って分けたいときは、画像をきれいに切り抜く方法も参考にしてください。

レイヤーサイズの変更

レイヤーパネルで対象を選択すると、そのレイヤーの画像や文字だけを拡大・縮小できます。

枠を表示するには、移動ツールを選び、画面上部の【バウンディングボックスを表示】をオンにします。

【編集】→【自由変形】、またはCtrl＋Tでも拡大・縮小できます。大きさを調整したら、Enterキーで確定しましょう。

詳しくはレイヤーやオブジェクトのサイズを個別に変更する方法をご覧ください。

レイヤーの不透明度の変更

描画モードの変更

描画モードの使い方はこちらの記事をご覧ください。

レイヤーの回転と反転

レイヤーの整理・管理

レイヤーを使いやすく、見やすく、わかりやすく管理するための方法を解説します。

レイヤー名をダブルクリックすると名前を変更できます。「人物」「背景」「見出し」など、中身が分かる名前にしておきましょう。

レイヤーをフォルダでまとめて管理

グループ化しても、各レイヤーは別々に編集できます。複数のパーツをまとめて整理したいときに使いましょう。

レイヤーのロック機能

レイヤーロック ショートカット：/

ロックのショートカットはキーボード右下付近にあるスラッシュ（ / ）です。

複数のレイヤーをまとめてロックしたい場合は、パネルで複数選択してからロックボタンをクリックしましょう。

レイヤーを色分けして管理しやすく

ここで変わるのはパネル内のラベル色です。写真や文字そのものの色は変わりません。

レイヤーを結合する方法

写真と文字を1つの画像レイヤーに結合すると、文字はラスタライズされます。あとから文字を書き換えたり、パーツごとに移動したりできなくなる点に注意しましょう。

レイヤー結合 ショートカット
選択レイヤーの結合：Ctrl+E
表示レイヤーを結合：Ctrl+Shift+E

再編集する予定がある場合は、元のレイヤーを残すか、結合せずにグループ化して整理するのがおすすめです。

レイヤーごとにまとめて書き出し保存する方法

PhotoshopをWebデザインで使用している場合はレイヤーの画像を個別にまとめて書き出したいですよね。

以下の方法なら、レイヤーごとにPSDやJPEGなどのファイルとしてまとめて書き出せます。

レイヤーを残して再編集するならPSDで保存

JPGやPNGにはレイヤー構造が保存されません。あとから写真や文字を別々に編集したい場合は、PSD形式でも保存しておきましょう。

【ファイル】→【別名で保存】でファイル形式を【Photoshop】にし、レイヤーを保持したまま保存します。

編集用のPSDと、掲載・共有用のJPGやPNGを分けて残しておくと、修正が必要になっても対応しやすくなります。

超便利機能レイヤースタイルを使いこなそう

レイヤースタイルとは、レイヤー単位でさまざまな効果をかんたんに適用できるPhotoshopの便利機能です。

レイヤースタイルの表示方法は以下の3つ。

手早く開くなら、レイヤーパネルの行の余白をダブルクリックする方法がおすすめです。レイヤー名をダブルクリックすると名前変更になるので、クリックする位置を分けましょう。

レイヤースタイルで文字装飾を行う

レイヤースタイルは設定オプションから自由自在に変更できるので文字装飾に最適です。

などの効果を、色や数値を調整しながら適用できます。文字を書き換えても装飾が反映されるので、編集しやすいのが魅力です。

文字装飾の具体的な方法については以下の記事にまとめてありますのでご覧ください。

レイヤーの色を一括変更

文字やオブジェクトのカラーはそれぞれのツールオプションから変更することができますが、レイヤースタイルからも一発で色を変更することができます。

【カラーオーバーレイ】は、レイヤーの透明ではない部分を指定した色で覆う効果です。文字やロゴの形を保ちながら、全体を同じ色にしたいときに役立ちます。

同様に【グラデーションオーバーレイ】や【パターンオーバーレイ】を使って、グラデーションや模様を重ねることもできます。

レイヤー効果のブレンドでなじませる

レイヤー効果のブレンド機能は下層のレイヤーになじませるときなどに役立ちます。

レイヤー効果を使うだけでかんたんに文字や画像が背景になじむのでお試しください。

詳しい使い方は以下の記事で解説しています。

覚えておきたいPhotoshopレイヤーの非破壊編集

非破壊編集とは、元の画像を残しながら加工し、あとからやり直せるようにする編集方法です。

色や明るさ、切り抜き方をあとから調整しやすくなるので、レイヤーの基本操作とあわせて覚えておくと便利です。

ここでは、レイヤーと一緒によく使う機能を紹介します。必要になったものから少しずつ試してみましょう。

スマートオブジェクトで元の画像を保ちながら編集する

スマートオブジェクトの主なメリットは以下のとおりです。

ただし、小さな写真を元のサイズ以上に拡大しても、細部が新しく増えるわけではありません。

スマートオブジェクトにはブラシで直接描き込めません。元画像を残したい場合は、上に空のレイヤーを重ねて描きましょう。

通常の画像レイヤーに変えるラスタライズという方法もありますが、スマートオブジェクトとしての再編集機能は失われます。

調整レイヤーは画像を直接編集せずに補正可能

通常は下にあるレイヤーにまとめて補正がかかります。特定のレイヤーだけを補正したいときは、次に紹介するクリッピングマスクを使いましょう。

クリッピングマスクで下のレイヤーからはみ出さずに描く

クリッピングマスクは、下のレイヤーの画像がある部分だけに、上のレイヤーを表示する機能です。

たとえば、背景を切り抜いたキャラクターだけにブラシで陰影を付けたいときに使えます。

1. キャラクターのレイヤーの上に空のレイヤーを作る
2. 新しいレイヤーを右クリックし、【クリッピングマスクを作成】を選ぶ
3. 新しいレイヤーにブラシで影を描く

上のレイヤーに描いた影は、キャラクターの形に収まって表示されます。はみ出した部分は非表示になるので、輪郭を気にせず描けます。

元のキャラクター画像には手を加えていません。影のレイヤーを非表示にすれば、影を付ける前の状態に戻せます。

クリッピングマスクは、特定のレイヤーだけに調整レイヤーの補正をかけるときにも使えます。詳しくはレイヤーマスクとクリッピングマスクの使い方をご覧ください。

レイヤーマスクで切り抜き

レイヤーの基本は、パーツを分けて、編集したいものを選ぶことです。

まずは写真と文字を別のレイヤーに置き、それぞれを選んで動かしてみてください。「別々に編集できる」感覚がつかめると、Photoshopの操作がぐっと分かりやすくなります。

Photoshopの基本的な使い方は以下の記事でまとめています。