イラストレーターで図形を描く方法をお探しですね。
広告
Illustratorで三角形・星・ひし形を描く方法！初心者でも簡単にできるコツを解説
Illustratorでデザインをするとき、四角形や丸は簡単に描けますよね。
でも、「三角形ってどうやって作るの？」「星やひし形を描きたいけど、ツールが見つからない…」と困ったことはありませんか？
実は、Illustratorには三角形や星を描くための便利なツールがちゃんと用意されています。
ただ、ツールパネルの奥に隠れているので、初心者の方は見つけにくいんです。
この記事では、Illustrator初心者の方に向けて、三角形・星・ひし形・ギザギザの円など、いろんな図形の描き方をわかりやすく解説します。
これらの図形が自由に描けるようになれば、アイコンや見出しのデザイン、セールのバッジ作りなど、できることがグッと広がりますよ。
便利なショートカットキーも紹介するので、ぜひIllustratorを開きながら一緒に試してみてください！
【基本】多角形ツールの使い方をマスターしよう
まずは「多角形ツール」の使い方から覚えましょう。
このツールを使えば、五角形や六角形、八角形など、いろんな形の正多角形が簡単に描けます。
多角形ツールの見つけ方
ツールパネルにある長方形のアイコンを**長押し**（または右クリック）してみてください。
すると、隠れていたツールがずらっと表示されます。
その中から「多角形ツール」を選びましょう。
多角形の描き方は2パターン
多角形を描く方法は、大きく分けて2つあります。
**①ダイアログボックスで数値を入力する方法**
アートボード上を1回クリックすると、「半径」と「辺の数」を入力する小さなウィンドウが出てきます。
ここに好きな数字を入れれば、正確なサイズの多角形が作れます。
初めての方は、この方法が確実でおすすめです。
**②ドラッグしながら描く方法**
アートボード上をドラッグすると、多角形が描けます。
このとき、キーボードの「↑」「↓」キーを押すと、リアルタイムで辺の数を増やしたり減らしたりできるんです。
慣れてくると、この方法のほうが断然速くて便利ですよ。
覚えておくと便利なショートカット
– **Shiftキーを押しながらドラッグ**：図形の底辺が水平になって、傾かずにきれいに描けます
– **↑↓キーで辺の数を調整**：ドラッグ中にリアルタイムで形を変えられます
このShiftキーのテクニックは、デザインの現場でもよく使う基本中の基本です。
何度か練習して、手が覚えるまで試してみてください！
三角形の描き方は超シンプル！
「三角形ツールってどこにあるの？」と探している方、実は**三角形専用のツールはありません**。
でも大丈夫、三角形を描くのはとっても簡単です。
さっき紹介した「多角形ツール」を使って、**辺の数を「3」に設定するだけ**で、きれいな正三角形が描けます。
具体的な手順
1. 多角形ツールを選ぶ
2. アートボードをドラッグする
3. ドラッグ中に「↓」キーを何度か押して、辺の数を3まで減らす
4. 完成！
たったこれだけで、正三角形ができあがります。
Shiftキーを押しながらドラッグすれば、傾かない三角形が描けますよ。
星の描き方とプロが使うテクニック
星を描きたいときは、「スターツール」を使います。
多角形ツールと同じように、ツールパネルの図形アイコンを長押しして、メニューから「スターツール」を選んでください。
スターツールの基本設定
アートボードを1回クリックすると、設定画面が出てきます。
– **第1半径**：星のトゲの先端までの距離
– **第2半径**：星のくぼみ（内側の谷）までの距離
– **点の数**：星のトゲの数
この「第1半径」と「第2半径」の比率を変えることで、シャープな星からぽってりした星まで、いろんな雰囲気の星が作れます。
星づくりが楽になる便利なショートカット
スターツールは、ショートカットキーを覚えると格段に使いやすくなります。
– **↑↓キー**：星のトゲの数を増やしたり減らしたりできる
– **Ctrl（MacはCommand）キー**：内側の半径を固定して、トゲだけを鋭く伸ばせる
– **Alt（MacはOption）キー**：辺が一直線になる、きれいな五芒星が描ける
これらを使いこなせば、子ども向けのかわいい星から、クリスマスっぽいシャープな星まで、思い通りに作れるようになります。
ドラッグしながらいろんなキーを試してみると、「おっ、こんな形になるんだ！」という発見があって楽しいですよ。
ひし形の描き方は「正方形を回転」が基本
ひし形も、専用ツールはありません。
でも、長方形ツールを使えば簡単に作れます。
ひし形を作る手順
1. **正方形を描く**
長方形ツールを選んで、Shiftキーを押しながらドラッグすると、縦横の比率が同じ正方形が描けます。
2. **選択ツールに持ち替える**
黒い矢印のアイコン（選択ツール）をクリックして、さっき描いた正方形を選びます。
3. **回転させる**
正方形の四隅の少し外側にマウスを合わせると、カーソルが曲がった矢印に変わります。
そのままドラッグすると、図形が回転します。
このとき、**Shiftキーを押しながら回転させる**のがポイント。
45度ぴったりで止まるので、きれいなひし形になります。
いろんな形のひし形を作るには
縦長のひし形や横長のひし形を作りたいときは、回転させた後に**バウンディングボックスのハンドル**（図形の周りにある四角い点）を上下左右にドラッグして、好きな形に引き伸ばしてください。
もっと自由に形を変えたいときは、「ダイレクト選択ツール（白い矢印）」を使います。
ひし形の頂点を一つだけ選んで動かせば、少し歪んだひし形や、パースのついた特殊な形も作れますよ。
ギザギザの円（スタンプ風）の描き方
セールのバッジやキャンペーンのデザインでよく見る「ギザギザの円」。
これは、普通の円に「効果」を加えて作ります。
ギザギザ円を作る手順
1. **正円を描く**
楕円形ツールを選んで、Shiftキーを押しながらドラッグすると、きれいな正円が描けます。
2. **ジグザグ効果を適用する**
円を選んだ状態で、メニューバーから「効果」→「パスの変形」→「ジグザグ」の順にクリックします。
3. **設定を調整する**
ダイアログボックスが出てくるので、以下の項目を調整します。
– **大きさ**：ギザギザの深さ（トゲの長さ）
– **折り返し**：ギザギザの数（密集度）
– **ポイント**：「直線」だと尖ったギザギザ、「滑らかに」だと波線みたいになります
4. **プレビューで確認**
「プレビュー」にチェックを入れると、リアルタイムで結果が見られます。
いい感じになったら「OK」を押しましょう。
仕上げの一手間
このままでも見た目はギザギザですが、他の図形と組み合わせたり、印刷データとして使ったりする場合は、「オブジェクト」→「アピアランスを分割」を実行しておくと安心です。
これで、ギザギザが本物のパスとして確定されます。
まとめ：図形が描けるとデザインの幅が広がる！
三角形、星、ひし形、ギザギザ円…これらの図形が自由に描けるようになると、デザインの表現力がグッと上がります。
これらを組み合わせれば、もっと複雑なイラストやロゴも作れるようになりますよ。
特に、ドラッグ中にShiftキーや矢印キーを使うテクニックは、最初は慣れないかもしれません。
でも、何度か練習すれば自然に手が動くようになります。
頭で覚えるより、実際に手を動かして感覚をつかむのが一番の近道です。
ぜひこの記事を見ながら、Illustratorでいろんな図形を描いてみてください。
「あ、こんな形も作れるんだ！」という発見があると、デザインがもっと楽しくなりますよ！
広告
