パスとパスを連結する (端点でパスを連結する)

ふぉむほむ
質問: Illustratorでのパスの連結
2つのパスがあり、それぞれの端点どうしを連結して1つのパスにしたいです。どのような操作をすれば、パスを連結できるでしょうか
Illustratorで2つのパスの端点でパスを連結します。
メモ
複数のパスを連結して、閉じた図形のパスにする手順はこちらの記事を参照してください。

手順:パスを選択する方法

ドキュメント(キャンバス)を作成します。
パスとパスを連結する (端点でパスを連結する):画像1

[直線ツール]でキャンバス上をドラッグし線を描画します。
パスとパスを連結する (端点でパスを連結する):画像2

線のパスが描画できました。
パスとパスを連結する (端点でパスを連結する):画像3

同様の手順でもう一本線を描画します。先ほど描いた線のパスとつなげて描画します。
パスとパスを連結する (端点でパスを連結する):画像4 パスとパスを連結する (端点でパスを連結する):画像5
パスとパスを連結する (端点でパスを連結する):画像6 パスとパスを連結する (端点でパスを連結する):画像7

ツールパレットの[選択ツール]を選択し、上のパスをクリックして選択します。下図の結果となります。
パスとパスを連結する (端点でパスを連結する):画像8

下のパスをクリックして選択した場合は下図の結果となります。この段階では上のパスと下のパスは分断されていることが分かります。
パスとパスを連結する (端点でパスを連結する):画像9

[選択ツール]を選択し、両方のパスを含むようにキャンバスをドラッグするか、または[Shift]キーを押しながらパスをクリックし両方のパスを選択します。 2つのパスが選択された状態になります。
パスとパスを連結する (端点でパスを連結する):画像10

[オブジェクト]メニューの[パス]サブメニューの[連結]の項目をクリックします。
パスとパスを連結する (端点でパスを連結する):画像11

重なっている端点部分でパスが接続されました。
パスとパスを連結する (端点でパスを連結する):画像12

[選択ツール]でパスを選択すると、上のパスと下のパス両方が選択されます。
パスとパスを連結する (端点でパスを連結する):画像13

また、[ダイレクト選択ツールで]接続した頂点を移動すると、上のパスと下のパス両方の頂点になっていることも確認できます。
パスとパスを連結する (端点でパスを連結する):画像14

手順:ダイレクト選択ツールで頂点を選択する方法

ペンツールで下図の2つのパスを作成します。
パスとパスを連結する (端点でパスを連結する):画像15

ツールパレットの[ダイレクト選択ツール]のボタンをクリックして選択します。
パスとパスを連結する (端点でパスを連結する):画像16

パスの端点をドラッグしてもう一方のパスの端点の位置に移動します。
パスとパスを連結する (端点でパスを連結する):画像17

重ねた頂点の範囲をドラッグして2つの頂点を選択します。
パスとパスを連結する (端点でパスを連結する):画像18

パスとパスを連結する (端点でパスを連結する):画像19

[オブジェクト]メニューの[パス]サブメニューの[連結]の項目をクリックします。
または、[Ctrl]+[J] キーを押します。
パスとパスを連結する (端点でパスを連結する):画像20

頂点どうしが接続され、1つのパスになります。ハンドルの形状が変化したことで接続できたことがわかります。
パスとパスを連結する (端点でパスを連結する):画像21

ハンドルの位置を変更するとカーブを変更できます。ハンドルを変更すると接続した部分が変化することからも、 2つのパスが連結されていることがわかります。
パスとパスを連結する (端点でパスを連結する):画像22

パスが連結できました。
パスとパスを連結する (端点でパスを連結する):画像23

手順:連結ツールを利用する方法

連結ツールを利用する場合の手順です。下図のパスがあります。
パスとパスを連結する (端点でパスを連結する):画像24

ツールパレットの[連結]ツールのボタンをクリックして連結ツールを選択します。
パスとパスを連結する (端点でパスを連結する):画像25

ツールパレットに[連結]ツールのボタンが表示されていない場合は、ツールパレット下部の[...]ボタンをクリックし、 ツール一覧から[連結]ツールのボタンをクリックして選択するか、[連結]ツールのボタンをドラッグしてツールパレット上に移動した後に、 ボタンをクリックして、連結ツールを選択します。
パスとパスを連結する (端点でパスを連結する):画像26

連結したいパスの端点と端点をドラッグします。(下図参照)
パスとパスを連結する (端点でパスを連結する):画像27

ドラッグを完了すると、2つのパスが連結されます。
パスとパスを連結する (端点でパスを連結する):画像28

2つのパスの端点で連結できました。
パスとパスを連結する (端点でパスを連結する):画像29
AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2012-08-02
改訂日: 2022-10-22
Copyright © 1995–2025 iPentec all rights reserverd.