Illustratorで点線(破線)を作成する方法!

Illustratorで点線(破線)を作成する方法!

※当ブログでは商品・サービスのリンク先にプロモーションを含みます。ご了承ください。

takato(@n8takato)です!

Illustratorで点線(破線)を作成する方法を知りたい

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

Illustratorでは簡単に点線(破線)を作成することが出来ます。

この記事ではIllustratorで点線(破線)を作成する方法を紹介します。

この記事を読むメリット

  • Illustratorで点線(破線)を作成する方法がわかる

この記事を書いた人

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

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

XDで点線(破線)を作成する方法についてはこちら

あわせて読みたい
【簡単】AdobeXDで点線を作る方法を紹介! XDで点線を作る方法を知りたい。 この記事では上記の課題に向けて作成しています。 XDでwebデザインを制作していると点線を活用する機会があります。 実はXDでは簡単に...
目次

Illustratorで点線(破線)を作成する方法

早速Illustratorで点線(破線)を作成する方法を紹介します。

Illustratorで点線(破線)を作る手順は下記の通りです。

Illustratorで点線(破線)を作成する手順

  1. 「ペンツール」で線を作成する
  2. 線プロパティで「破線」にチェックを入れる

「ペンツール」で線を作成する

始めに線を作成します。

「ペンツール」を選択して線を作成します。

「ペンツール」を選択して線を作成します。
直線を作成

※Macユーザーは「Shift」を押しながらクリックすると直線が作成出来ます。

線プロパティで「破線」にチェックを入れる

続いて線を破線に変更します。

線プロパティを開いて「破線」にチェックを入れます。

線プロパティを開いて「破線」にチェックを入れます。※線プロパティは「ウィンドウ」→「線」で表示することが出来ます。
「破線」にチェック

すると点線が作成されます。

すると点線が作成されます。
点線の完成

※線プロパティは「ウィンドウ」→「線」で表示することが出来ます。

簡単に点線(破線)が作成出来ましたね。

点線(破線)をカスタマイズする方法

作成した点線(破線)をカスタマイズする方法を紹介します。

今回紹介するカスタマイズ内容は下記の3つです。

  • 点線の間隔を調整する
  • 点線の長さを調整する
  • 点線を丸くする

点線の間隔を調整する

Illustratorでは点線の間隔を調整することが出来ます。

線プロパティの「間隔」に数値を入力します。

線プロパティの「間隔」に数値を入力します。
「間隔」に数値を入力

すると点線の間隔が変化します。

すると点線の間隔が変化します。
点線の間隔が変化

※数値が大きいほど間隔が広くなり、数値が小さいほど間隔が狭くなります。

点線の長さを調整する

点線の長さを調節することも出来ます。

線プロパティの「線分」に数値を入力します。

線プロパティの「線分」に数値を入力します。
「線分」に数値を入力

すると線の長さが変化します。

すると線の長さが変化します。
線の長さが変化

※数値が大きいほど線が長くなり、数値が小さいほど線が短くなります。

点線を丸くする

作成した点線を丸に変化させることも出来ます。

①「線幅」の数値を10pxにする

「線幅」の数値を10pxにします。

「線幅」の数値を10pxにします。
「線幅」の数値を10px

※10pxでなくても実際は大丈夫です。ただ3px未満だと丸が小さくなるのであまり小さい数値はお勧めしません。

②「線端」を丸形線端にする

「線端」部分を「丸形線端」に変更します。

「線端」部分を「丸形線端」に変更します。
「線端」部分を「丸形線端」に変更

③「線分」を0にして「間隔」を20にする

最後に「線分」の値を0にして「間隔」を20にします。

最後に「線分」の値を0にして「間隔」を20にします。
「線分」を0、「間隔」を20

すると点線が丸に変化します。

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

点線(破線)の図形の角を揃える方法

点線は直線だけでなく図形にも設定することが出来ます。

点線は直線だけでなく図形にも設定することが出来ます。
図形の点線

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

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

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

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

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

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

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

最後にまとめです。

Illustratorで点線を作る方法

  1. 「ペンツール」で線を作成する
  2. 線プロパティで「破線」にチェックを入れる

上記2つの工程で点線を作成することが出来ます。

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

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

あわせて読みたい
【Illustrator】文字を縦書きにする方法を紹介! Illustratorで縦書きにする方法を知りたい この記事は上記の課題に向けて作成しています。 デザイン制作をしていると文字を縦書きにすることが頻繁にあります。 Illustr...
あわせて読みたい
【Illustrator】PDFに書き出す方法を紹介! IllustratorでPDFに書き出す方法を知りたい この記事は上記の課題に向けて作成しています。 デザイン制作をしていると頻繁にPDFの書き出し作業を行います。 Illustrator...
あわせて読みたい
Illustratorでオブジェクトを反転させる方法! Illustratorで反転させる方法を知りたい この記事は上記の課題に向けて作成しています。 Illustratorではオブジェクトを上下左右に反転させることが出来ます。 やり方は...
  • URLをコピーしました!
目次