Illustratorで波線を作る方法を紹介!

Illustratorで波線を作る方法を紹介!

takato(@n8takato)です!

Illustratorで波線を作る方法を知りたい

この記事は上記の課題に向けて作成しています。

デザイン制作をしていると波線を作る機会がたまにあります。

Illustratorでは簡単に波線を作ることが出来ます。

この記事ではIllustratorで波線を作る簡単な方法を紹介します。

この記事を読むメリット

  • Illustratorで波線を作る簡単な方法がわかる

この記事を書いた人

この記事を書いた僕はこんな人です!

  • 都内制作会社でwebデザイナーとして勤務
  • webデザイナー3年目
  • web制作現場で学んだことを発信している人

XDで波線を作る方法はこちら

あわせて読みたい
【2023年版】AdobeXDで波線を作る方法を紹介! XDで波線を作る方法を知りたい この記事は上記の課題に向けて作成しています。 web制作をしていると波線を作ることがたまにあります。 僕も最近波線を作成しました。 そ...
目次

Illustratorで波線を作る方法

早速Illustratorで波線を作る方法を説明します。

Illustratorで波線を作る手順は下記の通りです。

Illustratorで波線を作る手順

  1. 直線を作る
  2. 直線をジグザグにする
  3. 波線に修正する

直線を作る

まずは直線を作ります。

ペンツール」から直線を作成してください。

「ペンツール」から直線を作成してください。
直線の作成

直線をジグザグにする

続いて直線をジグザグに変換します。

直線を選択した状態で「効果」→「パスの変形」→「ジグザグ」を選びます。

直線を選択した状態で「効果」→「パスの変形」→「ジグザグ」を選びます。
ジグザグに変形

すると先ほど作成した直線がジグザグになります。

すると先ほど作成した直線がジグザグになります。
ジグザグに変形

波線に修正する

最後に波線に修正します。

ジグザグオプションから「大きさ」「折り返し」「ポイント」を調整します。

  • 「大きさ」・・・・波線の高さを調節出来る
  • 「折り返し」・・・波線の山と谷の数を調節出来る
  • 「ポイント」・・・「滑らか」か「直線」のどちらかに変更出来る

大きさ「30px」、折り返し「7」、「滑らかに」を選択すると下記のような波線が出来ます。

大きさ「30px」、折り返し「7」、「滑らかに」を選択すると下記のような波線が出来ます。
波線に変形

※ジグザグのオプションは「ウィンドウ」→「アピアランス」を開き、アピアランスにある「ジグザグ」を選択するとオプションが表示されます。

ジグザグのオプションは「ウィンドウ」→「アピアランス」を開き、アピアランスにある「ジグザグ」を選択するとオプションが表示されます。
ジグザグオプションの表示

Illustratorで波線を作成する方法は以上です。

波線を破線にする方法

Illustratorで作った波線は破線にすることも出来ます。

ウィンドウ」→「」で線のオプションを表示します。

「ウィンドウ」→「線」で線のオプションを表示します。
「線」の選択

波線を選択して線オプションの「破線」にチェックを入れます。

波線を選択して線オプションの「破線」にチェックを入れます。
「破線」にチェックを入れる

すると先ほどの波線が破線に変わります。

先ほどの波線が破線に変わります。
波線の作成

波線を一つ一つ編集する方法

波線を一つ一つ編集することも出来ます。

波線を選んだ状態で「オブジェクト」→「アピアランスを分解」を選びます。

波線を選んだ状態で「オブジェクト」→「アピアランスを分解」を選びます。
アピアランスを分解

これで波線一つ一つを選択出来るようになります。

ダイレクト選択ツール」を選択します。

「ダイレクト選択ツール」を選択します。
ダイレクト選択ツール

波線の山と谷を選択して部分的に修正することが出来ます。

波線の山と谷を選択して部分的に修正することが出来ます。
波線の部分的な修正

Illustratorで波線を作るのは簡単!

最後にまとめです。

Illustratorで波線を作る方法

  1. 直線を作る
  2. 直線をジグザグにする
  3. 波線に修正する

Illustratorでは簡単に波線を作ることが出来ます。

知らなかった方は是非作ってみてください。

Illustratorに関する他の記事はこちら

あわせて読みたい
Illustratorで点線(破線)を作成する方法! Illustratorで点線(破線)を作成する方法を知りたい この記事は上記の課題に向けて作成しています。 Illustratorでは簡単に点線(破線)を作成することが出来ます。 こ...
あわせて読みたい
イラレでサイズ変更を一括で行う方法を紹介! Illustratorでサイズ変更を一括で行う方法を知りたい この記事は上記の課題に向けて作成しています。 イラレで複数オブジェクトのサイズを一括で変更出来たら嬉しいです...
あわせて読みたい
Illustratorで円グラフを作成する方法を紹介! Illustratorで円グラフを作成する方法を知りたい この記事は上記の課題に向けて作成しています。 Illustratorでは簡単に円グラフを作成することが出来ます。 円グラフを...
あわせて読みたい
Illustratorでクリッピングマスクをする方法を紹介! Illustratorでクリッピングマスクをする方法を知りたい この記事は上記の課題に向けて作成しています。 Illustratorでデザインしているとクリッピングマスク機能を頻繁...
あわせて読みたい
Illustratorでアートボードを回転する方法を紹介! Illustratorでアートボードを回転する方法を知りたい この記事は上記の課題に向けて作成しています。 Illustratorではアートボードを簡単に回転することが出来ます。 回...
  • URLをコピーしました!
目次