【Illustrator】複合パスとは-複合パスの使い方
![](https://www.beginavi.net/wp-content/uploads/2024/02/f54de198b216733e8c37344a4ce858c2-10-640x360.webp)
![](https://www.beginavi.net/wp-content/uploads/2021/06/4495bed8051fcc9fd4ac4bababda36e3.png)
以前複数のオブジェクトにパスファインダーを使う時、複合パスでひとつのパスにすると学びましたが、
![](https://www.beginavi.net/wp-content/uploads/2021/06/4495bed8051fcc9fd4ac4bababda36e3.png)
複合パスとは何でしょう?
![](https://www.beginavi.net/wp-content/uploads/2021/06/8ec75cb3a9b9c07902b609a40f7795f8.png)
今回は複合パスについて学びましょう
複合パスとは
複合パスとは複数のパスを1つのパスとして扱うことができるもので、
パスが重なっている箇所は透明になります。
このように2つの図形を重ねた時、両方を選択して
![](https://www.beginavi.net/wp-content/uploads/2024/02/48acf26f3e239bfe3a3bf00b91a87a9a-9-640x360.webp)
「オブジェクト」から「複合パス」→「作成」
![](https://www.beginavi.net/wp-content/uploads/2024/02/b10fdc617cdd923392348dd2293d12f7-8-640x217.webp)
するとこのように重なっている部分が透明になります。
下に重なっている色のオブジェクトになります。
![](https://www.beginavi.net/wp-content/uploads/2024/02/ab5ebd7c606ddb3e63131aae650195fe-9-640x360.webp)
ちなみにこれはオブジェクトが重なっていなくても複合パスにすると下になっている方の色が適用されます。
![](https://www.beginavi.net/wp-content/uploads/2024/02/243c2bbfec9efcb35de9f3761a23cebd-7-640x360.webp)
パスファインファイの「中マド」と似ていますが「中マド」は上に重なっている色になります。
![](https://www.beginavi.net/wp-content/uploads/2024/02/2fda615f6f885703ebdb48ec5bf55574-1-640x360.webp)
複合パスとパスファインダーの違い
先ほどもお伝えしましたが、複合パスでは下にある画像の色が適用されます。
中マドでは上のオブジェクトの色が適用されます。
![](https://www.beginavi.net/wp-content/uploads/2024/02/22a8133c479f8ed316447184cde0a3a8-640x360.webp)
それぞれ編集モードにします
複合パスでは編集モードで重なり具合などを編集することができます。
中マドの方は完全にパスが分かれています。
![](https://www.beginavi.net/wp-content/uploads/2024/02/b6ba8a650d3dee3539736acbe9def87d-640x360.webp)
複合パスではパスがひとつになるので色を変えると同じ色
中マドではパスが分けれるので別々の色にすることができますが形を編集することができません。
![](https://www.beginavi.net/wp-content/uploads/2024/02/33bdc58567db93b0939bbb872731f2e1-640x360.webp)
『Altキー』を押しながらパスファインダー『中マド』をクリックしたのと同じ挙動。
![](https://www.beginavi.net/wp-content/uploads/2024/02/78d3ece220f476201d5cf5e1d0bc13c5-640x360.webp)
自然にできる複合パス
文字なども複合パスでできています。
文字をアウトライン化します。
次に複合パスを解除します。
![](https://www.beginavi.net/wp-content/uploads/2024/05/02-01-1-640x358.webp)
このようにAやBやDの穴の部分はオブジェクトがあることが分かります。
この複数のオブジェクトを複合パスにして作られていたのが分かります。
![](https://www.beginavi.net/wp-content/uploads/2024/05/03-01-2-640x358.webp)
解除すると色を変更することができます。
![](https://www.beginavi.net/wp-content/uploads/2024/05/01-01-2-640x358.webp)
複数のオブジェクトを一度に型抜く時複合パスが便利
まずはパスファインダーの『前面オブジェクトで型抜き』でやってみましょう。
オレンジの三角を緑の線で型抜きたいと思います。
「ウィンドウ」から「パスファインダー」を出します。
![](https://www.beginavi.net/wp-content/uploads/2024/02/30cc1b43dd4e310b46806482288eed60-8-640x217.webp)
全てのオブジェクトを選択して、そのままパスファインダーの「全面オブジェクトで型抜き」すると
![](https://www.beginavi.net/wp-content/uploads/2024/02/2d89425e2ac12f1f89af9574c585ab39-8-640x360.webp)
三角ひとつだけになってしまいました。
![](https://www.beginavi.net/wp-content/uploads/2024/02/f33cd6aa9ca4ec8245f81ed324d34045-2-640x360.webp)
複合パスでひとつのパスにする
先に三角だけ3つ選択して
![](https://www.beginavi.net/wp-content/uploads/2024/02/0e1c1aa80f0b0b3aff87a15303feeb47-6-640x360.webp)
「オブジェクト」から「複合パス」→「作成」
そうしてから先程と同じように全部選択してパスファインダーの「全面オブジェクトで型抜き」
するとこのようにきれいに抜くことができました。
![](https://www.beginavi.net/wp-content/uploads/2024/02/2ad8424bbfcd05f125db6b5b7ca0e1a1-5-640x360.webp)
型抜きするとグループになっているので右クリックで「グループ解除」するとバラバラのオブジェクトにすることができます。
![](https://www.beginavi.net/wp-content/uploads/2024/02/f13ba1a0586841f8d393e2e745043783-3-640x360.webp)
複合パスは後から編集することができる
このような2つの図形を両方選択して
![](https://www.beginavi.net/wp-content/uploads/2024/02/6f36302de1bd286e355f60636140204c-2-640x360.webp)
右クリックで「複合パスを作成」
![](https://www.beginavi.net/wp-content/uploads/2024/02/c61157d8eed6233cb36fe9048a884f7e-3-640x360.webp)
オブジェクトが重なっているところが透明になりました。
![](https://www.beginavi.net/wp-content/uploads/2024/02/685135e81fe095850f7ff568c817503d-2-640x360.webp)
右クリックして「複合パス編集モード」を選択すると
![](https://www.beginavi.net/wp-content/uploads/2024/02/86f96a2d158914149f25d9f933cc9683-3-640x283.webp)
このように後から位置などそれぞれのオブジェクトを編集できます。
![](https://www.beginavi.net/wp-content/uploads/2024/02/43864f47a9352a175baa74d0b89c25f8-2-640x360.webp)
**********
重なっているところが透明になるのでこのような表現もできます。
![](https://www.beginavi.net/wp-content/uploads/2024/02/a533831578dbdfac38a45e0d2f60088b-2-640x360.webp)
複合パスとクリッピングマスクを合わせて使う
クリッピングマスクと合わせて使うとこのようなこともできます。
![](https://www.beginavi.net/wp-content/uploads/2024/02/2edeb4b7aa6a194c310e743462809ed8-1-640x360.webp)
お好きなテキストを入力します。
フォントは太めの方が良いでしょう。
![](https://www.beginavi.net/wp-content/uploads/2024/02/3819539ef1f5ef0e9afbccaed98183a2-3-640x360.webp)
全選択して「書式」から「アウトラインを作成」テキストをアウトライン化しておきます。
次に全選択したまま「オブジェクト」から「複合パス」→「作成」
![](https://www.beginavi.net/wp-content/uploads/2024/02/619976b861ca56b35c3eb517b29a7b99-640x191.webp)
型抜きしたい画像を文字の背面に配置します。
こちらの画像は無料写真素材なら【写真AC】“>フォトACからダウンロードすることができます。
![](https://www.beginavi.net/wp-content/uploads/2024/02/4d650951052a9db8262c984659fd396a-2-640x360.webp)
「オブジェクト」から「クリッピング」→「作成」
![](https://www.beginavi.net/wp-content/uploads/2024/02/c22132c1b019efac2e5f9981fd7b2475-1-640x115.webp)
するとこのように画像をテキストで抜いたような表現ができます。
![](https://www.beginavi.net/wp-content/uploads/2024/02/2edeb4b7aa6a194c310e743462809ed8-2-640x360.webp)
【Illustrator】複合パスとは-複合パスの使い方まとめ
同じカテゴリの記事一覧へ戻る