初心者でもすぐわかる!photoshopマスクの概念

レイヤーマスクとベクトルマスクの違いって!?photoshopの機能で最も便利なマスクについて解説。初心者の方も理解して便利に使いこなそう!

 9034 更新日
初心者でもすぐわかる!photoshopマスクの概念
もえさん

もえ

非破壊で編集できるマスク機能とは

レッタチ、写真を合成するときによく使うマスクの概念について初心者の方にもわかりやすく利用方法を解説。

白黒の女性の写真にブラシでマスクを適用した例

マスクとは?

まだ使いはじめの頃は本当に理解できなかったマスクの概念について噛み砕いて、初心者の方でも分かりやすく説明したいと思います!

マスクとは写真の一部分になんらかの効果を適用したり、一部分を消したり、色を変えたりという操作が可能になる機能です。

又、選択範囲に変換したり、画像を非破壊(劣化しないで)で編集できるという優れものです。

マスクにも種類がある

photoshpのマスクの種類
  • レイヤーマスク
    ビットマップ形式のマスクでレイヤーの一部分を透明にする事ができ、ぼかしの効いたブラシなどで輪郭を編集できるのが特徴です。
  • ベクトルマスク
    ベクトル形式のマスクで変形をしても劣化しない特徴があります。図形や正確な選択範囲の場合に活躍します。
  • >クイックマスク
    クイックマスクは簡易的に使用できるマスクで、赤く着色された部分に適用されます。ブラシで描く様に選択範囲を作成出来るのが特徴。
  • クリッピングマスク
    選択したレイヤーを下のレイヤーの形で切り抜く事が可能です。マスクとしての利用法意外にも使用でき、覚えるとphotoshopのスキルが確実にアップするでしょう。

レイヤーマスクとは?

最もポピュラーなマスクでレイヤーパネル上から簡単に追加が可能です。主にビットマップで構成されている為、境界線が曖昧な繊細なマスクが可能です。

レイヤーパネルからレイヤーマスクの追加方法

レイヤーを選択して、レイヤーパネル下にあるレイヤーマスクアイコンをクリックするだけでレイヤーマスクの追加が可能です。マスクを編集したい場合は追加したレイヤーマスクサムネールをクリックして編集します。

レイヤーマスクはビットマップなので、繊細なマスク処理が可能です。写真と写真を違和感なくつなぎあわせたりする事も可能で、人物の髪の毛など、繊細な部分で活躍します。デメリットとして、拡大/縮小で劣化する事です。

▼レイヤーマスクで作成した合成写真

ベクトルマスクとは?

ベクトルマスクを一部分に適用したサンドウィッチの写真

ベクトルマスクとはベクターベースのマスクレイヤーでレイヤーマスクに比べると繊細なマスク処理ができません。くっきりした物をパスで切り抜き利用すると良いでしょう。メリットは縮小や拡大、変形で劣化しない事です。

ベクトルマスクの追加方法

ベクトルマスク追加方法

ベクトルマスクはレイヤーパネルのマスク追加のボタンを2回クリックすると追加できます。

カスタムシェイプツールでベクトルマスクを描く

レイヤーパネルのベクトルマスクのサムネールをクリック後、カスタムシェイプを選択し、好きなマスクの形を作成する事ができます。写真はサンドウィッチの写真を足跡のシェイプを適用した例です。足跡の形に写真が切り抜く事ができました。

カスタムシェイプツールの足跡でベクトルマスクを作る

クイックマスクとは?

クイックマスクとは簡易的にマスクを追加し、ブラシで編集できるマスクです。赤くなった部分がマスク適用カ所でレイヤーマスクの様に繊細な選択範囲を作る事が可能です。

クイックマスク追加方法

ツールパネルに下部にクイックマスクモードで編集というアイコンをクリクし、Bキー(もしくはツールブラシを選択)でブラシツールで表示にしたい部分を塗って行きます。赤くなっているカ所がマスク適用カ所です。

クイックマスクモードで編集した写真
クイックマスクをOFFにする。

もう一度ツールパネルのクイックマスクモードのアイコンをクリックし、モードをoffにすると選択範囲ができました。

クイックマスクで作成した選択範囲
選択範囲外を消去

deleteキーを押して選択範囲外を削除するとクイックマスクモードで編集したぼかしの効いた選択範囲の通り切り抜かれました。

選択範囲外を消去し、ぼかしの効いた切り抜きの完成

クリッピングマスクとは?

レイヤーパネルにならんだ三つのレイヤー

クリッピングマスクとは下のレイヤーの形で上のレイヤーが切り抜かれるマスクです。写真を例にするとレイヤーAはテキストレイヤーです。レイヤーBは風景の写真レイヤーですが、レイヤーBにクリッピングマスクを追加すると…

文字の形に切り抜かれた風景レイヤー

レイヤーBがテキストレイヤーAの形で切り抜かれました!レイヤーパネル上ではレイヤーBに矢印が追加されています。

クリッピングマスク適用後のレイヤーパネルの表示

この様に下の形状の形で切り抜かれるのでかなり応用がききますね!

ショートカットキーはalt(Macはoptionキー)+Ctrl(Macはcommandキー)+Gキーでオン/オフが出来るので覚えておきましょう。

マスク編集は非破壊編集

編集したいレイヤーの一部をダイレクトに消したりしても編集は可能ですが、可能な限りマスクを使用しましましょう。マスクの大きな利点は画像の劣化のない非破壊編集ができるという事です。又、失敗してもマスクレイヤーを削除すると初期状態に戻す事も可能です。使い方は無限大にありますので是非使いこなしてデザインの幅を広げましょう。

関連の記事

foolfool

専業イラストレーターが
ご希望のイラスト描きます!

「こんなイラストが欲しい・・・」
お任せ下さい!
ご希望のイラスト描きます

似顔絵・キャラ制作・商品パッケージイラストやロゴ
ご要望に合わせたイラスト制作承ります。
クラウドソーシングで安心取引可能です。

  • おしゃれな線画のイラスト

    おしゃれな線画イラスト

    シンプルで細い線で描くしゃれなモチーフ。特別な記念品やプレゼント・ラベルデザイン・ブランドロゴ、観賞用にもおすすめ!

    細くておしゃれな線画のイラスト

    4000円〜

    パッケージを見る
  • シンプルな動物の線画描きます

    シンプルな動物の線画イラスト

    目を引く動物のイラスト、チームや企業のブランドロゴや商品のパッケージのシンボルに!シンプルで高級感あるイメージにも。

    商品ラベル・アイコンチームのロゴに

    4000円〜

    パッケージを見る
  • 墨絵イラストを依頼

    躍動感溢れる墨絵を描きます

    躍動感溢れる墨絵のキャラクター描きます。侍・戦国武将・筆のタッチのキャラクター制作が人気です。著作権譲渡・商用利用可能です。

    和風アートの墨絵

    12000円〜

    墨絵の例を見る
  • フリーイラストを商用利用依頼

    フリーイラストを商用利用

    すでに公開しているフリー素材を商用利用したい方へおすすめ!illust.NOを控えていただきお問い合わせフォームよりリクエスト可能。

    illust.NOからリクエスト

    3000円〜

    フリー素材を探す

受付中のパッケージを見る

イラスト制作一覧へ

この記事を書いた人

もえさんもえ


photoshpの基本知識ですが、私はこのマスクの使用方法を理解するのに苦労しました。。。 なのでみなさんにわかりやすく説明したいと思いこの記事を執筆してみました。

マスクを理解する!にいいね!