マスクとは

マスクとは、レイヤー（またはオブジェクト）の透明の設定をする機能です。

マスクを使うと、実際はデータがある部分に透明度を段階的に設定をして、下層のレイヤーが透けて見えたり、完全に透明になるなどの効果があります。

また、ラスタのソフトでは、選択範囲を作りラスタデータでぼかしを入れるマスクもあります。

マスクの使い方

ここではわかりやすく、レイヤーと書きますが、マスクは矩形などのベクトルオブジェクトを利用することもできます。

実際の手順では、部分的に表示したいレイヤーの上にグレーのレイヤーを乗せて、透明部分を作りたいレイヤーにグレーのレイヤーを、マスクとして（＝一部を隠す目的で）グループ化することにより、マスクを作成します。

前述の通り、マスクとして使えるデータは、レイヤーに限らず、ラスタデータ、ベクトルデータの両方です。（ソフトの特性により利用できない場合もあります。）ピクセルで描画するビットマップのレイヤーがマスクデータに使われる場合は、ラスタデータのマスクであり、パスなどのオブジェクトデータがマスクに使われる場合は、ベクトルデータのマスクになります。

マスクレイヤー（またはオブジェクト）を作成するときは、マスクレイヤー（またはオブジェクト）の白に近い部分は、グループ化したオブジェクトを見せます。黒に近い部分は見えなくさせます。結果としてその下の層の通常のレイヤーが透けて見えます。

（Fireworks 4までは逆なので、注意が必要です。マスクレイヤー編集時の、白が透明度を下げて、グループ化した画像を表示しなくなり、黒が透明度をあげて表示しました。）

ソフトにより、名称や操作の違いがありますので、今回は概念のみ紹介しています。操作については、素材パーツ作成講座、ソフト習得講座などで随時取り上げていきます。

マスクは表示されない部分を作成する作業ですから、なかなか理解しにくい部分ですので、今回の用語解説だけで理解できなくても、 実際の作業の中で、何度もトライして、回数を重ね、実際の利用法になれて行くのがいいかと思います。

マスクの利用と、表示の変化

Fireworks MX 2004のマスクを参考にとりあげます。

　ビットマップマスク

JPG（ラスタデータ）にビットマップマスクがかけてあります。ビットマップマスクもピクセルデータですから、 通常のJPG、GIFと同様に自由に描画できます。ペタペタ塗りこむイラストなどを作成するときに便利です。

マスクのサムネイルを選択（黄色にハイライトされている）

マスクのプロパティが表示される

オブジェクトマスク（通常の塗り）

JPG（ラスタデータ）にオブジェクトマスクがかけてあります。オブジェクトマスクの色を白に設定してあるので、 かた抜きしたような効果が得られます。グレーにすると半透明になり、黒にすると非表示（すべてマスク）になります。

マスクのサムネイルを選択（黄色にハイライトされている）

マスクのプロパティが表示される

オブジェクトマスク（グラデーション）

JPG（ラスタデータ）にオブジェクトマスクがかけてあります。オブジェクトマスクの塗りをグレーのグラデーションに設定してあります。

マスクのサムネイルを選択（黄色にハイライトされている）

マスクのプロパティが表示される

オブジェクトマスク（パターン）

JPG（ラスタデータ）にオブジェクトマスクがかけてあります。オブジェクトマスクの塗りをパターンに設定してあります。 パターンはグレースケールに置き換えられ、白に近いほうは見えて、黒に近いほうは透明に近くなります。

マスクのサムネイルを選択（黄色にハイライトされている）

マスクのプロパティが表示される

Fireworksのマスク

ビットマップマスクとオブジェクトマスクがあります。

オブジェクトマスク

オブジェクトにかけるベクトルデータのマスクです。

オブジェクトマスクは1つのマスクで2種類のマスクデータを管理できます。同一オブジェクトに対してのマスクになるので、操作時に必要に応じ切り替えて使います。

グレースケールを選択する　

塗りとストロークの表示の切り替えや線や塗りのプロパティは通常のオブジェクトと同じように設定できます。 グラデーションやパターンなどで変化のある透明を設定することができます。パスは普通のパスと同じように編集できます。

マスクオブジェクトの塗りをパターンにして、線を白にし、線のプロパティを破線で設定した例

パスアウトラインを選択する　

マスクオブジェクトの形で切り抜かれます。その他の部分は透明になっています。マスクオブジェクトのパスを操作するときに利用します。

マスクをかけた画像同じマスクをパスアウトラインで見た例

ビットマップマスク

オブジェクトにかける、ラスタデータのマスクです。
ビットマップマスクは1つのマスクで2種類のマスクデータを管理できます。同一オブジェクトに対してのマスクになるので、 操作時に必要に応じ切り替えて使います。

選択範囲からマスクを作成後、レイヤーのサムネイルから、マスクを選択すると、 マスクのプロパティから、グレースケールとアルファチャネルが選択できるようになる。

アルファチャネルを選択する　

選択範囲を作成できます。選択範囲を追加、削除することにより、 対象のレイヤーまたはビットマップに対し、描画する範囲を制限することができます。

アルファチャネルを作成後、 描画レイヤー切り替え着色など操作すると、マスクが有効なので、描画されない部分がある。特定のエリアの塗りや効果をかけるときに利用する。

グレースケールを選択する　

筆などのビットマップツールでマスクに描画でき、自由に透明度を設定できます。

レイヤーのサムネイルから、マスクを選択すると、マスクのプロパティが表示される。

グレースケールは、透明設定を直接描画するイメージで、ペンツールなどでぼかしを入れて塗る。 塗り色は黒がマスクレイヤーにピクセルを書き込み、対象レイヤーを見えなくする。（透明にする）

Illustratorのマスク

Illustratorでは、画像を合成する際に、オブジェクト（写真、図形などのデータのこと）の一部を非表示にする必要がある場合に使われる機能がマスクです。

Illustratorにはクリッピングパスと不透明マスクがあります。

クリッピングパス（クリッピンググループ）

前面に置いたオブジェクトの形でかた抜きにして、非表示部分を作るマスクです。オブジェクトの部分が見えて、 オブジェクトのない部分がマスクされて見えなくなります。透明度は100％のみで、透明感のあるぼかしはできません。 必要に応じて、表示、非表示の位置や、パスの形の変更を加えることができます。

画像の上にオブジェクトを置き、マスクする準備の整った状態

↓

クリッピングパスとしてグループ化した状態。パスの内部のみが見えて、パスの範囲外はマスクされ、見えなくなっている。

不透明マスク

データの透明度を管理し、半透明または完全に透明にして、下層のレイヤーを見えるようにします。 前面に置いたオブジェクトの形に重なる部分の透明度のデータをもつことができます。透明パレットのパレットメニューから操作します。 グラデーションを利用した透明度の設定が可能で、グラデーションメッシュも不透明マスクとして扱えるので、複雑な形のぼかしを作ることができます。 クリッピングパスとは逆で、オブジェクトのある部分が、半透明の効果を持つマスクとなります。

花の部分が不透明マスク。

Photoshopのマスク

選択範囲を作るツール

Photoshopはラスタを扱うソフトですから、細部に彩色する時に、塗りや、フィルタを多く使います。 そのため、一時的に作業するため作業範囲を選択しやすくする手段が多く用意されています。アルファチャンネルと、 クイックマスクです。作業用パスやマスクは、選択範囲に変換できます。

クイックマスクモード

切抜きや、塗りの作業時に、選択範囲を取りにくい複雑な形を選択し、処理する必要があるときに使います。 クイックマスクモードに切り替え、選択したい部分を塗りつぶすと、マスクの範囲ができます。

クイックマスクモードで選択範囲を作っている時

画像描画モードで編集する時。クイックマスクモードで描画した場所が、選択されている。

文字マスクツール

テキストを選択範囲として読み込むことができます。写真に文字の形で切抜きを入れたり、 塗りつぶしやスプレー、効果をかけるなどテキストをデザインして挿入する場合に利用します。

文字マスクツールを使って、テキストを入力すると、文字の形に選択範囲ができる。

星のペンツールを利用して、荒く描画しできらきらした効果を出す。

ペンツールなどで大まかに描画しても、選択範囲外には影響されないので、操作が容易になる。

透明ピクセルをロック

着色の際などに頻繁に使う、選択方法です。レイヤーパレットの透明ピクセルをロックの欄にチェックを入れることにより、透明部分がマスクされます。

レイヤーのデータのない部分をマスクするので、大まかに描画してもはみ出さない。下塗りをしたあとの色付けなどに便利。

同じ作業ができるのが、レイヤーの透明でない部分を選択する方法です。

コマンド+レイヤークリック（Windowsでは、Ctri+レイヤークリック）でそのレイヤーの透明でない部分を選択します。ただしこちらは境界に点滅する点線が見えるので、細部の確認をするのに使い勝手が悪い場合もあります。

レイヤークリッピングパスとレイヤーマスク

Illustratorのように、実際にはデータのある領域を部分的に非表示にするマスクが、レイヤークリッピングパスとレイヤーマスクです。

クリッピングパス

特定のレイヤー、またはオブジェクトに非表示部分を作るマスクです。Illustratorのクリッピングパスと同じ内容ですが、Illustratorで開くと、不透明マスクとして開きます。

レイヤーマスク

レイヤークリッピングパスが、ベクタデータで作ったマスクであるのに対し、レイヤーマスクは、ラスタデータのマスクです。 ブラシや鉛筆ツールなどでマスクを描画できます。Illustratorで開くと、マスクの情報は破棄されます。

レイヤーをリンクしておき、クリッピングマスクに設定すると、マスクとしてクリッピングしたピクセルデータの部分だけ切抜きされて見える。半透明にも対応している。