• はてなブックマーク
  • RSS
  • Line

2022.11.01 Tue2023.01.20 Fri

Illustrator逆引き辞典「図形」編

図形の角を丸くする方法(角丸)

Illustrator(イラレ)で、図形の角を丸くする方法を紹介します。「ライブコーナーウィジェット」や、「スタイライズ」の「角を丸くする」を使うと四角形などの角を簡単に丸めることができます。丸みを細かく設定する方法や、丸くできないときの対処も解説します。

■使用する機能「ライブコーナーウィジェット」「ダイレクト選択ツール」「角を丸くする」

1.図形の角を丸くする(ライブコーナーウィジェットを使う方法)

ダイレクト選択ツールでオブジェクトをクリックすると、角(コーナーポイント)の内側に丸中黒(○の中に少し小さな●が含まれたもの)が表示されます(図1)

図1。角の内側(正確にはコーナーポイントの角度の狭い側)に表示される丸中黒を、ライブコーナーウィジェットと呼ぶ。オブジェクトによってはダイレクト選択ツールだけでなく、選択ツールで選択した場合にも、ライブコーナーウィジェットが表示されることがある

これが「ライブコーナーウィジェット」です。表示されない場合は、コーナーウィジェットを隠す設定になっている可能性があるので、表示メニュー→“コーナーウィジェットを表示”を選んで表示をオンにしておきましょう。

ライブコーナーウィジェットを内側にドラッグすると、パス全体の角を丸くすることが可能です。いずれか1つのライブコーナーウィジェットをクリックしてからドラッグした場合は、その角だけを丸くできます(図2)

図2

丸めた角は、optionキー(Macの場合。WindowsではAltキー)を押しながらそのライブコーナーウィジェットをクリックすると角の形(コーナースタイル)を変えることが可能です。コーナースタイルは全部で3種類あり、クリックするごとに「角丸(外側)」→「角丸(内側)」→「面取り」という具合に変化します(図3)

図3。optionキーまたはAltキーを押しながら、ライブコーナーウィジェットをクリックすることで、角の形状を変えることができる

2.角の丸みを詳細に設定する

ライブコーナーウィジェットをダイレクト選択ツールでダブルクリックすると、「コーナー」ダイアログが表示され、角を詳細に設定することができます(図4)

図4。「コーナー」ダイアログでは角を詳細に設定できる

ダイアログの[コーナー]では角の形状を、[半径]では角の丸み、[角丸]では相対値と絶対値を選択することができます。

指定した半径の数値通りに丸みをつけたい場合は[角丸:絶対値]を、角のとがり具合に合わせた丸みにしたい場合は[角丸:相対値]を選ぶのがおすすめです。

たとえば[角丸:相対値]にすると、とがった角はカーブも急になります(図5)

図5。[角丸]の設定による違い。[角丸:相対値]だととがった角は少し急なカーブになっているのがわかる

また、ウィンドウメニュー→“変形”を選んで変形パネルを表示し、[角の種類]を選んだり、[角丸の半径]に数値を入力することでも詳細に設定できます(図6)

図6。変形パネルでも角の詳細を設定できる

3.図形の角を丸くする(スタイライズを使う方法)

図形の角を丸めるもうひとつの方法に、「スタイライズ」の「角を丸くする」を使う方法があります。オブジェクトを選択した状態で、効果メニュー→“スタイライズ”→“角を丸くする...”を選んで[半径]に数値を入力すると、すべての角がその半径で丸くなります(図7)

図7。重ね合わせた大小の正方形を選択して「角を丸くする」を適用したところ。[半径]の数値を上げて角の丸みを大きくしていくと、図のように最終的に円形になる

4.図形の角を丸める際に注意する点

ライブコーナーウィジェットを使って図形の角を丸くしたとき、角丸のカーブの終点に新しくアンカーポイントが生成されます。

角の丸みを大きくしていくと、この新しいアンカーポイントが隣接するアンカーポイントに到達することがありますが、その場合は角をそれ以上丸くすることはできません。このとき、角丸のパスは赤い線でプレビュー表示されます(図8)

図8。ライブコーナーウィジェットで角を丸くすると、角丸のカーブの終点に新しくアンカーポイントが生成される。このポイントが隣接するポイントに到達すると、それ以上は角を丸くすることはできない

また、隣接するアンカーポイントが近すぎる場合などは、角が丸くならないことがあるので注意しましょう(図9)

図9。アンカーポイントの位置によっては角を丸くできないこともある

以上、Illustratorで図形の角を丸くする方法でした。 
●構成:編集部、専門学校講師のイラレさん ●制作:専門学校講師のイラレさん ●編集:山口優

著者プロフィール

専門学校講師のイラレさん
専門学校講師/YouTuber
Adobe Illustratorの使い方を教えている通称「イラレさん」。「誰でも楽しく学べる」を信条に専門学校の講師を行いながらYouTubeをメインに活動。分かりやすさが好評で、動画の平均高評価率98%以上。動画を通じ2万人以上に教えている。 Youtubeチャンネル:https://www.youtube.com/channel/UC5UvWEDpPVe8uA8AroD1G_A
  • Twitter

「図形」の他の記事

一覧を見る