【四角と丸の作り方】イラストレーター図形の基本！長方形ツール・楕円形ツール【図解付き初心者用】

「四角と丸」をとりあえず作ってみよう

完成形　今回出来る「四角と丸」

＼今回こんなんできましたけどぉ／

基本の”き”「 四角と丸 」をAdobeのIllustrator（イラストレーター）を使って作ってみます。使用する Illustrator は体験版も用意されていて、AdobeCCのコンプリートプランにも含まれている。

AdobeCCを安く購入するには？

四角と丸の作り方 イラストレーター作成手順

新規ドキュメントを用意。
今回は、印刷のアートボード：幅200mm、高さ200ｍｍを設定した新規ドキュメントを作成。
（▶︎新規ドキュメントの作成方法はこちら）。

四角形を作る 長方形ツールの使い方３パターン

パターン① 幅と高さを指定して四角を作成

ツールの 長方形ツール をクリック。

関連記事 ▼ツール一覧早見表（画像付き）【Adobeイラストレーター】

アートボード内の始点としたいところでクリック。

今回の例では「幅」と「高さ」に100mmと入力。
最後に OK をクリックしたら…

完成！
縦横100mmの四角形が出来上がり。

パターン② 自由な形の四角を作成

ツールの 長方形ツール をクリック。

次に、下の画像のように、任意の場所から（マウスをクリックしながら）おわりたいところでドロップ。

パターン③ 縦横比を固定して 四角（正方形）を作成

パターン①～②と同様に、 長方形ツールを選択。

下の画像のように、任意の場所をクリックしたら shiftキー を押しながらマウスを移動。

出来上がった四角に装飾してみよう

四角に色を付ける

作成した四角を 選択ツールで選択したら、カラーパネルで 塗り の設定していく。塗りをダブルクリックしてカラーピッカーを表示。

最後に OK をクリックしたら完成！

参考 色の設定はカラーパネルやスウォッチからの設定も可能。設定方法はこちらの記事を参照
▶︎ 塗りや線の色をカラーパネル、カラーピッカー、スウォッチから設定

線の色と太さを変えてみる

作成した四角を 選択ツールで選択したら、カラーパネルで、線をダブルクリックして カラーピッカー を表示。

次に線の太さを変えよう。 線パネル で、線幅に 10pt と入力。（線パネルが表示されていない場合はメニューのウィンドウで線を✔︎チェックで表示）

完成！

線の色：茶色、線の太さ：10pt の四角形の出来上がり

関連記事 8種類の線を作成
▶【線パネル】点線や波線や矢印線！いろんな線を作ってみよう！

四角を変形させてみよう（変形パネル）

変形パネルで長方形の変形が可能（変形パネルが表示されていない場合は、メニューの ウィンドウ ＞ 変形 にチェック）。長方形のプロパティでは、長方形の幅、長方形の高さ、長方形の角度、角丸の半径（画像で時計回りに左上・右上・右下・左下）が変形できる。

また、ここでもとで縦横比の固定をオン・オフできるので、別々の数字にしたい場合はオフ にしておこう。

角度：18°、左上の角丸5mm、右上の角丸28mm、右下の角丸0mm、左下5mmに設定したものがこちら。

クリエイティブな作業に便利な >>ペンタブレットを検索

丸を作るには？　作成手順は四角の手順とほぼ一緒！

↓変わるのはこれだけ

丸を変形させてみよう（変形パネル）

変形パネルで楕円形の変形が可能（変形パネルが表示されていない場合は、メニューの ウィンドウ ＞ 変形 にチェック）。楕円形のプロパティでは、楕円形の幅、楕円形の高さ、楕円形の角度、扇形の開始角度、扇形の終了角度などが変形できる。また、ここでもとで縦横比の固定をオン・オフできる。

縦横比の固定はオフ 、楕円形の幅：100mm、楕円形の高さ：150mm、楕円形の角度：0°、扇形の開始角度：90°、扇形の終了角度0° に設定したものがこちら。縦長楕円を90°の扇形で削ったような楕円形が出来た。

おつかれさまでした（次回予告）

本日もご清覧ありがとうございました。