Illustratorの不透明マスクで透け方を変える｜白黒・クリップ・編集対象を確認
図の端を徐々に透かしたいときは、Illustratorの不透明マスクを使う方法があります。反転しない設定では白は表示、黒は隠す方向に働き、灰色はその間になります。デスクトップ版Illustratorで、色の付いた図と白黒のグラデーション図形を使います。
透かす図と、透け方を決める図形を分ける
作業用コピーで、透かしたい色付きの図を用意します。その上に、白から黒へ変わるグラデーションの長方形を重ねます。下の図が表示対象、上の長方形がマスクです。見た目が似ていても、役割を取り違えないようにします。
長方形を最前面へ移し、二つだけを選びます。Adobeの手順では前面のオブジェクトがマスクになります。ほかの見出しや図を選んだまま実行すると、意図しない組み合わせになるため、対象を小さく限定して試します。
透明パネルでマスクを作り、白黒の向きを読む
［ウィンドウ］→［透明］を開き、必要ならオプションを表示して［マスク作成］を選びます。反転がオフの状態では、白い部分で下の図が見え、黒い部分では隠れ、間の灰色で部分的に透けます。
隠れているのは下の図の表示です。図そのものを白黒に塗り替える操作でも、画像データの外側を削除する操作でもありません。白い背景だけでは判断しにくい場合は、確認用の背景色を変え、透けた先が見えるかを確かめます。
逆に見えるときと、外側が消えるときを分ける
透ける向きが意図と逆なら、［マスクを反転］を確認します。反転はマスクの明暗の働きを逆にする設定です。グラデーション自体を作り直す前に、この設定と白黒の配置を別々に見ます。
［クリップ］はマスクの外側の扱いに関係します。有効にするとマスクの背景が黒になり、境界の外側が隠れます。全体が意図せず途切れるなら、マスク図形の大きさとクリップの状態を確認します。反転だけで直そうとしないことが要点です。
右のサムネイルでマスクを編集し、左で図へ戻る
透明パネルには図とマスクのサムネイルが並びます。右側のマスクを選ぶと、マスク側を編集できます。長方形の位置やグラデーションを調整し、透ける範囲がどう変わったかを確認します。
調整後は左側の図のサムネイルを選び、図の編集へ戻ります。マスク編集のまま「ほかの図を操作できない」と悩まないよう、何を編集しているかをパネルで確認します。余白をクリックしたことだけで編集対象が戻ったとは判断しません。
透明部分を、最終の背景と形式で確認する
確認用の背景を実際の紙面の背景へ戻し、必要な文字や輪郭まで薄くなっていないかを見ます。読みやすさを守るため、重要な注意文まで一緒に透かす構成は避け、対象の図との役割を分けます。
AIの編集原本を残し、実際に配るPDFでも透け方を確認します。書き出しや配置先の条件まで、編集画面の成功だけで保証しません。外側の境界、白黒の向き、編集対象の三つを区別すれば、修正時にも状態を追いやすくなります。
次に確認すること
前面のマスク図形と下の図を区別し、反転とクリップを別々に確認します。マスク編集後は左のサムネイルで戻り、最終の背景でも透け方を点検してください。
あわせて確認する
参考資料
- Adobe：Create transparency using opacity masks
https://helpx.adobe.com/au/illustrator/desktop/manage-colors/apply-transparency-and-blending/create-transparency-using-opacity-masks.html
確認日：2026-10-03
二つの単純な図形。破壊的な画像切り抜きや出力互換性の保証ではない。
- Adobe：不透明マスクの反転またはクリップ
https://helpx.adobe.com/jp/illustrator/desktop/manage-colors/apply-transparency-and-blending/invert-or-clip-opacity-masks.html
確認日：2026-10-03
反転と外側の扱いを分離。既存文書の設定値は推測しない。
出典は各記事の判断に必要な範囲で参照しています。機種・アプリ固有の操作は、他の環境で同一になることを保証しません。条件を置いた計算例と、メーカー等が明示した仕様を区別してください。