0%

Designデザインワークショップ

Posted:2019.09.13

Illustratorで複数オブジェクトのパスファインダー操作まとめ

AdobeのベクタードローツールであるIllustratorでは、ベクター図形に対していろんな操作ができる機能を備えています。その中の一つである「パスファインダー」の機能を使うことで、複数のオブジェクトを組み合わせた表現ができるようになります。今回はそのパスファインダーでの操作についてまとめていきたいと思います。

 

パスファインダーですが、「表示」→「パスファインダー」をクリックすることで、パスファインダーパネルが表示されますので、そこから操作するとわかりやすいです。パネル内にはそれぞれの操作を表したアイコンが表示されており、選択してクリックするだけで操作ができるようになります。とはいえ、種類もあるので実際にどんな効果になるかイマイチよくわからないのもありますね、、

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

パスファインダーの操作には大きく2種類に分けられており、「形状モード」と「パスファインダー」に分かれます。まずは形状モードの操作から見ていきます。ちなみに今回はこのようなオブジェクトを用意しました。星型の図形が表面レイヤーとなり、円の図形のあるレイヤーが背面に配置しています。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

 

形状モードの種類

【合体】

全ての対象オブジェクトをまとめて一つのオブジェクトとして結合されます。塗りは最前面のオブジェクトのものが適用されます。論理演算でいうところの「OR」に該当します。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

【前面オブジェクトで型抜き】

最背面のオブジェクトを前面のオブジェクトで切り取ります。最背面のオブジェクトは前面のオブジェクトと重なっていない部分だけが残ります。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

【交差】

2つのオブジェクトにおいて、前面のオブジェクトと背面のオブジェクトの重なる部分だけが残ります。塗りは前面のオブジェクトのものが適用されます。3つ以上の要素の場合は適用できません。論理演算でいうところの「AND」に該当します。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

【シェイプが重なる領域を中マド】

複数のオブジェクトにおいて、隣り合う前面オブジェクトと重なる部分だけが切り抜かれ、それ以外のところは残ります。対象となるのは直前にある前面のオブジェクトのみになります。論理演算でいうところの「XOR」に該当します。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

この「シェイプが重なる領域を中マド」を使うと、テキストなどもこのようにオブジェクトに入り込んだ部分だけ色を変えることができます。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

パスファインダー効果の種類

【追加】

形状モードでいう「合体」と同じように複数の1つのオブジェクトにまとめられますが、重なる部分と重ならない部分がそれぞれ独立したオブジェクトとして選択できます。レイヤー構造を見てみるとこのように複数のオブジェクトに分かれているのが確認できます。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

【刈り込み】

ここではわかりやすいように3つのオブジェクトにしています。最前面オブジェクトに対して重なる部分は全て削除され、残った部分が選択できるようになります。レイヤー構造では、3つのオブジェクトが確認できますが最前面オブジェクト以外は切り取られているのが確認できます。塗りはオブジェクトが持つものをそれぞれ維持します。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

【合流】

ここではわかりやすいように3つのオブジェクトにしています。先ほどの「刈り込み」と似ていますが、最前面以外のオブジェクトにおいて、同じ塗りで隣り合うレイヤーの場合には結合されます。レイヤー構造を見てみると、最前面以外のオブジェクトで塗りが同じものが1つのオブジェクトに結合されており、1つ減っているのが確認できます。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

【切り抜き】

最前面のオブジェクトに対して、重なる部分のみが残ります。塗りはオブジェクトが持つものを維持します。複数のオブジェクトの場合もそれぞれ独立して残ります。レイヤー構造では、背面オブジェクトと重ならない最前面のオブジェクト部分と、最前面に重なる背面オブジェクトの部分が残るのが確認できます。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

【アウトライン】

全てのオブジェクトのアウトラインが生成され、重なり合う部分はそれぞれ独立して選択できるようになります。重なり合う部分は前面にあるオブジェクトの塗りが適用されます。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

【背面オブジェクトで型抜き】

形状モードにある「前面オブジェクトで型抜き」とは逆で、最前面のオブジェクトを背面のオブジェクトで切り取ります。背面のオブジェクトに重なる最前面のオブジェクトの部分だけが残ります。レイヤー構造では切り取られて残った部分だけの要素になっているのが確認できます。

Illustratorで複数オブジェクトのパスファインダー操作まとめ

Illustratorで複数オブジェクトのパスファインダー操作まとめ

 

またこれ以外にも「効果」→「パスファインダー」から選択できる効果として「濃い混色」「薄い混色」「トラップ」などもあります。Illustratorではこのようにベクター要素を加工するための様々なパスファインダー効果が用意されており、複雑な図形を表現することができます。

 


 

今回はIllustratorでのパスファインダー操作についてまとめてみました。よく使うものもあればあまり使わず用途がわからないものもありますが覚えておくといろんな場面で応用が利くのでぜひ覚えておきたいですね。

author
この記事を書いた人オガワ シンヤ
FacebookTwitter

DesignSupply.代表 / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はチョコレートが欠かせない三十路Webクリエイター。

制作のご依頼やお問い合わせ・パートナー業務提携のご相談はこちら

デザインやウェブ制作についてのご依頼やご相談、その他お問い合わせなどもお気軽にご連絡ください。フットワークの軽さやレスポンスの早さ、また豊富な経験や知識、技術を活かした対応力といったフリーランスクリエイターの強みでクライアント様、パートナー企業様のお力になります。デザインからコーディングやWordPress実装といったウェブサイト構築はもちろん、写真撮影や動画編集、コンテンツ制作からサイト運用サポートまで一括してお任せください。

ホームページ制作のご検討やウェブ運用でお悩みの経営者様や企業のウェブ担当者様をはじめ、個人で店舗を営んでいらっしゃるオーナー様、フリーで活動されているビジネスオーナー様はもちろんのこと、リソース不足でお困りの制作会社様、またクリエイターをお探しの代理店様も大歓迎です。

コンタクトをご希望の方はお手数ですが、下記よりお問い合わせフォームのページへアクセスしていただき、必要事項を入力の上メッセージを送信してください。確認でき次第すぐに折り返しご連絡致します。

こんな記事も読まれています

コメントもお気軽にどうぞ

記事に関するご質問やご意見などありましたら下記のコメントフォームよりお気軽に投稿ください。なおメールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


ページトップへ
大阪市天王寺区のホームページ制作デザイン事務所(SOHO)DesignSupply.【デザインサプライ】