ぎゅっ!とこんな内容
レイヤーが分かれば、Photoshopが分かる!レイヤーは「画像を構成する1枚のシート」。「重なる順番を決める」のと「画像を壊さない」のが役割です。大事なことは、常に「どのレイヤーを編集するのかを意識する」こと!
![](https://tomm-blog.com/wp/wp-content/uploads/2022/04/35c22ed1f13ad96e92072dbccc03175f-894x600.jpg)
こんにちは、トモキです。
春のぽかぽか陽気だ!と油断すると、急に寒くなって体調を崩します。。
さてさて、今回は、photoshopの基本的な考え方である「レイヤー」について解説します。
それでは、やっていきましょう!
[PR] 当サイトは、tomoki独自に制作をしています。
一部、アフィリエイト広告による収益を得ていますが、コンテンツの内容やランキングの決定に一切関与していません。
目次
Photoshopで”レイヤー”の基本と使い方
![](https://tomm-blog.com/wp/wp-content/uploads/2022/04/girl-g7e39b1765_1280-779x600.jpg)
Photohopの編集全てがレイヤーを用います。つまり、レイヤーが分かれば、Photoshopが分かる。ということです!
難しそうなPhotoshopの根幹であるレイヤーを1つ1つ紐解いていきましょう!根幹が分かれば全体も分かるようになります!
レイヤーとは?
レイヤーとは、「画像を構成する1枚のシート」のことを言います。
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/02f791cd7c173901e17d4e175400d54c-862x600.jpg)
上の写真のように、Photoshopでは、複数枚のレイヤーが重なって1つの画像になります。
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/f4a706dd20c53eb04df7b920d44abc61-862x600.jpg)
先の、テントウムシのレイヤーと文字のレイヤーを入れ替えました。テントウムシに、文字の一部が隠れましたね。
このようにレイヤーの順番によって重なり方が変わります。レイヤーの一番の役割は、「重なる順番を決める」です。
たったこれだけです。簡単ですね!
それでは、実際にPhotoshopを開いて自分で実践してみましょう!
- レイヤーとは、「画像を構成する1枚のシート」
- 複数枚のレイヤーが重なって1つの画像になる
- レイヤーの一番の役割は、「重なる順番を決める」
”レイヤーパネル”の使い方
![](https://tomm-blog.com/wp/wp-content/uploads/2022/04/tools-gc57424a4e_1280-900x600.jpg)
レイヤーは、「レイヤーパネル」で操作します。
「レイヤーパネル」は、編集で使うレイヤーが表示されて、レイヤーの順番をドラッグ&ドロップで、入れ替えるだけの簡単操作です。
まずは、レイヤーパネルを表示させましょう!
ちなみに、初心者向けに、画像の開き方は下より丁寧に紹介しています。良かったら覗いてみてください!
-
-
【初心者】流れ星の撮影方法は誰でも簡単!設定はコレ【星空】
レイヤーパネルを表示する
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/5621deba8a18b839c7a4321764bb05e8-1120x600.jpg)
オレンジで囲った、部分が「レイヤーパネル」です。まずは、これを出していきます。
もうすでに出ている人はとばしちゃってください。
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/2a831ec055ed4fee4e1d0936ea40500d-1120x600.jpg)
ちなみに、レイヤーパネルが出ていないとこんな感じになっています。
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/ee3be1d100caf1aa771552d59c2bd436-1120x600.jpg)
【ウィンドウ】→【レイヤー】を選択します。
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/5621deba8a18b839c7a4321764bb05e8-1120x600.jpg)
すると、右側にでました。次に、レイヤーを新規追加してみましょう。
レイヤーを新規追加する
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/04f86ea9c104d100d663feb8a9a65769-1120x600.jpg)
オレンジ四角部分をクリックすると新規レイヤーを追加できます。
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/63ead695680eb0c485fa3f134844052f-1120x600.jpg)
追加できましたね。
レイヤーを選択する
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/2839ab849d9b2c81bd86f4778e9767e3-1120x600.jpg)
画像の編集は、常に「どのレイヤーを編集するのか」を意識しましょう。
上のように、編集するレイヤーは、クリックすると選択できます。選択されているレイヤーは、色が変わるのでわかりやすいですね。
順番を入れ替える
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/7d2a8a5d380f463388d1c8d4512bef57-1120x600.jpg)
レイヤーの順番を入れ替えてみましょう。その前に、先ほど追加した新規レイヤーに適当に文字を描いてみます。
文字の書き方は、①「ブラシツール」を選択。②ブラシの色を選んでから、③描きます。その時には、描くレイヤーがきちんと選択されているか確認しましょう。
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/40dcbe9d88c96297b642179a653642d8-1120x600.jpg)
レイヤーを入れ替えます。入れ替えたいレイヤーを選択して、ドラッグします。
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/60275ab58ebd7cd921d15fb49998721b-1120x600.jpg)
レイヤーパネルで、レイヤーが入れ替わっているし、実際に左の画像もレイヤーが重なって見えなくなりました。
レイヤーのメリット
![](https://tomm-blog.com/wp/wp-content/uploads/2022/04/mountains-gf26c8127e_1280-900x600.jpg)
レイヤーを使うと重なり順だけではなく、編集に大きなメリットがあります。
それは、画像(レイヤー)を壊さないメリットです。
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/38bf46c0c0000846c692662dddd6491b-862x600.jpg)
もし、テントウムシの画像を汚してしまっても、汚したレイヤーを消せばいいだけで元通りに戻ります!
つまり、「画像を壊さない役割」があります。
失敗しても元通りになるので、安心して編集ができますね。また、「どちらの編集が良いだろうか…」と迷った時も、レイヤーを使えば簡単に比較することが出来ます。
このレイヤーの仕組みは、さまざまな編集の場面で用いられており、レイヤーにはいくつかの種類があります。
場面に応じて使いこなして編集の幅を広げましょう!
- レイヤーの役割は、「重なる順番を決める」・「画像を壊さない」
レイヤーの種類(調整レイヤーとは?)
![](https://tomm-blog.com/wp/wp-content/uploads/2022/04/bell-pepper-gc11dfe3d0_1280-900x600.jpg)
レイヤーの役割の1つである、「画像を壊さない」はレタッチの様な色を変える編集にも使われています。
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/da3f38df32408d3344dfe739342bf051-862x600.jpg)
少しイメージするのが難しいですが、明るさの調整・色・コントラストなども、「調整レイヤー」を使っています。
なので、先と同じように、画像を壊さずにレタッチをすることが出来ます。
この、調整レイヤーが一番想像するのが難しいと思いますので、最初は何となくで十分です。
その他レイヤーの種類(とばしてOK)
その他のレイヤーは簡単なのでさらっと紹介します!
レイヤーの種類
通常レイヤー
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/1088e09c6c1bd9d2defa782669d26bde.jpg)
通常はこのレイヤーを使います。ブラシで直接描いたり、消しゴムで消すことも可能す。
調整レイヤー
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/d5fc1e1a1bb5221ed8b8bd099d5e99ee.jpg)
画像で色を変えるようなレタッチで使用するレイヤー。レタッチの方法は下記を参考にしてください。
-
-
【簡単】レタッチ”2つ”のやり方。Photoshopで編集【風景】
背景レイヤー
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/402211a969dcf8c844dd8dc6766dcad1.jpg)
画像を新規作成をするときに一番下にあるレイヤー。レイヤーにカギのマークがあるのが特徴です。
レイヤーは固定され、どんな編集の効果も受けません。
テキストレイヤー
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/4750d4060f2d1005a6766e366d29cd8b.jpg)
文字を入力するときに使用するレイヤー。ツールパネルから文字を入力すると自動で作成されます。
シェイプレイヤー
![Photoshopのレイヤーの基礎・使い方・メリット・デメリット](https://tomm-blog.com/wp/wp-content/uploads/2022/04/9c06d40f7a77d0252f218cde314fdd00.jpg)
四角や三角のような図形を挿入するときに使用するレイヤー。テキストレイヤーと同じく、ツールバーより図形を挿入すると自動で作成されます。
Photoshopは”常”にレイヤーを意識する
![](https://tomm-blog.com/wp/wp-content/uploads/2022/04/young-woman-g58a9415ef_1280-900x600.jpg)
さて、レイヤーについて大詰めです。
先の章でレイヤーの仕組みと種類を紹介しました。Photoshopではどんな編集でもレイヤーを使います。
逆に言うと、「どのレイヤーを編集するのかを意識すること」が大事になります。
編集するレイヤーを間違えると、画像を壊して初めから作業をしなくてはならなくなったり、下手すると元に戻せなくなるでしょう。
常に、どのレイヤーを編集するのかを意識して、編集をしていきましょう。
特に、編集が大掛かりになるとレイヤーが増えてごちゃごちゃになりがちです。こまめにレイヤーへ名前を付けることや、グループ分けをして整理しながら作業を進めるのが失敗しないコツです。
- どのレイヤーを編集するのかを意識する
まとめ
ココが重要!
- レイヤーとは、「画像を構成する1枚のシート」
- レイヤーの役割は、「重なる順番を決める」・「画像を壊さない」
- どのレイヤーを編集するのかを意識する
なんとなく、Photoshopの仕組みが分かったでしょうか。レイヤーの入れ替えが出来ただけでも何となく嬉しいですよね!
あとは、とにかく実際に触って慣れていきましょう!
それでは、いい写真LIFEを!