イラストレーターで簡単に滑らかに透明にする方法

イラストレーターで作成したオブジェクトの一部分を半透明、透明にしたい!フォトショップのレイヤーマスクと同じ様な感覚で滑らかに透明にする方法をご紹介。

 18106 更新日
イラストレーターで簡単に滑らかに透明にする方法
エリさん

エリ

イラストレーターの透明マスクの使い方

photoshopの様な滑らかな透明マスクで一部を非表示にする方法を解説。

透明パネルで部分的に透明にする方法

イラストレーターでもフォトショップ同様の微妙な透過度で部分的に消すことができます。今回は簡単にできる透明パネルの使い方をご紹介。

イラストを用意

まずは適当なイラストを用意しましょう。今回はサイト内の葉っぱのイラストの葉っぱをぼんやした透明に変更してみようと思います。※イラストはフリーで配布していますのでご自由に使ってください。

葉っぱセット.aiをイラストレーターで開きます。

透明パネルでマスクを作成

透明パネルを選択

適当な葉っぱオブジェクトを選択し、透明パネルを操作します。透明パネルがない場合は ウィンドウ→透明で透明パネルを表示してください。
透明パネルの右上にあるメニューを開きます。
新規不透明マスクにクリッピングを適用をクリックします。
そして不透明マスクを作成を選択します。

マスクサムネールをクリック

透明パネルマスクを選択

透明パネルのマスクのサムネールをクリックし、マスクの操作をアクティブにします。

通常のレイヤー操作に戻る時は逆に左側の葉っぱのサムネールをクリックすると戻れます。

楕円ツールでオブジェクトを描画

楕円形ツールでマスクに描画する

マスクサムネールをクリックすると葉っぱが消えます。
元オブジェクトがあった箇所に塗りを白に設定し、楕円形ツールで適当に楕円オブジェクトを作ります。

すると、楕円を描いた箇所に葉っぱオブジェクトが現れるはずです。

描いた楕円にグラデーションを適用

楕円にグラデーションを描く

描いた楕円に白黒のグラデーションを適用します。黒に近くほど透明に、白に近づくほど半透明になります。

※マスクの反転で逆にもできます。

グラデーションで不透明度を調整

グラデーションで不透明度を調整

滑らかに消す、くっきり消すなどグラデーションツールを楕円に適用させて調整しましょう。Gツールでドラックし調整するとやりやすいです。

くっきり消すことも可能です。その場合はグラデーションをかけずに通常のオブジェクトで調整しましょう。
マスクモードではオブジェクトは複数描くことができます。

部分的に自由に簡単に消せる

色々な部分的に非表示にしたサンプル

ここでは楕円形ツールのオブジェクトにグラデーションをかけて透明度を調整しましたが、マスクの形は自由です!元のオブジェクトをそのままコピーしてマスクモードの画面に貼り付けることもできれば、ペンツールでベジェ曲線で消したい部分だけ図形を描画してもok!簡単に一部分を透明にできるので大変便利です。

この他にもクリッピングマスクの使い方で部分的にオブジェクトを消す方法を解説していますが、状況によって使い分けるのが良いと思います。

関連の記事

foolfool

専業イラストレーターが
ご希望のイラスト描きます!

「こんなイラストが欲しい・・・」
お任せ下さい!
ご希望のイラスト描きます

似顔絵・キャラ制作・商品パッケージイラストやロゴ
ご要望に合わせたイラスト制作承ります。
クラウドソーシングで安心取引可能です。

  • おしゃれな線画のイラスト

    おしゃれな線画イラスト

    シンプルで細い線で描くしゃれなモチーフ。特別な記念品やプレゼント・ラベルデザイン・ブランドロゴ、観賞用にもおすすめ!

    細くておしゃれな線画のイラスト

    4000円〜

    パッケージを見る
  • シンプルな動物の線画描きます

    シンプルな動物の線画イラスト

    目を引く動物のイラスト、チームや企業のブランドロゴや商品のパッケージのシンボルに!シンプルで高級感あるイメージにも。

    商品ラベル・アイコンチームのロゴに

    4000円〜

    パッケージを見る
  • 墨絵イラストを依頼

    躍動感溢れる墨絵を描きます

    躍動感溢れる墨絵のキャラクター描きます。侍・戦国武将・筆のタッチのキャラクター制作が人気です。著作権譲渡・商用利用可能です。

    和風アートの墨絵

    12000円〜

    墨絵の例を見る
  • フリーイラストを商用利用依頼

    フリーイラストを商用利用

    すでに公開しているフリー素材を商用利用したい方へおすすめ!illust.NOを控えていただきお問い合わせフォームよりリクエスト可能。

    illust.NOからリクエスト

    3000円〜

    フリー素材を探す

受付中のパッケージを見る

イラスト制作一覧へ

この記事を書いた人

エリさんエリ


フォトショップだとマスクを追加してブラシで塗ったりするだけで透明になりますよね、イラストレーターではじめこのやり方がどうしても理解できなかった為記事にしてみました。
このやり方は最新のccや旧illustratorでも標準的にある機能なので可能です。他にもクリッピングマスクを使った方法なども公開しています。

透明パネルの使い方にいいね!