Illustratorで、ぐるぐる「渦巻き」線を描く方法

※ Adob​​e® Illustrator® software (2025)を使って解説しています。

CGDOOR
Illustratorにはいろいろな形状の線を描くツールが揃っています。渦巻き状の線は「スパイラルツール」、等間隔の渦巻きは「同心円グリッドツール」で描けます。「変形」を使って渦巻き線を作る方法もあります。

Illustratorで「渦巻き」線を描く方法1

今回は、Illustratorで「渦巻き」の線を描く方法、等間隔の渦巻きを描く方法、「変形」機能で渦巻きを作る方法と、その応用で水の渦を簡単に作る方法を初心者向けに分かりやすくご紹介します。

合わせて読みたい

※ Adob​​e® Illustrator® software (2025)を使って解説しています。 CGDOOR 「放射線」とは中央の1点を基準に多方向へ伸びる複数の線状です。デザインでは風車のような幾何学模様の作成や、[…]

Illustratorで「放射線」を描く方法

Illustratorで「渦巻き」を描く方法【基本】
スパイラルツール

ツールバーの「スパイラルツール」を選択します。(デフォルトでは直線ツールのアイコンになっているので、これを長押しして表示されたリストから「スパイラルツール」をクリックします)
そのままカンバス上をドラッグすれば、「渦巻き」が描けます。

Illustratorで「渦巻き」線を描く方法2
ドラッグしながらRキーを押すことで渦の方向を「左↔右」に変えることができます。

細かく設定して思い通りの「渦巻き」を作るには、「スパイラルツール」を選択➔カンバス内をクリックしてスパイラル設定パネルを開きます。

  1. 【半径】:渦巻きの一番外側にある円弧の半径の長さです。大きく設定すれば、渦巻き全体が拡大されると考えてOKです。
  2. 【円周に近づく比率】:最大値100%=円で、数値が小さくなるほど渦の巻き具合がゆるくなります。最小値5%では円弧1つになります。
  3. 【セグメント数】:渦巻きを構成する弧の数です。セグメント数は内側に向かって増え、内側から減ります。
    (※セグメント数を増やし過ぎると渦巻きの中央が糸を丸めたように混み合い、セグメント数を減らし過ぎると渦を巻かなくなります)
  4. 【スタイル】:渦巻きが回転する向きが右方向か左方向かを選択します。

Illustratorで「渦巻き」線を描く方法3

Illustratorで等間隔の「渦巻き」を描く方法

スパイラルで描いた渦巻きは、中心に向かって間隔が狭まる螺旋状になります。この間隔を均等にして渦巻きを描きたい時は、スパイラルツールではなく、「同心円グリッドツール」を使います。ただ、この方法は少し複雑な手順を踏みます。

  1. ツールバーの「同心円グリッドツール」を選択します。(表示されていなければ「直線ツール」を長押ししてリストから選択)
  2. ドラッグして同心円を描きます。
  3. 「Ctrl+Shift+G」を押すか、「オブジェクト」メニュー➔「グループ解除」をクリックします。
  4. 同心円を分割する線を削除します。
  5. ダイレクト選択ツールに切り替えて下半分のアンカーポイントをまとめて選択します。
  6. 「Ctrl+X」で切り取り、「Ctrl+Shift+V」で同じ位置にペーストします。
  7. ペーストした下半分をガイドを見ながらずらして移動させます。
  8. すべて選択して「Ctrl+J」でパスを連結させます。
  9. 渦巻きの中心にある横線の両端アンカーポイントを「はさみツール」で切断して削除します。
  10. 回転方向の違う等間隔の渦巻きが2つ作成されます。

Illustratorで「渦巻き」線を描く方法4

Illustratorの「変形」で「渦巻き」を描く方法

  1. 「楕円形ツール」で200px✕200pxの円を「塗り:なし、線:好きな色」で描きます。
  2. 「線」パネルで「線幅:10pt、突出線端、破線・線分:0pt、間隔:40pt」に設定します。
  3. Illustratorで「渦巻き」線を描く方法5
    線端の形状を丸型にすれば、ドット模様の放射渦巻きになります。
  4. 「アピアランス」パネルの「新規効果を追加」アイコンから「パス」➔「パスのアウトライン」をクリックします。
  5. 「アピアランス」パネルの「新規効果を追加」アイコンから「パスの変形」➔「変形」をクリックして設定パネルを開きます。
  6. Illustratorで「渦巻き」線を描く方法6

  7. 「拡大・縮小=水平方向・垂直方向ともに90%、回転=角度:40°、コピー:30」と設定します。
  8. 「OK」をクリックすると、放射状の渦巻きが作成されます。
  9. Illustratorで「渦巻き」線を描く方法7
    この設定は一例です。プレビューで確認しながら最適な渦の形状を見つけて下さい。
合わせて読みたい

※ Adob​​e® Illustrator® software (2024)を使って解説しています。 CGDOOR Illustratorの「アピアランス」は、文字や図形などのオブジェクト属性を変えずに、装飾・加工できる機[…]

Illustratorの「アピアランス」で文字を装飾する方法

Illustratorの「変形」で「水の渦巻き」を描く方法

上記の方法を応用して、簡単な水の波紋のような渦巻きを作ることもできます。

線の色を水色に変更し、「破線」を解除、「線」パネルの「プロファイル」から「線幅プロファイル5」を選択します。必要なら、「アピアランス」パネルの「変形」効果をクリックして数値を調整(この例では角度を250°に変更)します。

ランダムな渦巻きができたら、「アピアランスを分割」を適用してから自由変形ツールで楕円形に歪め、水面をイメージしたグラデーション背景に「透明」➔「描画モード」➔「スクリーン」で合成します。

Illustratorで「渦巻き」線を描く方法8
渦巻きに「アピアランスを分割」を適用しないと、自由変形で歪ませることができません。
合わせて読みたい

※ Adobe Illustrator 2024の画像で解説しています。 CGDOOR Illustratorで手書き風のイラストを描くには、線に手書き風ブラシを適用する方法と線画に「ラフ」の効果を付けて手書き風に加工する方[…]

Illustratorで手書き風のラフな線を描く2つの方法
こちらもおすすめ

※ Adobe Illustrator 2024の画像で解説しています。 CGDOOR Illustratorで滑らかな曲線を描くには「ペンツール」と「曲線ツール」を使います。矢印などに使う単純な1本の曲線を描くのに便利な「[…]

Illustratorで滑らかな曲線を引く4種類のツールの使い方
CGDOOR
Illustratorで「渦巻き」を作るなら、基本は「スパイラルツール」です。ただ、スパイラルの渦巻きは中心に向かうほど間隔が狭まるので、作成物によっては使いにくい面があります。そんな時は、「同心円グリッドツール」から等間隔の渦巻きを作成してみて下さい。