【Photoshop】レイヤーの使い方【新人デザイナー向け】
Photoshopのレイヤーってどうやって使うのだろう?
そもそもレイヤーがよく分からない。
レイヤーの便利な使い方やレイヤーについて知りたいです。
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
Youtube
目次
- Photoshopのレイヤーとは?
- レイヤーの使い方
- レイヤーショートカットまとめ
- 間違えたときはヒストリー
- よくある質問
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_4-1024x288.jpg)
Photoshopのレイヤーとは?
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01.jpg)
レイヤーとはPhotoshop上で扱う一つのパーツだよ!
画像や文字や図形などPhotoshopで扱うものは全てこのレイヤーで管理されているよ!
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_01.jpg)
上の赤枠内のとおりPhotoshop上で扱うものは全てレイヤー!
このレイヤーを重ね合わせてPhotoshopは画像を表示しているよ!
レイヤーパネルが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_02.jpg)
因みにこの画像は、さっきのレイヤーで作られた画像だよ!
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_03.gif)
それぞれ一つ一つが、パーツでできているのが分かるね!
レイヤーは上のものが手前に表示される
![](https://nexout.blog/wp-content/uploads/2020/09/200809_h2_02_02.jpg)
レイヤーは上にあるものが手間に表示されるよ!
この図だと一番下のグレーのレイヤーが一番後ろに表示されるよ!
※グレーは例なので、先ほどのデータでは使用されていないです。
![](https://nexout.blog/wp-content/uploads/2020/09/200809_h2_02_03.jpg)
Photoshopのレイヤーパネルで見るとこんな感じ!
レイヤーが上に重なれば重なるほど、画面上で手前に表示されるよ!
レイヤーは基本的に自動で追加される
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_08.gif)
図形を作ったり画像を読み込んだりすると自動でそれがレイヤーとして追加されるよ!
レイヤーの使い方
![](https://nexout.blog/wp-content/uploads/2020/09/200912_main_visual.jpg)
続いてレイヤーの使い方!
- レイヤーの作成
- レイヤーの複製
- レイヤーの移動
- レイヤーのグループ化
- レイヤーの表示非表示
- レイヤーのロック
- レイヤー名の変更
- レイヤーの削除
レイヤーの作成
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_01.jpg)
まずはレイヤーの作成!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_02.jpg)
まずは何でもいいので、ドキュメントを用意するよ、今回はこのドキュメントを使っていくよ!
ドキュメントの作り方については下の記事を参考にしてみてね!
![](https://nexout.blog/wp-content/uploads/2020/09/200809_h2_01_01-1.jpg)
メニューバーの「レイヤー」から「新規」→「レイヤー」を選択!
![](https://nexout.blog/wp-content/uploads/2020/09/200809_h2_01_02-1.jpg)
レイヤー名を入力し、OKを選択!
![](https://nexout.blog/wp-content/uploads/2020/09/200809_h2_01_03-1.jpg)
レイヤーが作成されたね!
レイヤーパネルから作成することもできる
![](https://nexout.blog/wp-content/uploads/2020/09/200809_h2_01_04-1.jpg)
レイヤーパネルの右下の「+」を選択!
![](https://nexout.blog/wp-content/uploads/2020/09/200809_h2_01_05.jpg)
レイヤーが作成されたね!
新規レイヤーのショートカット
- Mac=Command+Shift+N
- Windows=Ctrl+Shift+N
新規レイヤーのショートカットはこんな感じ。
レイヤーは基本的に自動で作られますが、意図的にレイヤーを別けたい場合にこの新規レイヤーを使うよ!
レイヤーの複製
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_03.jpg)
続いてレイヤーの複製!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_02.jpg)
まずは何でもいいので、ドキュメントを用意するよ、今回はこのドキュメントを使っていくよ!
ドキュメントの作り方については下の記事を参考にしてみてね!
![](https://nexout.blog/wp-content/uploads/2020/09/200809_h2_01_06-2.jpg)
複製したいレイヤーを選択!
![](https://nexout.blog/wp-content/uploads/2020/09/200809_h2_01_07-2.jpg)
レイヤーを右クリックし「レイヤーを複製」を選択!
![](https://nexout.blog/wp-content/uploads/2020/09/200809_h2_01_08-2.jpg)
レイヤー名を入力し、OKを選択!
![](https://nexout.blog/wp-content/uploads/2020/09/200809_h2_01_09-2.jpg)
レイヤーが複製されたね!
複製のショートカット
- Mac=Command+J
- Windows=Ctrl+J
複製のショートカットはこんな感じ。
レイヤーの移動
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_04.jpg)
続いてレイヤーの移動!
レイヤーの順序をドラッグして移動
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_05.gif)
レイヤーはドラッグして重ね順を変えることができるよ!
レイヤーの順序をコマンドで入れ替える
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_06.gif)
レイヤーはコマンドで順序を入れ替えることができるよ!
レイヤーの順序をコマンドで入れ替えるショートカット
- Mac=Command+[ or ]
- Windows=Ctrl+[ or ]
レイヤーの順序をコマンドで入れ替えるショートカットはこんな感じ。
レイヤーの順序を最上部か最下部に移動する
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_07.gif)
レイヤーは順序を最上部か最下部に移動することができるよ!
レイヤーの順序を最上部か最下部に移動するショートカット
- Mac=Command+Shift+[ or ]
- Windows=Ctrl+Shift+[ or ]
レイヤーの順序を最上部か最下部に移動するショートカットショートカットはこんな感じ。
レイヤーのグループ化
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_05.jpg)
続いてレイヤーのグループ化!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_04-2.jpg)
まずは何でもいいので、ドキュメントを用意するよ、今回はこのドキュメントを使っていくよ!
ドキュメントの作り方については下の記事を参考にしてみてね!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_05.jpg)
グループ化したいレイヤーを複数選択!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_06.jpg)
メニューバーの「レイヤー」から「レイヤーをグループ化」を選択!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_07.jpg)
レイヤーがグループ化されたね!
グループ化のショートカット
- Mac=Command+G
- Windows=Ctrl+G
グループ化のショートカットはこんな感じ。
グループ化することで、グループ内のレイヤーをまとめて移動したり、色を変更したり、まとめて管理することができるよ!
レイヤーの表示非表示
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_05-1.jpg)
続いてレイヤーの表示非表示!
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_08-1.gif)
レイヤーはレイヤーの横にある目のアイコンをクリックすると、表示非表示のコントロールができるよ!
レイヤーのロック
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_06.jpg)
続いてレイヤーのロック!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_04-2.jpg)
まずは何でもいいので、ドキュメントを用意するよ、今回はこのドキュメントを使っていくよ!
ドキュメントの作り方については下の記事を参考にしてみてね!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_08.jpg)
ロックしたいレイヤーを選択!
レイヤーパネルが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_09.jpg)
鍵のアイコンをクリック!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_10.jpg)
レイヤーがロックされたね!
レイヤーのロックのショートカット
- 「/」
レイヤーのロックのショートカットはこんな感じ。
レイヤーをロックすることで、そのレイヤーは編集の対象外になるよ!
レイヤー名の変更
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_07.jpg)
続いてレイヤー名の変更!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_08.jpg)
まずは変更したいレイヤーを選択!
レイヤーパネルが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_11.jpg)
レイヤー名の上でダブルクリック!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_12.jpg)
好きなレイヤー名を入力、ここでは「レイヤー名は変更できるよ!」と入力してEnter!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_13.jpg)
レイヤー名が変更できたね!
レイヤーの削除
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_01_h3_08.jpg)
続いてレイヤーの削除!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_08.jpg)
まずは削除したいレイヤーを選択!
レイヤーパネルが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_14.jpg)
右下のゴミ箱のアイコンを選択!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_15.jpg)
「はい」を選択!
![](https://nexout.blog/wp-content/uploads/2020/09/210513_h2_01_16.jpg)
レイヤーが削除されたね!
レイヤー削除のショートカット
- back or delete
レイヤー削除のショートカットはこんな感じ。
レイヤーショートカットまとめ
![](https://nexout.blog/wp-content/uploads/2020/09/200912_h2_03.jpg)
Mac=Command+Shift+N Windows=Ctrl+Shift+N | 新規レイヤー |
---|---|
Mac=Command+J Windows=Ctrl+J | レイヤーの複製 |
Mac=Command+G Windows=Ctrl+G | レイヤーをグループ化 |
Mac=Command+/ Windows=Ctrl+/ | レイヤーのロック |
Mac=Alt+[ or ] Windows=Alt+[ or ] | レイヤーを選択 |
Mac=Command+[ or ] Windows=Ctrl+[ or ] | レイヤーの順序を入れ替える |
Mac=Command+Shift+[ or ] Windows=Ctrl+Shift+[ or ] | レイヤーを順序を最上部か最下部に移動する |
間違えたときはヒストリー
![](https://nexout.blog/wp-content/uploads/2021/02/210207_h2_08-1.jpg)
一つ戻るショートカット
- Mac=Command+Z
- Windows=Ctrl+Z
一つ戻るショートカットはこんな感じ。
逆に一つ戻るショートカット
- Mac=Command+Shift+Z
- Windows=Ctrl+Shift+Z
逆に一つ戻るショートカットはこんな感じ。
よくある質問
![](https://nexout.blog/wp-content/uploads/2020/04/QA.jpg)
レイヤーが表示されない
レイヤーパネルが表示されない
レイヤーを移動できない
背景からレイヤーにできない
レイヤーが複数選択できない
レイヤーを結合したい
レイヤーが選択できない
レイヤーがロック解除できない
レイヤーが削除できない
レイヤーがラスタライズできない
レイヤーが新規作成できない
レイヤーが複製できない
レイヤーを色変更したい
レイヤーが塗りつぶしできない
レイヤーを左右反転したい
レイヤーをグループ化したい
レイヤーを同じ位置にペーストしたい
レイヤーを整列したい
レイヤーを回転したい
レイヤーをサイズ変更したい
レイヤーを一番上に移動したい
レイヤーを白黒にしたい
レイヤーを名前変更したい
レイヤーを複製したい
レイヤーをソロ表示したい
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_4-1024x288.jpg)