複合シェイプをパスに変換する

Illustratorで複合シェイプをパスに変換する手順を紹介します。

手順

Illustratorで複合シェイプを作成します。複合シェイプの作成手順はこちらの記事を参照してください。
複合シェイプをパスに変換する:画像1

複合シェイプのため、元の図形を移動や変形できます。
複合シェイプをパスに変換する:画像2

レイヤーの状態です。複合シェイプの中に複数のシェイプが存在していることが確認できます。
複合シェイプをパスに変換する:画像3

複合シェイプで作成された図形を編集するため、複合シェイプを通常のシェイプに変換します。パスファインダーパネルを表示します。
複合シェイプをパスに変換する:画像4

複合シェイプを選択ツールで選択します。パスファインダーパネルの[拡張]ボタンをクリックします。
複合シェイプをパスに変換する:画像5
複合シェイプをパスに変換する:画像6

拡張ボタンをクリックすると複合シェイプがパスに変換されます。
複合シェイプをパスに変換する:画像7

レイヤー表示を確認します。一つのパスに変換されていることが核にできます。
複合シェイプをパスに変換する:画像8

パスに変換されているため、頂点の移動やアンカーポイントの追加ができます。
複合シェイプをパスに変換する:画像9

手順:穴のある図形の場合

複合シェイプで穴のある図形の場合の例です。
複合シェイプで下図の図形を作成します。
複合シェイプをパスに変換する:画像10

レイヤーの状態を確認します。複合シェイプ内に複数の図形が配置されています。
複合シェイプをパスに変換する:画像11

複合シェイプのため、くりぬく元の図形を移動させたり、変形させることができます。
複合シェイプをパスに変換する:画像12

先の手順と同様に、パスファインダーパネルを表示し、複合シェイプを選択します。パスファインダーパネルの[拡張]ボタンをクリックします。
複合シェイプをパスに変換する:画像13

複合シェイプがパスに変換されました。
複合シェイプをパスに変換する:画像14

穴のある図形の場合は、複合パスに変換されます。
複合シェイプをパスに変換する:画像15


複合シェイプをパスに変換できました。

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2022-01-22
Copyright © 1995–2025 iPentec all rights reserverd.