サイト内用語検索

クリックしてウインドウを開き、必要に応じてウインドウ幅を調節して閲覧してください。

マスク・複合パス

• クリッピングマスク-1（パス）
• クリッピングマスク-2（ビットマスクへのマスク）
• ※ ブレンドへのマスク （ブレンド-7)
• クリッピングマスク-3（G・メッシュへのマスク）
• レイヤーマスク
• 複合パス
• 不透明マスク

HOME

---

バージョン9から「透明度（不透明度）」機能が搭載されました。これ自体非常に強力な機能ですが、「透明度」搭載に伴う最大の恩恵は、やはり「不透明マスク」でしょう。 従来はPhotoshop等、ペイント系ソフトで処理してきた機能です。それがIllustratorで、ここまできれいに処理出来る様になりました。工夫次第で、様々な使い方が出来るでしょう。

---

■ 不透明マスクの作成

■設定の手順

1. マスクとなる画像を前面、マスクされる画像を背面に配置
   それぞれグループ化して置く。
2. 双方の画像を同時選択。
3. 「透明パレット」のパレットメニューから「不透明マスクを作成」を選択。

輝度の程度でマスク

「不透明マスク」は、マスクとして、前面に配置した画像（この例では、日本丸）の輝度の程度によって、マスクされる画像（この例では、ビーナス）に対し、1バイト（256階調）の透明度を設定する機能です。 マスク画像の輝度（明度）が低い部分ほど、背面画像を透明にし、その背景を透過します。

左図（設定前）
右図（設定後）

---

■ 設定 項目

描画モード、不透明度など

透明パレット」で「描画モード」「不透明度」等を選択できます（下左図）。ここでは適用例省略。

※描画モード参照

オプション設定

「不透明マスク」作成の際表示されるオプション（下図）で、「クリッピングの適用」「反転」等設定が出来ます。

左図（反転）
右図（クリッピングを適用）

---

■グレースケールでの不透明マスク

上記例では、マスクとなる画像にもカラー画像を使用しましたが、1バイト（256階調）だけの（それでも凄いのですが）適用ですから、マスク側の画像はグレースケールでも効果は変わりません。
実際グレースケールを使った方が、その効果を予測し易いでしょう。

又現実の問題として、上記のような使い方はあまりしないし、意味が無いかも知れません。
以下、より現実的と思われる使用例についてみてみましょう。

下左の2枚の画像を使い、不透明マスクを作成します。
マスクとなる画像の輝度によって、透明度の程度が変わり、前面画像の輝度が低い部分ほど、背面画像の透明度が上がります（下右図）。

1. 下左の画像の上に、下中央のグレースケールを配置します。
2. 両方の画像を同時に選択します。
3. 「透明パレット」のパレットメニューから、「不透明マスクを作成」を選択
4. 設定後（下右図）

右図で不透明マスクが掛かっている部分(上部）が、画面上では白く見えています。

これは用紙の白が、透明を通して見えているのであって、背景にオブジェクト、カラーが配置されている場合、それが不透明度に応じて透けて見えます(下図）。

---

不透明マスク、応用例

前面に配置された、上図グレースケールの輝度によってマスクされるオブジェクトの「透明度」が1バイト（256）階調で設定されます。

背景のブラックが、透明度に応じて表示されます。

■ 不透明マスクによる、ダブルトーン的効果

Illustratorの「不透明マスク」を使って、通常Photoshop等で行う「ダブルトーン」の効果を、ある程度実現できます。
（ダブルトーンとはグレースケール画像に、もう一色或いは何色か加えることで、 グレースケールだけでは出すことの出来ない、深み、味わいなどを出す印刷技法、と言っていいでしょう。)

なお、このノウハウは、あぷらいとさんの提供です。
http://homepage2.nifty.com/upright/

■ Photoshopでのダブルトーン

左のグレースケール画像を、Photoshop5.5でダブルトーンにしてみました。本来はこの方法で行います。（下図）

手順は以下の通りです。

1. カラーモードをグレースケールに設定
2. 「イメージ→モード→ダブルトーン」を選択
3. 表示される「ダブルトーンオプションで、各種設定」

Photoshopのダブルトーンでは、第二インキの選定や、色数の選択ができるなど、当然高度な処理が可能です（下図）。

 

■ Illustratorの「不透明マスク」による、擬似的ダブルトーン

Photoshopなど、他のアプリケーションの助けを借りず、Illustratorの機能である「不透明マスク」を使って、ある程度、ダブルトーンの効果を出すことが出来ます。

1. 背景に「塗りオブジェクトを配置」
   この「塗り」カラーの違いで、仕上がり効果に変化を持たせることが出来ます。
2. 「塗りオブジェクト｣の前に、ダブルトーン効果を意図するオブジェクトを配置（グループ化しておいたほうが良いでしょう）。
3. 両方を選択して、「透明パレット」のオプションから、「不透明度の作成」
   画像により「マスクを反転」 にチェック。
4. 出来上がり（右下図）。

(背景に、グレー20㌫を配置してある）

---