角の丸い長方形を作成する

Illustratorで角の丸い長方形を作成する手順を紹介します。

手順 : 長方形を作成した後に角を丸くする

[長方形ツール]を利用して長方形を描画します。
角の丸い長方形を作成する:画像1
角の丸い長方形を作成する:画像2

長方形の角の近くの内側にある[+]のマークで左ボタンを押しドラッグします。
角の丸い長方形を作成する:画像3

ドラッグすると、角が丸くなります。
角の丸い長方形を作成する:画像4
角の丸い長方形を作成する:画像5

ドラッグが終了すると変更が確定され角の丸い長方形になります。
角の丸い長方形を作成する:画像6

手順:[角丸長方形ツール]を利用する

ツールパレットウィンドウで長方形ツールのアイコンを左ボタンで長押しします。下図のドロップダウンメニューが表示されますのでメニューの[角丸長方形ツール]をクリックします。
角の丸い長方形を作成する:画像7

キャンバスをドラッグすると角丸長方形が描画できます。
角の丸い長方形を作成する:画像8

ドラッグを完了すると角丸長方形が確定されます。
角の丸い長方形を作成する:画像9

キャンバスをクリックすると、下図のダイアログが表示され、数値の入力で角丸長方形を作成できます。
角の丸い長方形を作成する:画像10

角の丸い長方形を作成する:画像11
角の丸い長方形を作成する:画像12

数値入力で角丸のサイズを変更する

[ウィンドウ]メニューをクリックします。メニューの[変形]をクリックします。
角の丸い長方形を作成する:画像13

変形ウィンドウが表示されます。
角の丸い長方形を作成する:画像14
角の丸い長方形を作成する:画像15

ウィンドウ下部の[長方形のプロパティ]の角のアイコン部分の数値を変更することで角丸のサイズを変えることができます。

角の丸い長方形を作成する:画像16

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