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

イラレ 透明マスク Illustrator
ナカジ

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

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

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

Illustratorと画像の準備

まずはIllustratorと画像が必要です。
持っていない方は下記よりどうぞ↓

  • 7日間の無料体験ができる↓
    Illustratorの公式サイトはこちらから!
  • 画像を10点無料でダウンロードできる↓
    AdobeStockの無料体験はこちら

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

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

ナカジ

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

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

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

Illustrator グラデーション

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

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

⑴長方形を作成する

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


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

※選択ツールの使い方が分からない方はこちらの記事をどうぞ

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

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

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

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

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

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

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

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

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

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

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

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

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

画像を動かして調整する

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

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

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

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

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

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

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

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

ナカジ

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

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

グラデーションの使い方の記事はこちら

男性

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

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

✔︎他にも役立ちそうな記事はこちら

デザイン 勉強
デザインスクール 社会人
デザイン 本

デザインソフトを無料で体験する

・AdobeのSALEページ
・デザインソフトを無料体験

『WEB・グラフィックデザイン』
・7日間無料で体験する↓
・Illustrator
・Photoshop
・InDesign

『イラスト制作』
・3ヶ月間無料で体験する↓
・CLIP STUDIO PAINT PRO

素材を無料でダウンロードする
・素材を10点無料でダウンロード↓
・AdobeStock
・shutterstock

ABOUT US

グラフィックデザイナー
関プロ(現ニューデザイン)デザイン事務所のグラフィックデザイナーとして5年間勤務。任天堂などの販促デザインを担当。退職後フリーのデザイナーに。デザイン歴は10年目。