※ Adobe® Illustrator® software （2025）を使って解説しています。
CGDOOR今回は、Illustratorの「ライブコーナーウィジェット」で図形の角を丸くする方法、Illustratorの「効果」➔「スタイライズ」で図形の角を丸くする方法、角丸を細かく数値指定する方法をご紹介します。
Illustratorで図形の角を丸くする【方法１】
「ライブコーナーウィジェット」で簡単に角丸を作る
- ライブコーナーウィジェットはどこにある？
- 長方形などの図形を描画してみて下さい。図形の四角の内側にライブコーナーウィジェットはあります。中央に点のある小さい丸が表示されていますね。これが「ライブコーナーウィジェット」です。「ライブコーナーウィジェット」の１つを内側にドラッグすることで、角を丸くしたり、凹ませたり、図形の形状を自在に変えることができます。
「ライブコーナーウィジェット」が出ていない時は、「表示」メニュー➔「コーナーウィジェットを表示」をクリックします。逆に、「ライブコーナーウィジェット」が邪魔な時は「表示」メニュー➔「コーナーウィジェットを隠す」をクリックします。
- 角丸長方形の角の丸みを調節する
- Illustratorの図形ツールには「角丸長方形ツール」があるので、角が適度に丸い四角を作るなら、ただ描画するだけで完了です。ただ、この場合でも、角の丸みを調整するのにコーナーウィジェットは必要です。
角丸長方形の角の丸みを縮小させたい場合はコーナーウィジェットを外側にドラッグし、逆に丸みを拡大させたい場合は内側にドラッグします。限界まで縮小すると長方形になり、限界まで拡大すると楕円に近づきます。 - 図形の一部だけ角を丸くする
- Illustratorの「長方形ツール」で描いた四角の一部だけ角丸にする時は、ライブコーナーウィジェットの一つをクリックします。中央にある点が消えて白丸だけになれば選択完了です。そのままコーナーウィジェットを内側にドラッグすると、その角だけが丸くなります。
Shift（Command）を押しながら別のコーナーウィジェットをクリックして複数の角を選択すれば、同時に同じ半径の角丸を適用することもできます。 - 角丸の種類を「外側」「内側」「面取り」に変更する
- Alt（Option）を押しながらライブコーナーウィジェットをクリックすると、クリックごとに角丸の種類が「角丸（外側）」➔「角丸（内側）」➔「面取り」と変化します。
※「面取り」は角丸ではなく、角と平行に直線で切り落とす処理です。 - 角丸のカーブを調節する
- 「ダイレクト選択ツール」に切り替えて、ライブコーナーウィジェットをダブルクリックすると、「コーナー」ダイアログが開きます。ここでは「角丸の種類」「角丸の半径」の設定の他、「角丸のカーブ」を「相対値」「絶対値」から選べるようになっています。四角形の角ではあまり意味がありませんが、三角形のように狭く尖った角を角丸にする場合には違いが出てきます。
「角丸」を「相対値」にした三角形と「絶対値」にした三角形の比較です。
Illustratorで図形の角を丸くする【方法２】
「効果」➔「スタイライズ」で角丸を作る
ライブコーナーウィジェットはIllustratorの比較的新しい機能です。対して「効果」➔「スタイライズ」で図形の角を丸める方法は従来型と言えます。
手順は、角を丸める図形を選択し、「効果」メニュー➔「スタイライズ」➔「角を丸くする」をクリックします。簡単なダイアログが開くので、角丸の半径の数値を入力して「OK」します。この方法に慣れているユーザーには使いやすいかもしれません。
Illustratorで図形の角を丸くする【方法３】
「変形」パネルで角丸を細かく設定する
コーナーウィジェットを選択ツールでダブルクリックする、または「ウィンドウ」メニュー➔「変形」をクリックして「変形」パネルを開きます。長方形を例にすると、「変形」パネルの中に「長方形のプロパティ」というオプションが表示されます。
- 角丸の数値を指定する
- ここでは、それぞれの角を数値で指定できるようになっており、真ん中のリンクボタンをクリックして解除すれば、個々の角丸に違った数値を指定することもできます。また、角丸の種類のアイコンをクリックして、「角丸（外側）」➔「角丸（内側）」➔「面取り」を選択できるようにもなっています。
- 図形の拡大縮小で角丸のサイズも変える
- コーナーウィジェットで角を丸くした図形を拡大・縮小する時、デフォルトでは角丸のサイズは固定したまま変わりません。図形のサイズ変更に伴って角丸のサイズも伸縮させたいなら、「変形」パネルのプロパティにある「角を拡大・縮小」にチェックを入れましょう。
※「効果」メニュー➔「スタイライズ」で角を丸くした図形を拡大・縮小する場合は「線幅と効果を拡大・縮小」にチェックを入れます。
※ Adobe Illustrator 2024の画像で解説しています。 CGDOOR Illustratorでは様々な種類の矢印が簡単に作れます。 今回はIllustratorで矢印を作る３つの方法を解説します。 […]
※ Adobe Illustrator 2024の画像で解説しています。 CGDOOR Illustratorで滑らかな曲線を描くには「ペンツール」と「曲線ツール」を使います。矢印などに使う単純な１本の曲線を描くのに便利な「[…]
CGDOORライブコーナーウィジェットの登場で、Illustratorで図形の角を丸くする操作は格段にスムーズになりました。角の丸みの調整も直感的に行えて便利です。
最後に、星の図形の角を丸めて簡単な「花丸」を作る方法をご紹介します。
- スターツールで星を描きながらキーボードの「↑」を２度押して角の数を増やす
- コーナーウィジェットで星の頂点を限界まで丸める
- 渦巻きツールで渦巻きを描く
- 角を丸めた星と渦巻きを重ねて配置
- まとめて選択、ブラシの「アートーカリグラフィ」の「1pt楕円」を適用する