Illustrator(イラレ)で点線・破線を作る方法を紹介!

Illustrator(イラレ)で点線・破線を作る方法を紹介!

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

Illustrator(イラレ)で点線・破線を作る方法を知りたい

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

イラレでは簡単に点線や破線が作れます。

作り方がわからないという方は是非この記事を読んでください。

この記事を読むメリット

  • イラレで点線や破線を作る方法がわかる

この記事を書いた人

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

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

他にもXDで点線を作る方法を紹介しています。

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

イラレで点線を作る方法

早速イラレで点線を作る方法を紹介します。

イラレで点線を作る手順は下記の通りです。

イラレで点線を作る手順

  1. 線を作成する
  2. 線パネルで「破線」にチェックを入れる

線を作成する

始めに線を作成します。

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

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

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

線パネルで「破線」にチェックを入れる

先ほど作成した線を点線に変更します。

「ウィンドウ」→「線」を選択して線パネルを表示させます。

続いて線パネル内にある「破線」にチェックを入れます。

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

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

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

以上で点線を作る手順は終了です。

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

線パネルでは先ほど作成した点線を調整することが出来ます。

線パネルで出来る調整

  • 点線の長さを調整する
  • 点線の間隔を調整する
  • 一点鎖線を作成する

点線の長さを調整する

点線の長さを調整することが出来ます。

点線を選択した状態で線パネルの「線分」の数値を調整します。

数値が大きくなるほど線の長さが長くなります。

点線の間隔を調整する

点線の間隔を調整することも出来ます。

線パネルの「間隔」の数値を調整します。

数値が大きくなるほど間隔が広くなります。

一点鎖線を作成する

一点鎖線とは線と点を交互に並べた連続線です。

線パネルの2つ目の「線文」と「間隔」に数値を入力すると1点鎖線が作成されます。

丸い点線を作る方法

先ほど作成した点線を丸くすることも出来ます。

点線を選択して先パネルで下記の対応をします。

丸い点線に変更する手順

  1. 線幅を「10px」にする(数字は任意)
  2. 線端を「丸型線端」に変更する
  3. 線分を「0」にする
  4. 間隔を「20px」にする(数字は任意)

上記の手順を行うことで丸い点線を作ることが出来ます。

点線図形の角を整える

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

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

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

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

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

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

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

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

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

この記事ではイラレで点線を作る方法を紹介しました。

イラレでは簡単に点線を作ることが出来ます。

まだやったことのない方は是非実施してみてください。

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

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