1ヶ月でWebデザイン・プログラミングスキルをオーダーメイドのカリキュラムで学べるスクール、それがWebCamp。

【Illustrator入門】イラストレーターで波線を書く方法とは?

illustrator
Pocket

楕円形ツールを使用した破線の書き方

左側ツールボックスより楕円形ツールを選択します。(又はキーボード「L]を押すと)
画面上で左クリックすると画像の様な入力画面が表示されます。

イラストレーターで波線を書く方法

今回は幅10mm高さ10mmと入力しOKを押します。
すると画面上に円形が表示されます。

イラストレーターで波線を書く方法

次に左側ツールボックスより黒矢印マーク(選択ツール)をクリック(又はキーボード「V」を押)しましょう。

イラストレーターで波線を書く方法

表示される円はまるごと選択出来ます。円を選択した状態で再度左側ツールボックスにある選択ツールを左クリックしてみると入力画面が表示されます。

イラストレーターで波線を書く方法

水平方向10mm垂直方向に0mmと入力し右側に表示されているコピーという文字を左クリックしましょう。
クリックすると画像の様な位置に円がコピーされます。

イラストレーターで波線を書く方法

次にキーボードのCtrlキーとDボタンを同時に押してみましょう。
繰り返し処理がされ円が横に追加されます。

円を5個繋げたら左側ツールボックスより白色矢印(ダイレクト選択ツール)をクリック(又はキーボード「A」を押)しましょう。
画面上で左クリックしながらマウスを円の半分よりも下側に向けて移動させます。

イラストレーターで波線を書く方法

イラストレーターで波線を書く方法

すると画像の様に円の下半分が選択されます。
この状態でキーボードのBack spaceキーを押すと、円の下半分が削除され波線が出来ます。
今のままでは半円の1個1個が重なっただけの波線の為選択ツールで選んで移動すると1個だけが移動されてしまいます。

イラストレーターで波線を書く方法

選択ツールで左クリックしながら5個の半円を選択した状態でキーボードのCtrlとG(選択した図形のグループ化)を押して、半円の一つをクリックすると全体が選択されます。

以上が楕円形ツールを使った波線の書き方です。
又、この方法なら一つ一つの半円を選んで色を変えたり線の太さを変えたりできます。
強弱をつけた波線を書くならこの方法をおすすめします。
半円を回転ツールを使って回転させてコピーすると後ほど紹介する波形と似たような形を作ることもできます。

イラストレーターで波線を書く方法

直線とジグザグを使った波線

左側ツールボックスより直線ツールを左クリックで選択します。(又はキーボード「\」を押しましょう)

イラストレーターで波線を書く方法

そして画面上で左クリックすると入力画面が表示されます。
今回は長さ100mmと入力し右側にあるOKボタンを押しましょう。すると画面上に直線が表示されます。

上部メニューの効果を左クリックしパスの選択の文字の上にマウスカーソルを合わせます。
ジグザグという文字が出てくるのでその文字を左クリックして、図の様な画面が表示されます。

イラストレーターで波線を書く方法
上から順番に解説します。

大きさは「波の高さ」、折り返しは「波の数」を表しています。

ポイントの滑らかにを選ぶと曲線の波を作ることが出来ます。
直線的にを選ぶとその名のとおり直線によるジグザグとした曲線が出来ます。
今回は試しにこのままの数字で滑らかにを選んでOKを押してみます。

その結果、図の様な波線を作ることが出来ます。
イラストレーターで波線を書く方法

おわりに

イラストレーターで波線を作る際は2通りの方法で作ることが出来ます。
1つめは円を使って幅や大きさ及び線の太さに強弱をつけた波線を作る方法です。
もう一つは直線を1本描き効果からコンピューターの処理にて計算された規則正しい波線を作る方法になります。

投稿者:プロスタ編集部

  • このエントリーをはてなブックマークに追加

おすすめスクール

全国30校舎で展開されるヒューマンアカデミーのWeb講座は修了者数4万人超、講師とカリキュラムの満足度がどちらも9割を超えています。就職や転職に必要なレベルの実務スキルを身に付けられます。

WebCampは、一ヶ月の短期集中でWebデザイン、プログラミングスキルを習得するスクールです。学習効果の高い反転授業(自主学習でインプット、講義でアウトプット)を採用し、年間1000名を輩出しています。

この記事が気に入ったら
いいね!しよう

プロスタの最新情報をお届けします

あわせて読みたい

関連記事

イチ押しランキング

1リナックスアカデミー

リナックスアカデミー

2システムアーキテクチュアナレッジ

システムアーキテクチュアナレッジ

3WEB塾

WEB塾

メールマガジン

ページ上部へ戻る