目次

鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する

目次

シャープなコーナーから曲線のハンドルを引き出す手順を紹介します。
ハンドルのないアンカーポイントにハンドルを作成する手順になります。

現象

曲線ツールで描画したパスがあります。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像1

[ダイレクト選択ツール]を利用するとパスの頂点を編集できます。同時に選択した頂点の位置から直線のハンドルが表示され、曲線のハンドルを変更することもできます。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像2
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像3

曲線のハンドルをドラッグして向きを変えると、曲線の曲がり具合を変更できます。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像4
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像5

しかし、曲線ではない図形やペンツールで描画した角が鋭角な図形の場合、[ダイレクト選択ツール]で頂点を選択しても曲線のハンドルが表示されません。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像6

このページでは、角が鋭角な図形の場合に曲線ハンドルを引き出す手順を紹介します。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像7

手順

頂点から曲線のハンドルを引き出す場合は、ツールパレットから[アンカーポイントツール]をクリックして選択します。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像8

鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像9

[アンカーポイントツール]が選択された状態で、頂点をクリックして、そのままドラッグすると曲線のハンドルが表示されます。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像10

ハンドルを操作することで曲線の形状を変形できます。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像11

鋭角な角の頂点を曲線に変更できました。

ペンツールで描かれた多角形の場合も同様の手順でできます。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像12

[アンカーポイントツール]をクリックして選択し曲線にしたい頂点をクリックし、そのままドラッグします。頂点からハンドルが引き出されます。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像13

ドラッグしてハンドルの形状を決めます。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像14

鋭角な頂点を曲線に変更できました。
鋭角な角の頂点から曲線のハンドルを引き出す - ハンドルのないアンカーポイントにハンドルを作成する:画像15

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