【Illustratorで透明マスクをかける!】画像を徐々に透過する方法!

イラレ 透明マスク Illustrator

※当サイトはアフィリエイト広告を利用しています

ナカジ

この記事はIllustratorで透明マスクをかける方法について解説しています。

  • Illustratorで画像を徐々に透明にすることはできるの?
  • 透明マスクの使い方がわからない

そんな方にIllustratorで画像を徐々に透明にする方法を解説していきます。

Illustratorと画像の準備

まずはIllustratorと画像素材が必要です。
持っていない方は公式サイトの無料体験がおすすめです。

Illustrator

Illustrator 無料

単体プラン 月額利用料:2,728

\7日間の無料体験はこちら/

AdobeStock

おすすめの有料素材サイトadobestockの写真素材

料金:3,828円/月3点

\素材10点が無料でダウンロード/

Illustratorで画像を徐々に透過するには?

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

ナカジ

透明マスクは、画像の一部を隠すことができる機能です。

グラデーションの使い方が分からない場合は、まずはグラデーションを学んでください。

別記事でグラデーションの使い方を解説しています↓

Illustrator グラデーション

Illustratorで透明マスクをかける方法

左から徐々に画像を透明にする

⑴長方形を作成する

⑵長方形にグラデーションを適用する


⑵選択ツールでオブジェクトと画像を選択する
⑶透明パネルのマスクを作成をクリック

透明マスクをかけるとグラデーションの黒の部分が透けるので、黒の割合を調整して透け方を調整するのがコツです。

下から徐々に画像を透明にする

⑴グラデーションの角度を90度に変更する

⑵グラデーションと画像を選択する
⑶透明パネルのマスク作成をクリック

透明マスクを解除する方法

⑴画像を選択する
⑵透明パネルの解除をクリック
⑶グラデーションを削除する

透明マスクを反転する方法

⑴画像を選択する
⑵透明パネルの「マスクを反転」にチェックを入れる

透明マスクを調整する方法

⑴画像を選択する
⑵透明パネルのグラデーションアイコンをクリック

⑶グラデーションツールに切り替える
⑷画像の上に出てくる色玉を調整する

※グラデーションツール選択時に色玉が出ないのは、画像が選択できていないからです。画像を選択してからグラデーションツールに切り替えてください。

透明マスクの位置を調整する

画像を動かして調整する

⑴画像を選択する
⑵透明パネルのチェーンアイコンをクリックしてリンクを外す
⑶画像を移動する

マスクを動かして調整する

⑴画像を選択する
⑵透明パネルのグラデーションアイコンをクリック
⑶グラデーションを移動する

透明マスクのグラデーションを編集する

⑴画像を選択する
⑵透明パネルのグラデーションアイコンをoptionキーを押しながらクリック

⑶グラデーションの形状を変更する
⑷透明パネルのグラデーションアイコンをoptionキーを押しながらクリック

Illustratorで透明マスクをかける方法まとめ!

Illustratorで画像を徐々に透過するには、

ナカジ

グラデーションで透明マスクをかける必要があります。

うまくできない場合は、先にグラデーションについて学ぶといいでしょう。

グラデーションの使い方は別記事を参照してください→【Illustratorのグラデーションの使い方!】解除・使えない時の対処法!

男性

Illustratorの使い方がよく分からない。もっと勉強したい!

という方におすすめの本や講座を別記事でまとめています。

✔︎関連記事はこちら

初心者におすすめのIllustratorの本をまとめた記事のトップ画像
WEBデザインの独学方法を解説した記事のトップ画
社会人におすすめのデザインスクールを紹介いた記事のトップ画像