チュートリアル記事

初級

5 分

シェイプを描画・編集する

Illustratorで描く図形をシェイプといいます。シェイプは、描画した後からでも大きさや形を自由に変更できます。ここではIllustratorで長方形や楕円形などのシェイプを描画する方法と、シェイプを編集してロゴマークを作成する方法を説明します。
Illustratorを起動して、実際に操作しながら見ていきましょう。

① 長方形を描画する

ツールバーから長方形ツールを選択し、アートボード上をドラッグします。Shiftキーを押しながらドラッグすると正方形が描画できます。

バウンディングボックスのハンドルのいずれかをドラッグすることで、シェイプのサイズを変更できます。Shiftキーを押しながらドラッグすると、縦横比を保持したままサイズ変更できます。

回転させるには、ポインターをコーナーハンドルの外側に置き、回転アイコンに変わったらドラッグします。

4つのコーナーウィジェットのいずれかを内側にドラッグすると角丸になります。角を個別に編集するには、ダイレクト選択ツールを使用して、変更するコーナーウィジェットのみクリックして選択します。


② 楕円を描画する
ツールバーの長方形ツールを長押しして楕円形ツールを選択し、アートボード上をドラッグします。Shiftキーを押しながらドラッグすると正円が描画できます。
扇型ウィジェットをドラッグすると、扇形を作成できます。

③ 多角形を描画する
ツールバーの長方形ツールを長押しして多角形ツールを選択し、アードボード上をクリックします。多角形ダイアログボックスで「辺の数」を設定し、アートボード上をドラッグします。それぞれの辺の長さが均等な多角形を描けます。
コーナーウィジェットを内側にドラッグすると角丸になります。

④ シェイプを組み合わせてロゴを作る
パスファインダーを使用して、複数のシェイプを合体させたり、型抜きしたりする方法を説明します。

  1. サンプルファイル「Shape.ai」を開き、右側の完成サンプルを参照しながら、白紙のアートボードで作業をおこないます。

  2. ツールバーから楕円形ツールを選択し、アートボード上をShiftキーを押しながらドラッグして正円を描きます。

  3. 正円が選択された状態で、ツールバーの拡大・縮小ツールをダブルクリックします。ダイアログボックスの「縦横比を固定」に65%と入力し、「コピー」をクリックします。コピーされた正円の塗りを別の色に変更します。

  4. 下の正円を選択し、扇形ウィジェットを開始角度90°までドラッグして扇形にします。数値入力する場合は、[ウィンドウ ➡ プロパティ]からプロパティパネルの「詳細オプション」をクリックし、「扇形の開始角度」に90と入力します。

  5. 上の正円と、下の扇形をまとめて選択し、[ウィンドウ ➡ パスファインダー]からパスファインダーパネルの「前面オブジェクトで型抜き」をクリックします。扇形と正円の重なった部分が切り取られます。

  6. 長方形ツールを選択し、扇形の円弧と同じ幅の長方形を描きます。長方形を選択して、Altキー(Windows)またはOptionキー(macOS)を押しながらドラッグし、長方形のコピーを2つ作成します。

  7. コピーした長方形の一つを選択し、コーナーハンドルの外側からShiftキーを押しながらドラッグ(左回り)して90°に回転させます。元の長方形と、90°回転させた長方形をまとめて選択し、さらに元の長方形をクリックします。
    元の長方形が太い線で囲まれたら、[ウィンドウ ➡ 整列]から整列パネルの「水平方向右に整列」をクリックし、続けて「垂直方向上に整列」をクリックしてL字型にします。

  8. 残りの長方形を選択し、コーナーハンドルの外側からShiftキーを押しながらドラッグ(左回り)して45°に回転させます。

  9. 45°の長方形をL字型の上に重ねて、矢印の形になるように配置します。3つの長方形を全て選択し、パスファインダーパネルの「合体」をクリックして、1つのオブジェクトにします。

⑤ リピートツールを使ってロゴを作る
リピートツール(ラジアル)を使用して、複数の長方形シェイプをまとめて円形に繰り返し配置する方法を説明します。

  1. サンプルファイル「Shape.ai」を開き、右側の完成サンプルを参照しながら、白紙のアートボードで作業をおこないます。

  2. ツールバーから長方形ツールを選択し、縦長の長方形を描きます。長方形を選択して、ShiftキーとAltキー(Windows)/Optionキー(macOS)を同時に押しながらドラッグし、長方形のコピーを2つ作成して等間隔に並べます。続けて、真ん中の長方形を下方向にドラッグしてズラします。

  3. 3つの長方形をまとめて選択し、[オブジェクト ➡ リピート ➡ ラジアル]を選択します。3つの長方形が円形に繰り返し配置されます。
    デフォルトでは、8つのインスタンスが繰り返されます。インスタンスの繰り返し数を変更するには、リピートオブジェクトを選択して、カンバスの「インスタンス数」コントロールを上方向にドラッグすると数が増え、上方向にドラッグすると数が減ります。

  4. 円上のコントロールを内側にドラッグして、インスタンスの間隔を狭めます。(外側にドラッグすると間隔が広がります)

  5. リピートオブジェクトを選択した状態で、オブジェクト ➡ 分割・拡張]を選択し、「OK」をクリックします。
    続けて[ウィンドウ ➡ パスファインダー]からパスファインダーパネルを開き、「合体」をクリックして1つのオブジェクトにします。最後に塗りや線の色を指定し、文字を組み合わせてロゴを完成させます。


Illustrator でこれらのチュートリアルをお試しください

ベクターを使用してイラストやグラフィックを作成