フォントのデザインって、難しそうだし、何から手をつければいいのかわからない。 私が10年前にグラフィックデザインを始めたころは、あなたとまったく同じ立場だったから言えることなんですけどね。

長年の経験から、既存のソースを修正してフォントやアイコンを素早く作成する簡単な技をいくつか発見しましたが、角を丸くすることはベクター作成に最も役立つ技の一つです。

シンプルな図形や標準的なフォントを編集して、コーナーを変更することで、何か違ったユニークなものにすることができます。

その仕組みは？

このチュートリアルでは、Adobe Illustratorで図形やテキストの角を丸くする超簡単な方法を2つ紹介します。

さあ、飛び込もう!

Adobe Illustratorで角丸を作る2つの簡単な方法

方法1で丸みを帯びた矩形を作成したり、矩形をベースとした任意の形状を作成するために修正することができます。 方法2のダイレクト選択ツールは、アンカーポイントを持つあらゆるオブジェクトを編集するのに適しています。

注：スクリーンショットはAdobe Illustrator CC 2021 Mac版を使用しています。 Windowsやその他のバージョンでは、異なる表示となる場合があります。

方法1：丸みを帯びた四角形ツール

角の丸い長方形を作りたいなら、そのためのツールがあります。 まだお気づきでないようですが、それは他のいくつかの図形ツールと一緒に長方形ツールのサブメニューの下にあります。 以下の手順で、角の丸い長方形を作成しましょう。

ステップ1． を選択します。 角丸四角形ツール をツールバーから選択します。

ステップ2． アートボード上でクリック＆ドラッグして、丸みを帯びた長方形を作成します。

をドラッグすることで、コーナーラジアスを変更することができます。 ライブコーナーウィジェット (中心に向かってドラッグすると角が丸くなり、角に向かってドラッグすると半径が小さくなります。 最後までドラッグすると、まっすぐな角の正四角形になります。

また、半径の値が決まっている場合は、その値を 物件紹介 パネルをクリックします。 その他のオプション ボタンをクリックしてください。

ドラッグすると、4つの角が一緒に変化するのがわかります。 もし、1つの角の半径だけを変えたい場合は、もう一度その角をクリックすると、その角がハイライトされるので、ドラッグしてください。

複数のコーナーを選択したい場合は、長押しで シフト キーで選択します。

他の図形はどうでしょうか？ フォントの角を丸くしたい場合はどうでしょうか？

いい質問ですね、まさに方法2の通りです。

方法2：ダイレクト選択ツール

Illustratorでアンカーポイントを使って作成したテキストなどの図形は、ダイレクト選択ツールで角の半径を調整することができます。 今回は、フォントの角丸を作る例でその方法を紹介します。

標準フォントを使うイメージ。 アリアル・ブラック を、手紙に H が、直線の角を少し丸めて、より滑らかに見せたい。

ダイレクト選択ツールを使う前に、とても重要なステップがあります。

ステップ1． テキスト/フォントのアウトラインを作成します。 テキストにカーソルを置いても、ライブコーナーウィジェットは表示されません。

ステップ2． を選択します。 ダイレクト選択ツール これで、フォントにLive Cornersウィジェットが表示されるようになりました。

ステップ3． 方法1と同様に、任意のウィジェットをクリックすると角丸になります。 複数の角を丸くしたい場合は シフト キーで丸めたい角を選択し、ドラッグします。

ほら、標準のArial Blackを新しいフォントにしただけでしょう。 ほら、新しいフォントを作るのはそんなに難しくないでしょ。

プリセットの「角丸ツール」ではできないもう一つのマジックは、「ダイレクト選択ツール」を使ってウィジェットをダブルクリックすると、「コーナー」ウィンドウが表示されることです。

どのようなコーナーを作るかを選択し、半径を変更することができます。 例えば、「逆丸コーナー」はこのような感じです。

この方法は、丸みを帯びた四角形のコーナースタイルを変更する場合にも使えます。 丸みを帯びた四角形を作成後、ダイレクト選択ツールを選択し、ライブコーナーウィジェットをダブルクリックし、丸いコーナーを反転させます。

ヒント：角をまっすぐにしたい場合は、ウィジェットを選択して角の方向へドラッグするだけです。

結論

ダイレクト選択ツールは、アンカーポイントを編集して新しいシェイプを作るのに最適で、角を丸くするのは最も簡単な編集のひとつです。 私はよくこのツールを使って、新しいフォントやデザインアイコンを作っています。

シンプルな丸みを帯びた長方形のシェイプをお探しなら、Rounded Rectangle Toolがすぐそこにあり、素早く便利に使えます。