パスの角を丸くする

Illustratorでパスの角やパスで描画された多角形の角を丸くする手順を紹介します。

手順 : 閉じたパスの場合

ペンツールで閉じたパスを描画します。
パスの角を丸くする:画像1

[選択ツール]で描画したパスをクリックして選択します。
パスの角を丸くする:画像2

パスが選択された状態で、ツールパレットの[ダイレクト選択ツール]のボタンをクリックします。
パスの角を丸くする:画像3

パスのコンポーネントが選択された状態になります。
パスの角を丸くする:画像4

パスの頂点の隣にある二重丸のハンドルをクリックして選択し、ドラッグします。
パスの角を丸くする:画像5

ハンドルをドラッグすると、角が徐々に丸くなります。
パスの角を丸くする:画像6

ドラッグを完了するとパスの変形も完了します。
パスの角を丸くする:画像7

パスの角を丸くすることができました。
パスの角を丸くする:画像8

パスの角を丸くする:画像9

手順 : 閉じていないパスの場合

ペンツールでパスを描画します。
パスの角を丸くする:画像10

[選択ツール]で描画したパスをクリックして選択します。
パスの角を丸くする:画像11

パスが選択された状態で、ツールパレットの[ダイレクト選択ツール]ボタンをクリックします。
パスの角を丸くする:画像12

パスのコンポーネント編集モードの表示になります。
パスの角を丸くする:画像13

頂点の近くにある二重丸のハンドルをドラッグします。パスの角がドラッグすると徐々に丸くなります。
パスの角を丸くする:画像14

ドラッグを完了するとパスの変形も完了します。
パスの角を丸くする:画像15

パスの角を丸くできました。
パスの角を丸くする:画像16

ダイレクト選択に関する補足

描画したパスを選択ツールで選択した状態で、ツールパレットの[ダイレクト選択ツール]ボタンをクリックします。
パスの角を丸くする:画像17

パスのすべての頂点が選択された状態で、パスコンポーネントの編集画面に切り替わります。
パスの角を丸くする:画像18

一方で描画したパスが選択されていない状態で、ツールパレットの[ダイレクト選択ツール]ボタンをクリックした場合、パスのコンポーネントが選択されない状態になります。
パスの角を丸くする:画像19

この場合は、キャンバスをドラッグして図形全体をドラッグ枠で範囲選択します。
パスの角を丸くする:画像20

範囲選択された領域のパスのコンポーネントが選択された状態になります。
パスの角を丸くする:画像21

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