
Illustrator(イラレ)で点線・破線を作る方法を知りたい
この記事は上記の課題に向けて作成しています。
イラレでは簡単に点線や破線が作れます。
作り方がわからないという方は是非この記事を読んでください。
この記事を読むメリット
- イラレで点線や破線を作る方法がわかる
この記事を書いた人

この記事を書いた僕はこんな人です!
- 都内制作会社でwebデザイナー・webディレクターとして勤務
- webデザイナー3年、webディレクター1年目
- web制作現場で学んだことを発信している人
他にもXDで点線を作る方法を紹介しています。

イラレで点線を作る方法
早速イラレで点線を作る方法を紹介します。
イラレで点線を作る手順は下記の通りです。
イラレで点線を作る手順
- 線を作成する
- 線パネルで「破線」にチェックを入れる
線を作成する
始めに線を作成します。
「ペンツール」を選択して直線を作成します。

※Macユーザーは「Shift」を押しながらクリックすると直線が作成出来ます。
線パネルで「破線」にチェックを入れる
先ほど作成した線を点線に変更します。
「ウィンドウ」→「線」を選択して線パネルを表示させます。
続いて線パネル内にある「破線」にチェックを入れます。

すると直線が点線に変更します。

以上で点線を作る手順は終了です。
点線をカスタマイズする方法
線パネルでは先ほど作成した点線を調整することが出来ます。
線パネルで出来る調整
- 点線の長さを調整する
- 点線の間隔を調整する
- 一点鎖線を作成する
点線の長さを調整する
点線の長さを調整することが出来ます。
点線を選択した状態で線パネルの「線分」の数値を調整します。
数値が大きくなるほど線の長さが長くなります。
点線の間隔を調整する
点線の間隔を調整することも出来ます。
線パネルの「間隔」の数値を調整します。
数値が大きくなるほど間隔が広くなります。
一点鎖線を作成する
一点鎖線とは線と点を交互に並べた連続線です。
線パネルの2つ目の「線文」と「間隔」に数値を入力すると1点鎖線が作成されます。
丸い点線を作る方法
先ほど作成した点線を丸くすることも出来ます。
点線を選択して先パネルで下記の対応をします。
丸い点線に変更する手順
- 線幅を「10px」にする(数字は任意)
- 線端を「丸型線端」に変更する
- 線分を「0」にする
- 間隔を「20px」にする(数字は任意)
上記の手順を行うことで丸い点線を作ることが出来ます。
点線図形の角を整える
点線は直線だけでなく図形にも設定することが出来ます。

図形に点線を設定した場合、デフォルトのままだと角が綺麗になりません。

そこで右側の枠を選択します。

すると、図形の角が綺麗になりました。

Illustratorで点線を作るのは簡単!
この記事ではイラレで点線を作る方法を紹介しました。
イラレでは簡単に点線を作ることが出来ます。
まだやったことのない方は是非実施してみてください。
Illustratorに関する他の記事はこちら


