takato（@n8takato）です！
XDで点線を作る方法を知りたい。
この記事では上記の課題に向けて作成しています。
XDでwebデザインを制作していると点線を活用する機会があります。
実はXDでは簡単に点線を作成することが出来ます。
この記事ではXDで点線を作る方法を紹介します。
この記事を読むメリット
- XDで点線を作る簡単な方法がわかる
この記事を書いた人
この記事を書いた僕はこんな人です！
- 都内制作会社でwebデザイナー・webディレクターとして勤務
- webデザイナー3年、webディレクター1年目
- web制作現場で学んだことを発信している人
Illustratorで点線を作成する方法についてはこちら
あわせて読みたい
Illustratorで点線（破線）を作成する方法！
Illustratorで点線（破線）を作成する方法を知りたい この記事は上記の課題に向けて作成しています。 Illustratorでは簡単に点線（破線）を作成することが出来ます。 こ...
目次
XDで点線を作成する方法
早速XDで点線を作成する簡単な方法を紹介します。
XDで点線を作成する手順
- 「線ツール」で直線を作成する
- 作成した直線を点線に修正する
「線ツール」で直線を作成する
始めに点線の元になる直線を作成します。
①左側のメニューから「線ツール」を選択します。
②アートボード上に直線を作成します。
作成した直線を点線に修正する
続いて作成した直線を点線に修正します。
③直線を選択した状態で右側の「線」から修正します。
「サイズ」「線分」「間隔」の3つを修正できます。
サイズ
線の太さを調整出来ます。
線分
点線の長さを調整出来ます。
間隔
点線の間隔を調整出来ます。
（補足）直線以外の図形も点線に出来る
直線以外にも長方形や円などの図形を点線にすることが出来ます。
やり方は点線にしたい図形を選択して点線に修正するだけです。
XDで点線を作成するのは簡単！
最後にまとめです。
- 点線にしたい図形をアートボード上に作成する
- 右側の「線」メニューから点線に修正する
XDでは簡単に点線が作成出来ます。
今後作成する機会があれば実施してみてください！
XDに関する他の記事はこちら
あわせて読みたい
【AdobeXD】文字をアーチ状にする方法を紹介！
XDで文字をアーチ状にする方法を知りたい この記事は上記の課題に向けて作成しています。 XDでデザイン制作をしていると文字をアーチ状にしたくなる時があります。 この...
あわせて読みたい
【2024年版】AdobeXDで波線を作る方法を紹介！
XDで波線を作る方法を知りたい この記事は上記の課題に向けて作成しています。 web制作をしていると波線を作ることがたまにあります。 僕も最近波線を作成しました。 そ...