【Photoshop】グループにレイヤーマスクする方法【新人デザイナー向け】
![](https://nexout.blog/wp-content/uploads/2021/11/211103_main_visual.jpg)
Photoshopでグループの中のレイヤーを全て同じレイヤーマスクにしたい。
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
目次
- グループにレイヤーマスクする方法
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)
グループにレイヤーマスクする方法
![](https://nexout.blog/wp-content/uploads/2021/11/211103_main_visual.jpg)
- レイヤーを用意する
- グループ化する
- グループにレイヤーマスクする
- 微調整する
Photoshopでグループにレイヤーマスクする流れはこんな感じ。
順番に見て行こう!
レイヤーを用意する
何でも良いので、レイヤーマスクしたいレイヤーを用意!
ここでは画像をレイヤーマスクしていくよ!
画像を配置する
![](https://nexout.blog/wp-content/uploads/2021/09/210905_h2_02_17.jpg)
メニューバーの「ファイル」から「埋め込みを配置」を選択!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_01_01.jpg)
配置する画像を選択して「配置」を選択!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_01_02.jpg)
画像が配置されるので、Enterをタップ!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_01_03.jpg)
これで画像が配置できたよ!
画像を配置する
同じ流れでもう一枚画像を配置しよう!
![](https://nexout.blog/wp-content/uploads/2021/09/210905_h2_02_17.jpg)
メニューバーの「ファイル」から「埋め込みを配置」を選択!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_01_04.jpg)
配置する画像を選択して「配置」を選択!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_01_05.jpg)
画像が配置されるので、Enterをタップ!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_01_06.jpg)
これで画像が配置できたよ!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_01_07.jpg)
レイヤーはこんな感じで二つの画像がある状態!
レイヤーパネルが表示されていない人は、メニューバーの「ウィンドウ」から「レイヤー」を選択!
グループ化する
続いて、読み込んだ二つのレイヤーをグループ化するよ!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_02_01.jpg)
まずは一つのレイヤーを選択!
レイヤーパネルが表示されていない人は、メニューバーの「ウィンドウ」から「レイヤー」を選択!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_02_02.jpg)
- Mac=Option
- Windows=Alt
続いてOS毎にそれぞれのコマンドを押しながらもう一つのレイヤーを選択!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_02_03.jpg)
こんな感じで複数のレイヤーを選択することができたね!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_02_04.jpg)
複数のレイヤーを選択した状態で、グループのアイコンをクリック!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_02_05.jpg)
選択したレイヤーがグループ化されたね!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_02_06.jpg)
「>」をクリックして、グループの中を確認!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_02_07.jpg)
先ほど選択したレイヤーが入ってるね!
グループにレイヤーマスクする
続いてグループにレイヤーマスクをするよ!
レイヤーマスクはグループに適用することもできるよ!
今回はレイヤーマスクの選択範囲の元となる形を図形で作っていくよ!
図形を用意する
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_03_01.jpg)
![](https://nexout.blog/wp-content/uploads/2021/10/211011_h3_02_02.jpg)
ワークスペース上でクリック!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_03_02.jpg)
ここでは、幅=「480px」、高さ=「480px」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_03_03.jpg)
正円が作成されたね、色は何でもOK!
カンバスを全選択する
続いてカンバスを全選択するよ!
![](https://nexout.blog/wp-content/uploads/2021/04/210415_h2_02_03.jpg)
メニューバーの選択範囲から「すべて選択」を選択!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_03_04.jpg)
カンバスの全体、すべての選択範囲を選択することができたね!
すべて選択のショートカット
- Mac=Command+A
- Windows=Ctrl+A
すべて選択のショートカットはこんな感じ。
水平方向に中央揃え
![](https://nexout.blog/wp-content/uploads/2021/04/210415_h2_02_05.jpg)
移動ツールを選択している状態でオプションバーの「水平方向中央揃え」をクリック!
移動ツールのショートカット
- V
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_03_05.jpg)
水平方向に中央揃えができたね!
![](https://nexout.blog/wp-content/uploads/2021/04/210415_h2_02_07.jpg)
続いて、移動ツールを選択している状態でオプションバーの「垂直方向中央揃え」をクリック!
移動ツールのショートカット
- V
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_03_06.jpg)
垂直方向に中央揃えができたね!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_03_07.jpg)
カンバスの全体に対して水平方向と垂直方向に中央揃えをしたので、カンバスの中央に正円のレイヤーを移動することができたよ!
選択範囲を解除して完了!
選択範囲の解除のショートカット
- Mac=Command+D
- Windows=Ctrl+D
図形の選択範囲を作成する
続いて、レイヤーマスクの範囲を作った正円から作るよ!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_03_08.jpg)
- Mac=Command
- Windows=Ctrl
OS毎のコマンドを押したまま、正円のアイコンをクリック!
レイヤーパネルが表示されていない人は、メニューバーの「ウィンドウ」から「レイヤー」を選択!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_03_09.jpg)
図形の選択範囲を作ることができたね!
グループにレイヤーマスクする
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_04_01.jpg)
続いて、グループを選択!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_04_02.jpg)
グループを選択できたね!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_04_03.jpg)
レイヤーマスクのアイコンをクリック!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_04_04.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_04_05.jpg)
レイヤーを確認してみると、選択範囲と同じ形にレイヤーマスクされていることが確認できるね!
図形を非表示にする
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_04_04.jpg)
このままだと、図形が邪魔して画像が見えないので図形のレイヤーを非表示にするよ!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_04_06.jpg)
図形のレイヤーの目のアイコンをクリック!
レイヤーパネルが表示されていない人は、メニューバーの「ウィンドウ」から「レイヤー」を選択!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_04_07.jpg)
微調整する
レイヤーマスクのサイズや、埋め込んだ画像によって見え方が異なるので、自分の好みに位置や大きさを調整しよう!
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_04_08.jpg)
![](https://nexout.blog/wp-content/uploads/2021/11/211103_h2_01_h3_04_09.jpg)
ここではそれぞれをこんな感じの見え方にして完成!
レイヤーの位置調整
画像の拡大
画像の縮小
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)