fantiaはじめました!無料素材やAI、PSDを配布中です。

【Illustrator】波線やギザギザ線の作り方とアピアランスのコピー方法

この記事を読むのに必要な時間は約 10 分です。

Illustrator(イラストレーター)で波線やギザギザの線を作る方法を解説します。
手作業で作ると大変ですが、今から紹介する方法なら1分でキレイに作れます。

そして意外と知られていないアピアランスのコピー方法も伝授!
今から紹介する技はよく使うパターンなので是非試してみて下さい。

では早速始めていきましょう!

波線とギザギザ線の作り方

STEP.1
直線を描く
[ ペンツール(P) ] を使って直線を描きます。
[ Shift ] を押しながらクリックすると水平な直線を描けます。
塗りは無し、線の太さや色はお好みで設定してください。

※ペンツールの詳しい使い方はコチラ

STEP.2
ジグザグを適用
[ 効果 ] → [ パスの変形 ] → [ ジグザグ ] を適用します。
STEP.3
ダイアログ画面を設定
ジグザグのダイアログ画面で設定します。

大きさ:上下幅の大きさ
折り返し:ジグザグの数
ポイント:滑らかに→波線
ポイント:直線的に→ジグザグ線

設定後に [ OK ] をクリックします。

FINISH
完成
ジグザグ線、波線の完成です。
アピアランスを使えば簡単に線の再調整ができる
ジグザグ線、波線の大きさや数を調整したい場合は [ アピアランス ] を使います。対象の効果をクリックすると再びジグザグのダイアログ画面が開き、調整する事ができます。

※アピアランスパネルが非表示の場合は [ ウィンドウ ] → [ アピアランス ] で表示させておきましょう。

様々な図形に適用できる

もちろん直線だけでなく、楕円、長方形、多角形など、様々な図形に適用ができます。

2つ以上のジグザグ効果を適用する事ができます。
より複雑な波線、ギザギザ線が表現できます。

アピアランスをコピーする

他の図形に適用したアピアランスを別の図形にも適用したい場合、ありますよね。
最初から作るのは面倒。。。そんな時に便利な方法です。

STEP.1
スポイトツールを設定
ツールバー内の [ スポイトツール(I) ] をダブルクリックします。
STEP.2
アピアランスにチェックを入れる
[ スポイトの抽出 ][ スポイトの適用 ][ アピアランス ] にチェックを入れます。
STEP.3
オブジェクトの作成と選択
アピアランスを適用したいオブジェクトを作成後に [ 選択ツール(V) ] で選択します。
STEP.4
スポイトツールでクリック
アピアランスが適用済みのオブジェクトを [ スポイトツール(I) ] でクリックします。
FINISH
完成
長方形のオブジェクトにアピアランスがコピーされました。

初期設定のスポイトツールではアピアランスはコピーできないので注意が必要です。

アピアランスを分割する

アピアランスで作成した図形をダイレクト選択で細かく調整したい場合があります。
そんな時は下記の方法を試してみて下さい。

STEP.1
対象オブジェクトを選択
アピアランスを分割したいオブジェクトを [ 選択ツール(V) ] で選択します。
STEP.2
アピアランスを分割
[ オブジェクト ] → [ アピアランスを分割 ] を適用します。
FINISH
完成
完成です。
アピアランスが分割され、アンカーポイントとセグメントで構成されたオブジェクトになりました。
[ ダイレクト選択ツール(A) ] でギザギザや波を編集することができます。

サンプルAIをダウンロード

サンプルAIをfantiaで公開中です。
ご自由に活用ください!
Illustratorが必須
AIを編集するにはAdobe Illustrator(アドビ イラストレーター)が必須です。
公式サイトからダウンロードしておきましょう。
Photoshopも使うのであればコンプリートプラン が断然オススメ!

おわりに

以上、Illustratorで波線やギザギザ線を作る方法についてでした。
よく使う線種なので覚えておくと便利ですよ。

またアピアランスのコピーを知っておくと制作をより効率化できます。
初期設定ではアピアランスのコピーはできないので意外と知られていない機能です。

ではまた!

Illustratorを最安で導入しよう

オススメはコンプリートプラン

単品よりも圧倒的にお得で便利なCreative Cloudコンプリートプランがオススメです。
デザイナーにとって最低限必要なPhotoshop、Illustrator、Acrobatを単体で使うと、費用がコンプリートプランと同等かそれ以上になります。
それなら初めから コンプリートプラン を選択する方が断然便利でお得ですよ。

学生・教職員なら

学生や教職員の方にオススメなのが
アプリ1本分の価格で全てのAdobe製品が使い放題!

Illustrator単品なら

Illustrator単体ならがあります。
ソフト1本当たりの価格はコンプリートプラン と比べて割高ですが、イラレ単体なら最安です。

制作を加速させる最強素材サイト

最強素材サイトであるAdobeStockがあると制作の効率性、品質がさらに高まります。
無料素材とは一味違うので手を加える手間が劇的に省けますよ。

ゼロイラもくじ

ゼロから始めるIllustratorのもくじです。

ゼロから始めるIllustrator目次
【導入編】ゼロから始めるIllustrator
最安値でイラレを購入する方法と導入方法
イラレでよく使う機能15選 for 初心者
イラレ全ショートカット一覧
Illustratorとは・DTPの基礎知識
操作画面、新規作成と保存、各種ファイル形式
オブジェクトの作成と選択、構造
イラレの塗りと線について
イラレのカラーモードについて
RGBからCMYKへ変換する方法
整列と分布について徹底解説
オブジェクト重ね順について徹底解説
数値入力によるオブジェクトの作成と操作
レイヤーの概念と操作を分かりやすく徹底解説
オブジェクトの色々なコピペ方法
ペンツールの基本操作とパスの編集
ペンツールを使ったトレースのテクニック①
ペンツールを使ったトレースのテクニック②
グラデーションツールを極める
メッシュツール・グラデーションメッシュの使い方
ブラシツール・塗りブラシツールの使い方と違い
消しゴムツール・はさみツール・ナイフの使い方
パスファインダーの機能全てを徹底解説
ブレンドツールを使ったオブジェクト作成
回転ツールと回転コピーの使い方
リフレクトツールの使い方
歯車や花、本など色々な図形を作る方法
文字ツールの基本的な使い方
文字を装飾する・アピアランスの設定
文字で画像をマスクする
アピアランスを使って線を設定・線をデザインする
クリッピングマスクの使い方を徹底解説
ライブトレースを徹底解説
ライブペイントを徹底解説
イラレで略地図を作る
編集しやすい角丸長方形の作り方
トンボ(トリムマーク)の設定と塗り足し
名刺サイズのレイアウト用紙の作成とガイドの作成・活用
ポートフォリオ用のテンプレート
ニーアオートマタのUI風ポートフォリオ用テーマ
ゼロイラの目次一覧
SCROLL
目次一覧
ゼロから始めるシリーズ

IllutratorとPhotoshopの使い方をゼロから解説する「ゼロから始めるIllustrator」と「ゼロから始めるPhotoshop」の目次リンクです。
本業が教えるイラレとフォトショ講座の目次は下記からどうぞ。