BasicOperation

【Photoshop】レイヤーの使い方【新人デザイナー向け】

Creative21

Photoshopのレイヤーってどうやって使うのだろう?
そもそもレイヤーがよく分からない。

レイヤーの便利な使い方やレイヤーについて知りたいです。

こういった疑問に答えるよ!

Naoya
Naoya
やぁ!みんな!元気?

デザイナーの@Naoyaです。

Youtube

※動画概要欄に目次があります

目次

  • Photoshopのレイヤーとは?
  • レイヤーの使い方
  • レイヤーショートカットまとめ
  • 間違えたときはヒストリー
  • よくある質問
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...
スポンサーリンク

Photoshopのレイヤーとは?

レイヤーとはPhotoshop上で扱う一つのパーツだよ!
画像や文字や図形などPhotoshopで扱うものは全てこのレイヤーで管理されているよ!

上の赤枠内のとおりPhotoshop上で扱うものは全てレイヤー!
このレイヤーを重ね合わせてPhotoshopは画像を表示しているよ!

レイヤーパネルが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!

因みにこの画像は、さっきのレイヤーで作られた画像だよ!

それぞれ一つ一つが、パーツでできているのが分かるね!

レイヤーは上のものが手前に表示される

レイヤーは上にあるものが手間に表示されるよ!
この図だと一番下のグレーのレイヤーが一番後ろに表示されるよ!

※グレーは例なので、先ほどのデータでは使用されていないです。

Photoshopのレイヤーパネルで見るとこんな感じ!
レイヤーが上に重なれば重なるほど、画面上で手前に表示されるよ!

レイヤーは基本的に自動で追加される

図形を作ったり画像を読み込んだりすると自動でそれがレイヤーとして追加されるよ!

レイヤーの使い方

続いてレイヤーの使い方!

  • レイヤーの作成
  • レイヤーの複製
  • レイヤーの移動
  • レイヤーのグループ化
  • レイヤーの表示非表示
  • レイヤーのロック
  • レイヤー名の変更
  • レイヤーの削除
Naoya
Naoya
順番に見て行こう!

レイヤーの作成

まずはレイヤーの作成!

まずは何でもいいので、ドキュメントを用意するよ、今回はこのドキュメントを使っていくよ!

ドキュメントの作り方については下の記事を参考にしてみてね!

【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。 ドキュメントのサイズ変更ってどうやってやるんだろう。 ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。 こういった疑問に答えます。...

メニューバーの「レイヤー」から「新規」→「レイヤー」を選択!

レイヤー名を入力し、OKを選択!

レイヤーが作成されたね!

レイヤーパネルから作成することもできる

レイヤーパネルの右下の「+」を選択!

レイヤーが作成されたね!

新規レイヤーのショートカット

  • Mac=Command+Shift+N
  • Windows=Ctrl+Shift+N

新規レイヤーのショートカットはこんな感じ。

レイヤーは基本的に自動で作られますが、意図的にレイヤーを別けたい場合にこの新規レイヤーを使うよ!

レイヤーの複製

続いてレイヤーの複製!

まずは何でもいいので、ドキュメントを用意するよ、今回はこのドキュメントを使っていくよ!

ドキュメントの作り方については下の記事を参考にしてみてね!

【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。 ドキュメントのサイズ変更ってどうやってやるんだろう。 ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。 こういった疑問に答えます。...
【Photoshop】長方形ツールの使い方【新人デザイナー向け】Photoshopの長方形ツールってどうやって使うのだろう? サイズや色変更はどうやってやるんだろう? こういった疑問に答えるよ!...

複製したいレイヤーを選択!

レイヤーを右クリックし「レイヤーを複製」を選択!

レイヤー名を入力し、OKを選択!

レイヤーが複製されたね!

複製のショートカット

  • Mac=Command+J
  • Windows=Ctrl+J

複製のショートカットはこんな感じ。

レイヤーの移動

続いてレイヤーの移動!

レイヤーの順序をドラッグして移動

レイヤーはドラッグして重ね順を変えることができるよ!

レイヤーの順序をコマンドで入れ替える

レイヤーはコマンドで順序を入れ替えることができるよ!

レイヤーの順序をコマンドで入れ替えるショートカット

  • Mac=Command+[ or ]
  • Windows=Ctrl+[ or ]

レイヤーの順序をコマンドで入れ替えるショートカットはこんな感じ。

レイヤーの順序を最上部か最下部に移動する

レイヤーは順序を最上部か最下部に移動することができるよ!

レイヤーの順序を最上部か最下部に移動するショートカット

  • Mac=Command+Shift+[ or ]
  • Windows=Ctrl+Shift+[ or ]

レイヤーの順序を最上部か最下部に移動するショートカットショートカットはこんな感じ。

レイヤーのグループ化

続いてレイヤーのグループ化!

まずは何でもいいので、ドキュメントを用意するよ、今回はこのドキュメントを使っていくよ!

ドキュメントの作り方については下の記事を参考にしてみてね!

【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。 ドキュメントのサイズ変更ってどうやってやるんだろう。 ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。 こういった疑問に答えます。...
【Photoshop】長方形ツールの使い方【新人デザイナー向け】Photoshopの長方形ツールってどうやって使うのだろう? サイズや色変更はどうやってやるんだろう? こういった疑問に答えるよ!...

グループ化したいレイヤーを複数選択!

メニューバーの「レイヤー」から「レイヤーをグループ化」を選択!

レイヤーがグループ化されたね!

グループ化のショートカット

  • Mac=Command+G
  • Windows=Ctrl+G

グループ化のショートカットはこんな感じ。

【Photoshop】グループ化の方法【ショートカットあり】Photoshopのグループ化の方法が分からない。 グループ化の便利な使い方があれば知りたいです。 こういった疑問に答えます。...
【Photoshop】移動ツールの使い方【新人デザイナー向け】Photoshopの移動ツールってどうやって使うのだろう? レイヤーが思うように選択できないのは何故だろう? こういった疑問に答えるよ!...

グループ化することで、グループ内のレイヤーをまとめて移動したり、色を変更したり、まとめて管理することができるよ!

レイヤーの表示非表示

続いてレイヤーの表示非表示!

レイヤーはレイヤーの横にある目のアイコンをクリックすると、表示非表示のコントロールができるよ!

レイヤーのロック

続いてレイヤーのロック!

まずは何でもいいので、ドキュメントを用意するよ、今回はこのドキュメントを使っていくよ!

ドキュメントの作り方については下の記事を参考にしてみてね!

【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。 ドキュメントのサイズ変更ってどうやってやるんだろう。 ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。 こういった疑問に答えます。...
【Photoshop】長方形ツールの使い方【新人デザイナー向け】Photoshopの長方形ツールってどうやって使うのだろう? サイズや色変更はどうやってやるんだろう? こういった疑問に答えるよ!...

ロックしたいレイヤーを選択!

レイヤーパネルが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!

鍵のアイコンをクリック!

レイヤーがロックされたね!

レイヤーのロックのショートカット

  • 「/」

レイヤーのロックのショートカットはこんな感じ。

レイヤーをロックすることで、そのレイヤーは編集の対象外になるよ!

レイヤー名の変更

続いてレイヤー名の変更!

まずは変更したいレイヤーを選択!

レイヤーパネルが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!

レイヤー名の上でダブルクリック!

好きなレイヤー名を入力、ここでは「レイヤー名は変更できるよ!」と入力してEnter!

レイヤー名が変更できたね!

レイヤーの削除

続いてレイヤーの削除!

まずは削除したいレイヤーを選択!

レイヤーパネルが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!

右下のゴミ箱のアイコンを選択!

「はい」を選択!

レイヤーが削除されたね!

レイヤー削除のショートカット

  • back or delete

レイヤー削除のショートカットはこんな感じ。

レイヤーショートカットまとめ

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 ]
レイヤーを順序を最上部か最下部に移動する
【Photoshop】ショートカット一覧【作業効率は神の所業】Photoshopの学習を始めたけど、操作が思うようにいかない。 ショートカットキーがよく分からない。 よく使うショートカットキ...

間違えたときはヒストリー

一つ戻るショートカット

  • Mac=Command+Z
  • Windows=Ctrl+Z

一つ戻るショートカットはこんな感じ。

逆に一つ戻るショートカット

  • Mac=Command+Shift+Z
  • Windows=Ctrl+Shift+Z

逆に一つ戻るショートカットはこんな感じ。

【Photoshop】ヒストリーの使い方【新人デザイナー向け】Photoshopのヒストリーの使い方が分からない。 ヒストリーってそもそも何? ヒストリーの便利な使い方が知りたい。 こういった疑問に答えるよ!...

よくある質問

レイヤーパネルが表示されない

【Photoshop】レイヤーパネルが表示されない時の対処法【新人デザイナー向け】Photoshopでレイヤーパネルが表示されない。 レイヤーパネルは表示されているけど、レイヤーが表示されない。 突然レイヤーが消えてしまった。 こういった疑問に答えるよ!...

レイヤーを移動できない

【Photoshop】レイヤーを移動できない時の対処法【新人デザイナー向け】Photoshopでレイヤーを思うように移動できない。 移動したくないレイヤーが選択されて移動してしまう。 こういった疑問に答えるよ! ...

背景からレイヤーにできない

【Photoshop】背景からレイヤーにできない時の対処法【新人デザイナー向け】 Photoshopで背景をレイヤーにしたい。初めからある背景ってレイヤーに変えられないのかな? こういった疑問に答えるよ! ...

レイヤーが複数選択できない

【Photoshop】レイヤーが複数選択できない時の対処法【新人デザイナー向け】Photoshopでレイヤーが複数選択できない。 レイヤーを複数選択するやり方が分からない。 こういった疑問に答えるよ!...

レイヤーを結合したい

【Photoshop】レイヤーを結合する方法【これで解決】Photoshopのレイヤーの結合の方法が分からない。 結合したレイヤーは元に戻るのかな? レイヤーを結合する時の注意点などがあれば知りたいです。 こういった疑問に答えます。...

レイヤーが選択できない

【Photoshop】レイヤーが選択できない時の対処法【新人デザイナー向け】Photoshopでレイヤーが選択できない。 選択したいレイヤーとは別のレイヤーが選択されてしまう。 思い通りのレイヤーを選択する方法が知りたいです。 こういった疑問に答えるよ!...

レイヤーがロック解除できない

【Photoshop】レイヤーがロック解除できない時の対処法【新人デザイナー向け】Photoshopでレイヤーがロック解除できない。 こういった疑問に答えるよ!...

レイヤーが削除できない

【Photoshop】レイヤーが削除できない時の対処法【新人デザイナー向け】Photoshopでレイヤーが削除できない。 こういった疑問に答えるよ!...

レイヤーがラスタライズできない

【Photoshop】レイヤーがラスタライズできない時の対処法【新人デザイナー向け】Photoshopでレイヤーがラスタライズできない。 こういった疑問に答えるよ!...

レイヤーが新規作成できない

【Photoshop】レイヤーが新規作成できない時の対処法【新人デザイナー向け】Photoshopでレイヤーが新規作成できない。 こういった疑問に答えるよ!...

レイヤーが複製できない

【Photoshop】レイヤーが複製できない時の対処法【新人デザイナー向け】Photoshopでレイヤーが複製できない。 どうやってレイヤーを複製するのか分からない。 こういった疑問に答えるよ!...

レイヤーを色変更したい

【Photoshop】レイヤーを色変更する方法【新人デザイナー向け】Photoshopでレイヤーの色変更ができない。 どうやってレイヤーを色変更するんだろう? こういった疑問に答えるよ!...

レイヤーが塗りつぶしできない

【Photoshop】レイヤーが塗りつぶしできない時の対処法【新人デザイナー向け】Photoshopでレイヤーが新規作成できない。 こういった疑問に答えるよ!...

レイヤーを左右反転したい

【Photoshop】レイヤーを左右反転する方法【ショートカットを自作せよ】Photoshopの左右反転のやり方が分からない。 左右反転のショートカットが知りたい。 効率の良い左右反転の方法があれば知りたいです。 こういった疑問に答えます。...

レイヤーをグループ化したい

【Photoshop】グループ化の方法【ショートカットあり】Photoshopのグループ化の方法が分からない。 グループ化の便利な使い方があれば知りたいです。 こういった疑問に答えます。...

レイヤーを同じ位置にペーストしたい

【Photoshop】レイヤーを同じ位置にペーストする方法【特殊ペースト or 複製】Photoshopでコピー元と同じ位置にレイヤーをペーストしたい。 どうしてもコピーしたレイヤーがカンバスの中心になってしまう。 コピー元と同じ位置にペーストする方法があれば知りたいです。 こういった疑問に答えます。...

レイヤーを整列したい

【Photoshop】レイヤーを整列する方法【新人デザイナー向け】Photoshopでレイヤーを整列したい。 どうやって整列するのか知りたい。 こういった疑問に答えるよ!...

レイヤーを回転したい

【Photoshop】レイヤーを回転する方法【新人デザイナー向け】Photoshopでレイヤーを回転したい。 どうやって回転するのか知りたい。 こういった疑問に答えるよ!...

レイヤーをサイズ変更したい

【Photoshop】レイヤーをサイズ変更する方法【新人デザイナー向け】Photoshopのレイヤーをサイズ変更したい。 レイヤーをサイズ変更する方法が分からない。 こういった疑問に答えるよ!...

レイヤーを一番上に移動したい

【Photoshop】レイヤーを一番上に移動する方法【新人デザイナー向け】Photoshopでレイヤーを一番上に移動したい。 どうやってレイヤーを一番上に移動するのか分からない。 こういった疑問に答えるよ!...

レイヤーを白黒にしたい

【Photoshop】レイヤーを白黒にする方法【新人デザイナー向け】Photoshopでレイヤーを白黒にしたい。 どうやってレイヤーを白黒にするのか分からない。 こういった疑問に答えるよ!...

レイヤーを名前変更したい

【Photoshop】レイヤーを名前変更する方法【新人デザイナー向け】Photoshopでレイヤーを名前変更したい。 レイヤーの名前を変更したいけど、どうやったらいいのか分からない。 こういった疑問に答えるよ!...

レイヤーを複製したい

【Photoshop】レイヤーを複製する方法【新人デザイナー向け】Photoshopでレイヤーを複製したい。 どうやってレイヤーを複製したらいいのか分からない。 こういった疑問に答えるよ!...

レイヤーをソロ表示したい

【Photoshop】レイヤーをソロ表示する方法【新人デザイナー向け】Photoshopでレイヤーをソロ表示したい。 特定のレイヤーだけを表示したい。 こういった疑問に答えるよ!...
Naoya
Naoya
今日も来てくれてありがとう、またね!
【無料あり】Webデザインスクールおすすめ3選【決定版】Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、そもそもなに基準で選んだ...
【10点プレゼントの体験版】Adobe Stockを無料で始める手順Adobe Stockを利用したいけど、どうやって始めるんだろう? そもそも、いくらかかるんだろうか、、、。 これからAdobe Stockの契約を考えているので「Adobe Stockの始め方」を知りたいです。 こういった疑問に答えます。...
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

ABOUT ME
Naoya
Naoya
Designer
デジタルアーツ東京→デザインプレックス東京→デザイン制作会社→フリーランス
スポンサーリンク
記事URLをコピーしました