
- Illustratorで画像を徐々に透明にすることはできるの?
- 透明マスクの使い方がわからない
そんな方にIllustratorで画像を徐々に透明にする方法を解説していきます。
目次
Illustratorと画像の準備
まずはIllustratorと画像素材が必要です。
持っていない方は公式サイトの無料体験がおすすめです。
Illustrator

AdobeStock

Illustratorで画像を徐々に透過するには?
Illustratorで画像を徐々に透明にするには、透明マスクとグラデーションを使用します。

透明マスクは、画像の一部を隠すことができる機能です。
グラデーションの使い方が分からない場合は、まずはグラデーションを学んでください。
別記事でグラデーションの使い方を解説しています↓
Illustratorで透明マスクをかける方法
左から徐々に画像を透明にする
⑴長方形を作成する
⑵長方形にグラデーションを適用する
⑵選択ツールでオブジェクトと画像を選択する
⑶透明パネルのマスクを作成をクリック
透明マスクをかけるとグラデーションの黒の部分が透けるので、黒の割合を調整して透け方を調整するのがコツです。
下から徐々に画像を透明にする
⑴グラデーションの角度を90度に変更する
⑵グラデーションと画像を選択する
⑶透明パネルのマスク作成をクリック
透明マスクを解除する方法
⑴画像を選択する
⑵透明パネルの解除をクリック
⑶グラデーションを削除する
透明マスクを反転する方法
⑴画像を選択する
⑵透明パネルの「マスクを反転」にチェックを入れる
透明マスクを調整する方法
⑴画像を選択する
⑵透明パネルのグラデーションアイコンをクリック
⑶グラデーションツールに切り替える
⑷画像の上に出てくる色玉を調整する
※グラデーションツール選択時に色玉が出ないのは、画像が選択できていないからです。画像を選択してからグラデーションツールに切り替えてください。
透明マスクの位置を調整する
画像を動かして調整する
⑴画像を選択する
⑵透明パネルのチェーンアイコンをクリックしてリンクを外す
⑶画像を移動する
マスクを動かして調整する
⑴画像を選択する
⑵透明パネルのグラデーションアイコンをクリック
⑶グラデーションを移動する
透明マスクのグラデーションを編集する
⑴画像を選択する
⑵透明パネルのグラデーションアイコンをoptionキーを押しながらクリック
⑶グラデーションの形状を変更する
⑷透明パネルのグラデーションアイコンをoptionキーを押しながらクリック
Illustratorで透明マスクをかける方法まとめ!
Illustratorで画像を徐々に透過するには、

グラデーションで透明マスクをかける必要があります。
うまくできない場合は、先にグラデーションについて学ぶといいでしょう。
グラデーションの使い方は別記事を参照してください→【Illustratorのグラデーションの使い方!】解除・使えない時の対処法!

Illustratorの使い方がよく分からない。もっと勉強したい!
という方におすすめの本や講座を別記事でまとめています。
✔︎関連記事はこちら
この記事はIllustratorで透明マスクをかける方法について解説しています。