Illustratorで複数のパスを同時にパス編集モードにしたい

Illustratorで複数のパスを同時に編集モードにする手順を紹介します。

概要

パスの編集時にほかのパスの頂点やハンドルを選択、操作しないようにする方法として、パスの編集モードを利用する方法があります。 パスの編集モードになると、編集対象のパスのみが操作でき、他のパスを選択することが防げます。
しかし、複数のパスを連結する場合など、同時に複数のパスを編集モードにしたいことがあります。 この記事では、複数のパスを編集モードにする手順を紹介します。

事前準備

下図の画像を用意します。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像1

6つの曲線のパスが描画されています。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像2

6つのパスの一方の端点は一か所に重なっています。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像3

同じ色のパスを端点で結合したいですが、パスの端点をうまく選択できないため、 同じ色のパス2つを同時に編集モードにしたいです。

手順:グループ化を利用する

グループ化を利用する方法を紹介します。
同時に編集したいパスを選択します。今回は赤色のパス2つを選択します。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像4

右クリックしてポップアップメニューを表示し、[グループ]の項目をクリックします。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像5

グループ化されました。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像6

パスをダブルクリックします。パスの編集モードに切り替わります。 このときパス単体の編集ではなくグループの編集状態になり、2つのパスを選択できる状態になります。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像7

[ダイレクト選択]ツールで、パスの端点を範囲選択で選択します。赤色のパスの端点のみを選択できます。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像8

[Ctrl]+[J]キーでパスの結合ができます。パスの結合の詳細はこちらの記事も参照してください。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像9

手順:サブレイヤーを利用する

サブレイヤーを利用する手順を紹介します。

パスを描画した状態です。一つのレイヤー内に6つのパスが配置されています。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像10 Illustratorで複数のパスを同時にパス編集モードにしたい:画像11

レイヤーパネルでレイヤーの項目をクリックして選択します。 レイヤーパネルの右下の[新規サブレイヤーを作成]ボタンをクリックします。
サブレイヤー作成の詳細はこちらの記事を参照してください。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像12 Illustratorで複数のパスを同時にパス編集モードにしたい:画像13

選択したレイヤー内にサブレイヤーが作成されました。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像14 Illustratorで複数のパスを同時にパス編集モードにしたい:画像15

同時に編集したいパスをサブレイヤー内に移動します。今回は青色の2つのパスをレイヤーパネルで選択します。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像16 Illustratorで複数のパスを同時にパス編集モードにしたい:画像17

レイヤーパネルで、選択したパスの項目をドラッグしてサブレイヤーの項目にドロップします。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像18 Illustratorで複数のパスを同時にパス編集モードにしたい:画像19

ドロップすると、サブレイヤーにパスが移動できました。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像20 Illustratorで複数のパスを同時にパス編集モードにしたい:画像21

サブレイヤーに移動した青色のパスのどちらかをダブルクリックして、パスの編集モードに切り替えます。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像22

パスの編集モードに切り替え直後は選択したパスの編集モードですが、 ウィンドウ上部にサブレイヤーの項目(一つ上のレイヤー)があります。項目をクリックします。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像23

サブレイヤーの編集モードに切り替わります。サブレイヤーに属しているオブジェクトが選択可能になります。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像24

[ダイレクト選択]ツールで、パスの端点を範囲選択で選択します。青色のパスの端点のみを選択できます。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像25

[Ctrl]+[J]キーでパスの結合ができます。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像26

サブレイヤーを利用して複数のパスを同時に編集状態にできました。
Illustratorで複数のパスを同時にパス編集モードにしたい:画像27

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2024-05-08