Photoshopを使いこなすためにまず『レイヤー』とは？
こんにちは！
ジュンです！
今回はPhotoshopを使いこなすうえで
知ってもらいたいレイヤーについて詳しく知ってもらいたいと思います！
Photoshopを使う上で
何が便利なのかがわかりづらい
ということを感じました。
僕自身最近になって
ポートフォリオを作るようになって
表紙となるパースの第一印象で勝負するために
Photoshopは必須であることに
気付いてから使うようになりました。
ポートフォリオで『表紙の第一印象が大事』だというのは
下の記事で書いてあります。
卒業制作、設計課題、留学、ポートフォリオなどの作品における重要なポイントの違い
Photoshopで一番の基本はレイヤーを使いこなすことだと
感じているので今回はレイヤーについて紹介したいと思います！
それでは説明していきたいと思います！
第一章 調整レイヤーとは何か
もくじ
（1）レイヤーとは何か？
そもそも「レイヤー」とは何でしょうか？
誤解を恐れず一言で言い切ります。
『「写真を何枚か上下に重ねた状態」を、Photoshop上で再現したもの』です。
重ねてある写真は、「レイヤーウィンドウ」にパネルとして格納されています。
デジタル世界で写真を重ねたのが「レイヤー」
（2）調整レイヤーとは何か？
「調整レイヤー」とは？
『「色調補正コマンドの命令」を「フィルター状」にして、写真に重ねたもの』です。
まだ使い始めたばかりという人たちは
いきなり言われても理解しづらいかもしれませんが
大体こんな感じです！
現実世界のフィルターでは、
写真を赤く染めたり（フジCC Rなど）、写真の明るさを暗くしたり（NDなど）はできても、
写真の色を明るくすることなどはできません。
しかし調整レイヤーは、デジタル世界のフィルターです。
写真の上に重ねることで、赤などに色を染めることはもちろん、前より色を明るくしたり、コントラストを高くしたり、
現実世界のフィルターにはできないようなことができるんです！
…そんなイメージで捉えていただけたら、少し理解しやすくなるのではないかと思います！
デジタル世界で「色調整フィルター」を重ねたのが「調整レイヤー」
（3）実際に調整レイヤーを作ってみる
それでは、いよいよ調整したい画像を開いてみましょう
「ウインドウ」→「レイヤー」でレイヤーウィンドウを表示させます。
レイヤーウィンドウを見ると、この写真は「背景」レイヤー1枚だけで成り立っていて、何も重ねられていない状態であることがわかります。これからここに、コントラストを高くするデジタルフィルター（調整レイヤー）を重ねてみましょう。
「レイヤー」→「新規調整レイヤー」と、たどってみてください。調整レイヤーには、「色調補正」コマンドと同じ名前のメニューが数多く並んでいます。
その中から「トーンカーブ」を選択します。最初に出てくるウィンドウはデフォルトのまま「OK」します。
右図のような「S字」状のカーブにしてみてください。
これで完成です！
「背景」という写真の上に、「トーンカーブ」という「調整レイヤー」（デジタルフィルター）が重ねられました！
引き続き、この「トーンカーブ1」という調整レイヤーをいじりながら、
第二章では調整レイヤーの基本機能を勉強していきましょう。
第二章 調整レイヤーの基本機能
（1）調整レイヤーは、かぶせたりはずしたりすることができる
「調整レイヤー」は、「デジタルのフィルター」ですので、かぶせたり、はずしたりすることができます。
操作は簡単です。
レイヤーウィンドウの、「トーンカーブ1」というパネルの左端にある、
「目のマーク」をクリックすればよいだけです。
オン・オフしてみることで、この調整レイヤー（デジタルフィルター）の効果がよくわかると思います。
かなりコントラストが上がっていることがわかると思います。
ちなみに、表示のオン・オフの操作は全レイヤー共通です。「背景」の写真も、表示をオン・オフすることができます。
この時の「白とグレーの市松模様」は「透明」を表します。
完全に必要なくなった調整レイヤーは、図の場所にドラッグ＆ドロップすることで、削除することもできます
（2）調整レイヤーは、フィルターの濃淡を調節できる
「調整レイヤー」は、「デジタルのフィルター」ですので、フィルターの濃さを薄くすることができます。
先ほどの画像の続きから、レイヤーウィンドウの図の部分をクリックして、「トーンカーブ1」という「調整レイヤー」が選択された状態（レイヤーのパネルが青い表示になります）にしてください。
その状態のまま、レイヤーウィンドウの右上2段目くらいにある「不透明度」を、「50%」にしてみてください。
「トーンカーブ」のかかり具合が半分になりました！
この機能を使うことで、『トーンカーブをかけたあと、「色相・彩度」で彩度を高くしてみた。→やっぱりトーンカーブが強すぎたので効果を1/3くらいに減少させた（不透明度を33%にした）。』といった微調整や再調整を簡単に行なうことができます。
（3）調整レイヤーは何度でもやり直しができる
調整レイヤーの大きな特徴として、「何度でもやり直しができる」という利点があります。
「イメージ」→「色調補正」からかけた「トーンカーブ」は、「OK」をクリックしたら最後。
もう一度カーブを微調整することはできません。
画面全体のトーンを一度調整するだけでしたら、それであまり問題がないと思います。
しかし、以下のようなケースはいかがでしょうか。
「車のボディだけにトーンカーブをかける」→「画面全体のトーンを夕方っぽくしてみる」→「車のボディの色だけもう一度微調整したくなる」
このように、写真のある一部分だけを色調整したりするようになると、最後に全体のバランスを見ながら、
各部の微調整を行ないたくなる場面がどうしても出てきます。そのような場合に、
調整レイヤーは大きな力を発揮します。
具体的には、「調整レイヤー」のパネルの図の部分を「ダブルクリック」すればOKです。
図の部分のマークは、調整レイヤーの種類によって違うのですが、どれの場合でも、ここの位置にあるマークをダブルクリックすることで、再調整用の「属性」というウィンドウが表示されます。
ちなみに調整レイヤーは、最後に画像を「統合」（重ねている写真とフィルターを全てくっつけて1枚の写真にする操作です）するときに、階調の最終計算を行ないます。
ですので、この方法で何度微調整を行なっても、その都度画像の破損が起こることはありません！
「イメージ」→「色調補正」から「トーンカーブ」を5回かけ直すと、そのまま5回、画像の計算と破損が起こります。それに比べて調整レイヤーの場合は、統合を行なう最後の1回だけの破損にとどめることができます！！
この事実だけとっても、ハードな色変換を行なう場合は調整レイヤーが絶対有利です！
（→デジタル画像の破損って何だ？という方は、「レタッチで画像を壊してしまう時」をご参照いただけましたら幸いです）
（4）調整レイヤーは、「明るさ」や「色」だけを調節できる
最後にちょっとマニアックですが、「調整レイヤー」は、「明るさだけ」に影響を及ぼしたり、「色だけ」に影響を及ぼしたりすることができます。
当連載ををお読み頂いている方は、デジタル画像について、ある性質があることをご存知なのではないかと思います。それは、「画像のコントラストを上げると、同時に彩度も上がってしまう」という性質です。
今回の「トーンカーブ1」という調整レイヤーも表示をオン・オフしてみると…よく見ると、コントラストが上がると同時に、黄色や緑の鮮やかさ（彩度）も、アップしていることがご理解いただけるのではないかと思います（特に木々のボケの緑色は彩度がアップしています）。
この性質そのものは、普段は特に問題があるわけではなく、むしろ自然で好ましい現象です。しかし、たまにこの性質が問題を起こすことがあります。例えば「このレモンの色をパントーン solid coatedのProcess Yellow C（カラーパッチの名称です）に合わせたい」など、色に関して厳密な指定がなされた時はどうでしょうか。階調と色が同時に変わってしまうままですと、正確な色を狙うときにコントロールが難しくなってしまいます。
そこで、レイヤーウィンドウの、図の部分をクリックして、「トーンカーブ1」という「調整レイヤー」が選択された状態（レイヤーのパネルが青い表示になります）にしてみましょう。
その状態のまま、レイヤーウィンドウの左上2段目にある「通常」のプルダウンを、 「輝度」にしてみます。
階調情報である「コントラスト」は上がっているが、「色そのもの」は、理論上全く変化がない状態
この状態で「トーンカーブ1」というパネルの左端にある、「目のマーク」をオン・オフしてみることで、「トーンカーブ1」の効果が「輝度（明るさ・階調情報）」のみにかかっていることが実感いただけるのではないかと思います！
次に、「トーンカーブ1」という「調整レイヤー」が選択された状態（レイヤーのパネルが青い表示になります）であることを確認して、レイヤーウィンドウの左上2段目にある「輝度」のプルダウンを、 「カラー」にしてみましょう。
オン・オフすると、色の派手さが変わるが、画像の明るさやコントラストには変化がない状態
この状態で「トーンカーブ1」というパネルの左端にある、「目のマーク」をオン・オフしてみることで、「トーンカーブ1」の効果が「色情報」のみにかかっていることが実感いただけるのではないかと思います！
現時点では、この機能をどうやって使うべきか、イメージがわかない方もいらっしゃるかもしれません。
しかし上級者になっていくと「画像の色をカラーパッチなどに正確に合わせる必要がある時」「人物写真のコントラストを上げたいけれど肌色が派手なオレンジになってしまい困った時」「ハードな色変換を行なってきて画像が今にも壊れそうだが、もうちょっと”明るさだけ”変えたい時」など、この機能を重宝する場面が、実は非常に沢山あります。
ですので、是非ともこの機能の使い方、存在をしっかり記憶に止めておいていただけましたら幸いです！！ 必ず、後の方の回で再登場すると思います。
以上で、第二章の「ひとつの調整レイヤーを使いこなす」機能の解説は終了です。次は、調整レイヤーにマスクをかけることについてお話させていただきます（先ほどのプルダウンは「通常」に戻しておいてください）。
第三章 調整レイヤーにマスクをかけて、画像の一部分だけに効果をかける
調整レイヤーには、レイヤーマスクがつけられます。現実世界で、ペンキ塗装を行なう時、色を付けたくない部分をテープやビニールなどで保護したりすることを、マスキングといいます。調整レイヤーにも、マスキングを行なって、ある部分には色を付け、ある部分には色を付けないという操作を行うことができます。
まずは選択範囲を作成する必要があります。
先ほどの画像を引き続き、使用していきます。
画面左の「ツールボックス」から「なげなわツール」をクリックします。
右下に小さな三角があるツールを長押しすると、隠れていたツールが出てくる
「なげなわツール」では、画面内をクリックしながら、一筆書きのようになぞることで、選択範囲を作成することができます。ひとまず、ざっくりで結構ですので、簡単に選択範囲を作成してみましょう（きちんと選択したい方は「色域指定」または「パス」がお勧めです）。
画面内にキラキラと「選択範囲」が表示されている状態のまま、いつも通り調整レイヤーを作ることで、マスクのついた調整レイヤーを作ることができます。
「レイヤー」→「新規調整レイヤー」→「色相・彩度」と進んでみましょう。
最初に出てきたウィンドウはデフォルトのまま「OK」。
今回は効果をわかりやすくするため、「彩度」を「-100」にしてみましょう。
選択範囲のあったところだけがモノクロになりました。
「レイヤーウィンドウ」の様子を見てみると、いかがでしょうか？ いつもは白い四角が表示されていた部分に、白黒の図案が表示されていると思います。ここの白黒の四角を「option(alt) + クリック」すると、この調整レイヤーのどこが「マスキング」されているのかがわかります。この白黒画像（レイヤーマスク）の「白い部分」には「色相・彩度」がかかり、「黒い部分」には影響がないことが、きっとご理解いただけるのではないかと思います（もう一度、白黒の四角を「option(alt) + クリック」すると、表示はもとに戻ります）。
知識を整理する目的で、ここまで勉強した「調整レイヤー」の機能を、図にしたものをご覧いただきたいと思います。
※クリックして拡大表示
この画像は、調整レイヤーの使い方に迷ったら、知識を思い返すための助けとして、ご使用いただけましたら幸いです（本文で言及できなかった機能も、便利なものは加えてあります。なお、「レイヤースタイル」については、もっと後の回で登場する予定です）。
第四章 複数の調整レイヤーを並べるために
いよいよ最後の章です！
ここでは調整レイヤーが複数あった場合の制御の仕方について、お話ししていきたいと思います。
ひとつだけ、法則を覚えていただきたいと思います。
法則 「調整レイヤー」の効果は、下から順番に計算される
これだけでは、ピンと来ない方も多いのではないかと思います。ひとつ、具体例をお出ししたいと思います。
引き続き、先程までの画像を使用していきますが、「背景」レイヤー以外は全て削除したいと思います。「⌘(ctrl) + クリック」で、調整レイヤーをまとめて選択したら、ゴミ箱へドラッグ＆ドロップします。
レイヤーウィンドウが「背景」レイヤーのみになったことを確認したら、
「レイヤー」→「新規調整レイヤー」→「色相・彩度」と、たどります。
最初のウィンドウはデフォルトのまま「OK」。
「属性」ウィンドウの「彩度」を「-100」に、そしてブレンドモードを「カラー」にしてみてください。
いかがでしょうか？ 写真の彩度がゼロになって、モノクロ画像に変換されたのではないかと思います。
次に、その状態のままで、「レイヤー」→「新規調整レイヤー」→「レンズフィルター」と、たどります。
最初のウィンドウはデフォルトのまま「OK」。
「属性」ウィンドウから「セピア」フィルターを「100%」かけてみましょう（下図参照）。
レイヤーウィンドウでは、上から「レンズフィルター1」「色相・彩度1」「背景」、の順番で調整レイヤーが並んでいることと思います。そして写真は、ちょっとレトロなセピア調になったのではないかと思います。
さて、ポイントはここからです！
調整レイヤーは、ドラッグ&ドロップで順番を変えることができます。レイヤーウィンドウから、「色相・彩度1」レイヤーをドラッグ&ドロップで、「レンズフィルター1」より「上」に移動してください。
いかがでしょうか？ 全く同じ調整レイヤーが2つ存在していても、並べる順番が違えば結果が全く違うことを認識いただけたのではないかと思います。
これはどういうことなのか？
ここで、もう一度法則の文章をお伝えしたいと思います。
法則 「調整レイヤー」の効果は、下から順番に計算される
順を追って、お話していきたいと思います。一体何が起きているのか？ つまり、今現在の状態ですと、
（1）一番下に背景レイヤーの写真がある
（2）その次に重ねられた「レンズフィルター」が計算され、カラー写真にちょっとセピアが着色された状態になる
（2）背景＋セピア（3）一番上に重ねてある「色相・彩度1」が計算され、写真の彩度が「0」になる
（3）背景＋セピア＋彩度ゼロといった順番で計算が行なわれるので、最終的な結果は、モノクロ画像となります。
では、最初の順番で並んでいた場合はどんな計算が行なわれていたのでしょうか。下から順番に考えていきましょう。
（a）一番下に背景レイヤーの写真がある
（a）背景（b）その次に重ねられた「色相・彩度」が計算され、 写真がモノクロ（彩度がゼロ）になる。
（b）背景＋彩度ゼロ（c）（b）のモノクロ写真に、一番上に重ねてある「レンズフィルター」の「セピア」が着色される。
（c）背景＋彩度ゼロ＋セピアといった順番で計算が行なわれていたので、最終的な結果が、モノクロ写真が経年変化でセピア調になったような写真となっていたのでした。
（（c）の結果が、（2）とは違うところも、また興味深いのではないかと思います！ そして、時にはあえて、この性質を利用することがあります。色変換をする前に、一度その部分の彩度をゼロにしておくと結果が良い場合があるためです）
これから先、「沢山の調整レイヤーを重ねてみたら、だんだん思ったような色が出なくなってきた…」そんな場合がきっとあると思います。そんな時はこの法則のことを思い出して、下から順番に、何が起こっているか？ とたどっていくと、問題が解決する場合があります。地味な法則ではありますが、これを理解して次回以降に進んでいただくことで、困ったときに助けられることが、きっとあると思います！
お疲れ様でした。ひとまず今回の本編は以上です！ 今回は、調整レイヤーの操り方について、お話をさせて頂きました。
レイヤーをさらに使いこなすために
では、おまけのコーナーです。
レイヤーの取り回しの法則についてお話してきた今回なのですが、より詳しくなりたい方には是非知っておいていただきたい内容が、実はまだあります。
お伝えしたいことは2つです。
法則（1）「調整レイヤー」の効果は、「自分より下」にあるレイヤーにだけかかる。
法則（2）特定のレイヤー一つだけに色調補正をかけたい場合は「クリッピングマスクを作成」機能を使う
では、順番に見ていきましょう。
法則（1）「調整レイヤー」の効果は、「自分より下」にあるレイヤーにだけかかる
調整したい画像を、新しく開いてみましょう（調整用の画像は、下の方にダウンロードコーナーがありますので、是非参考にしてみて下さい）。
一見、最初の作例写真と全く同じに見えますが、今回は写真にレイヤーが用意してあります。
レイヤーは、上から「レモン1」「レモン2」「レモン3」「背景」と、4つに分かれております。各レイヤーがどうなっているのか、知りたい場合には、便利な機能があります。レイヤーウィンドウのパネルの左端にある、「目のマーク」のどれかを「option(alt)キーを押しながらクリック」して、オン・オフしてみてください！
各レイヤーが、上から順番にレモン1個ずつ、一番下に背景があることがご理解いただけるのではないかと思います。
それでは、レイヤーウィンドウの、図の部分をクリックして、「背景」というレイヤーが選択された状態（レイヤーのパネルが青い表示になります）にしてみましょう。
その状態のままで、「レイヤー」→「新規調整レイヤー」→「色相・彩度」と、たどります。
最初のウィンドウはデフォルトのまま「OK」。
「属性」ウィンドウの「彩度」を「-100」にしてみてください。いかがでしょうか？
「彩度」が「0」になったのは、どうやら「背景」レイヤーだけのようです。
「レイヤー」は、ドラッグ&ドロップで、簡単に順番を変更できるので、試しに「色相・彩度1」の調整レイヤーを移動してみたいと思います。下図のようにドラッグ&ドロップして、「レモン3」レイヤーの上に「色相・彩度1」を移動します。結果が変わったことと思います。
今度は、「レモン3」と「背景」が、共に「彩度0」のモノクロ状態となりました。
同じように、「色相・彩度1」の調整レイヤーを移動してみると、「色相・彩度1」の効果が、必ず「自分より下」にあるレイヤーにだけかかっていることがご理解いただけるのではないかと思います。
これが
法則（1）「調整レイヤー」の効果は、「自分より下」にあるレイヤーにだけかかる。
です！
「色相・彩度1」レイヤーは、ゴミ箱にドラッグして消去して、次の法則に進みましょう！
法則（2）特定のレイヤーにだけ効果をかけたい場合は「クリッピングマスクを作成」機能を使う
例えば先ほどのレモンの写真において、真ん中の「レモン2」だけに調整レイヤーの効果を及ぼしたい場合についてお話ししたいと思います。
レイヤーウィンドウの、下図の部分をクリックして、「レモン2」というレイヤーが選択された状態（レイヤーのパネルが青い表示になります）にしてください。その状態のままで、「レイヤー」→「新規調整レイヤー」→「色相・彩度」と、たどります。
ここで、 最初のウィンドウをデフォルトのままOK…は「せ・ず・に！」、「下のレイヤーを利用してクリッピングマスクを作成」のチェックを「ON」にします！（びっくりさせてすいません。今まで「デフォルトでOK」ばかりでしたが、初めてここを使う時が来ました！）
レイヤーウィンドウの「色相・彩度1」の左端に、図のような矢印がついたら、成功です。この調整レイヤーの効果は「レモン2」というレイヤーにしか、かからなくなっています。
ちなみに、この「矢印を解除」するためには、「調整レイヤーを選択した状態」で「レイヤー」→「クリッピングマスクを解除」。
もう一度「矢印を付けたい」場合は、「調整レイヤーを選択した状態」で「レイヤー」→「クリッピングマスクを作成」で行なうことができます。
これが
法則（2）特定のレイヤーにだけ効果をかけたい場合は「クリッピングマスクを作成」機能を使う
です！
合成を行ない、かつ各部分の色を細かく制御していくと、ひとつの画像に非常にたくさんの「調整レイヤー」を使用することになります。当連載では、画像レイヤーがいくつも合成されている状態は守備範囲外ですが、今回のおまけの内容は、「調整レイヤー」を制御する場合でも、ある程度役に立つ知識であると思います！
ちなみにこの「レモン2」を自然な感じでグリーン系に色変換しようとすると、単純に色を変換しただけではかなり不自然になってしまうので、丁寧に色を作ってあげる必要が出てきます。もしもこの先、連載で機会がありそうでしたら、このレモンの色変換についてもお話ししたいと思います。ひとまず今回は、レイヤーありのpsdファイルをダウンロードフォルダの中に含めておきますので、ご興味のある方はレイヤー構造をご覧いただけましたら幸いです。
実はこのケースは、当初なかなか思うような色が出ませんでした。そこで緑のレモンの写真を観察しながら、沢山の調整レイヤーを繰り返し微調整することで、狙ったトーンを出すことができました。その過程をレイヤーとして残してあります（作業時間は、選択範囲を含めて1時間弱程度でした）。
完成画像お疲れ様でした！ 今回はここまでです。いかがでしたか？
今回は調整レイヤーの機能について、お話をさせていただきました。
そして、調整レイヤーの並び順が結果に及ぼす影響についてお話させて頂きました。マスクの機能についても、この流れでもう一度復習的に触れさせて頂きました。
これから、極端な色変換の難しい課題に取り組んだり、黒いものを白に変換したりする際には、これらの知識をフルに使う必要が出てきます（でも、ここまで数々のハードルを越えてお読みいただいている方にとっては、きっとそこまで理解しづらい内容はないのではないかと思っております
無料プレゼント配布中
他では得られない
学生であるあなたのために必要なテクニックをまとめました。
圧倒的な表現力が身につく
illustrator＆Photoshop＆CADのテクニックマニュアルです。
内容は
- はじめに(作成までの流れ、ショートカットキーなど)
- ARCHICAD操作 後編 マニュアル
- 人と差をつけるARCHICADテクニック マニュアル
- 人と差をつけるPhotoshopテクニック マニュアル
- 人と差をつけるillustratorテクニック マニュアル
です。
文字と写真でまとめたデータがダウンロードできます
↓のリンクをクリックして
LINEで上のURLから友達登録してもらえれば送られます。
最後まで読んでいただきたきありがとうございました！
最後まで読んでいただきたきありがとうございました！
