Adobe認定トレーニングセンター

複合パス知識編

Illustrator

複合パスを掘り下げてみよう〜知識編〜

使用ソフト: Illustrator CC2020  

Illustratorを使用していると何かと耳にする機会の多い「複合パス」
例えば文字をアウトライン化した時によく左上に「複合パス」と表示されるのをご存知の方も多いでしょう。
複合パスの例
その「複合パス」について2回に分けて解説をします。
今回は知識編です。

そもそも複合パスとは?

複合パスとは・・・複合パスとは、複数のパスを1つのパスとして扱っているもので、パスが重なり合った部分は透明に抜けて表示されます。オブジェクトを複合パスに変換すると、複合パスに含まれるすべてのオブジェクトに、最背面のオブジェクトのペイント属性とスタイル属性が適用されます。

グループ化との違いは?

そこで疑問になるのが「複数のパスを1つのパスとして扱っている」点です。
それならばグループ化した時と同じでは?と思われるかもしれません。
その違いをそれぞれ見ていきましょう。
グループ化の場合
グループ化の場合
アピアランスパネルを見てみると「グループ」としか表示されていないのが確認できます。
グループ化するとそれぞれの図形が自らのアピアランスを保ったまま同じ動き(拡大・縮小など)をします。
それぞれのアピアランスを含んでいる情報なので「グループ」としか表示されません。

複合パスの場合
複合パスの場合
アピアランスパネルを見てみると「緑」の方のアピアランスが両方に適用されているのが確認できます。
複合パス化すると前述したように“オブジェクトを複合パスに変換すると、複合パスに含まれるすべてのオブジェクトに、最背面のオブジェクトのペイント属性とスタイル属性が適用される”のです。
今回のケースであれば「緑」が最背面なのでそのペイント属性とスタイル属性が「青」の方にも適用されたと言えます。
またパスが重なり合った部分は透明に抜けて表示されます。
アピアランスパネルに「緑」のアピアランスだけが表示された理由も“複数のパスを1つのパスとして扱っているもの”だからです。

まとめ(グループ化との違い)

  • グループではそれぞれ自らのアピアランスを持つ↔︎複合パスではアピアランスを共有する
  • グループでは重なり合う部分に変化は見られない↔︎複合パスではパスが重なり合った部分は透明に抜けて表示される
  • グループではそれぞれのアピアランスはパネルには表示されない↔︎複合パスでは最背面のアピアランスが表示される
  • グループではオブジェクト自体が変化することはあまりない↔︎複合パスでは最背面と同じペイント属性やスタイル属性が適用される
案外見かける複合パス

冒頭でもお伝えしましたがよく見かける複合パスといえばアウトライン化した文字が挙げられます。
中が透明に抜けて表示されているものがそうです。
複合パスの例
身近にある複合パスを解体してみましょう。
1.アウトライン化したのちにグループを解除します
2.[オブジェクト]→[複合パス]→[解除]を選択します
複合パスを解除
するとこのようになります。これで内側と外側のアピアランスを変更する事が可能になりました。
複合パスを解除後
3.塗りなどを変更してみましょう
中はもちろん
中の塗りの変更
外側も変更できます!
中と外の塗りを変更

複合パスについてのまとめ
  • 最背面のアピアランスを共有する
  • パスが重なり合った部分は透明に抜けて表示される
  • 最背面のアピアランスが[アピアランス]パネルに表示される
  • 最背面と同じペイント属性やスタイル属性が適用される
  • 中が透明に抜けて表示されている文字は複合パス

複合パス〜知識編〜いかがでしたでしょうか?
次回は複合パス〜実践編〜です!

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Illustrator

    矢印の違いって?

    Illustrator使ってみたけど・・・。この矢印カーソル、黒と白で…

  2. Illustrator

    オブジェクトにトンボをつけよう

    トンボについて印刷物を作成する際に、仕上がりサイズや断裁する位置、…

  3. Illustrator

    「鉛筆ツール」で直線を描こう!

    イラストレーター(Illustrator)の「鉛筆ツール」はフリーハン…

  4. Illustrator

    同じ色のオブジェクトだけをまとめて選択する方法

    様々な色のオブジェクトが並んでいる中から、同じ色のものだけを一括で選択…

  5. Illustrator

    暑中見舞いを作ろうー裏面のデザインー

    Illustratorを使って季節の挨拶状を作りたいという方もいらっし…

  6. メビウスの輪

    Illustrator

    オブジェクトを組み合わせて立体感のある輪を作ろう

    いきなりですが皆さんメビウスの輪をご存知ですか?下のような輪のこと…

Language

CodeCamp

最近の記事

  1. 意外と知らない歯車の作り方
  2. アルミの質感を作ろう
  3. 寸法線の作りかた
  4. 印鑑風
  5. ホラー風の文字を作ろう
  1. ウイスキーのボトルと本とバラの造花

    Others

    ブツ撮りをしてみよう Vol.2〜蛍光灯ライティング
  2. Photoshop

    Photoshopで雪を降らせてみよう
  3. Photoshop

    画像に光のエフェクトを足してみよう
  4. Illustrator

    “Image Trace” : For those wh…
  5. Illustrator

    Easy drawing with Shape tools in Illustr…
PAGE TOP