2つのパスの交点でパスを結合する

Illustratorで2つのパスの交点でパスを結合する手順を紹介します。

概要

こちらの記事ではパスの端点どうしで接続する手順を紹介しました。編集状況によっては、パスの端点ではなく、パス同士が交差した点で、パスを接続したい場合もあります。 この記事では、パスの交点でパスを接続して結合する手順を紹介します。

手順

Illustratorを起動し、下図の図形を作成します。直線が3本あり、交差している状態の図です。
2つのパスの交点でパスを結合する:画像1

連結ツールのツールパレットへの追加

ツールパレットのウィンドウの一番下の[...](ツールバーを編集)ボタンをクリックします。
2つのパスの交点でパスを結合する:画像2 2つのパスの交点でパスを結合する:画像3

ボタンをクリックすると、ツールの一覧ウィンドウが右側に表示されます。
2つのパスの交点でパスを結合する:画像4

[連結ツール]のボタンをドラッグしてツールパレットにドロップします。
2つのパスの交点でパスを結合する:画像5 2つのパスの交点でパスを結合する:画像6

[連結ツール]のボタンがツールパレットに追加できました。
2つのパスの交点でパスを結合する:画像7 2つのパスの交点でパスを結合する:画像8

パスの交点での結合

ツールパレットの[連結ツール]のボタンをクリックして選択します。
2つのパスの交点でパスを結合する:画像9

パスの交点でドラッグします。
2つのパスの交点でパスを結合する:画像10

ドラッグした状態です。
2つのパスの交点でパスを結合する:画像11

ドラッグを完了すると、パスが交点で結合します。交点から先のパスは削除され、消去されます。
2つのパスの交点でパスを結合する:画像12

ほかの交点も同様にドラッグして結合できます。
2つのパスの交点でパスを結合する:画像13 2つのパスの交点でパスを結合する:画像14
2つのパスの交点でパスを結合する:画像15 2つのパスの交点でパスを結合する:画像16

結合すると一つの閉じた図形になります。
2つのパスの交点でパスを結合する:画像17
2つのパスの交点でパスを結合する:画像18

パスの交点で結合する手順を紹介しました。

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