バナーなどをデザインするときに、点線のあしらいを入れると、抜け感が出てちょっとしたワンポイントになってくれるので便利です。
今回はPhotoshopでペンツールで簡単に点線を描く方法をお伝えします。
目次
ペンツールで簡単に点線を作ろう
左のツールバーから「ペンツール」を選択
「ペンツール」の中でも色々種類がありますが、直線を描きたいときは「ペンツール」、曲線を描きたいときは「フリーフォームペンツール」を選択すると描きやすいです。

ペンツールを選択すると、画面上部にオプションが表示されます。
点線を描くときは「シェイプ」を選択、それ以外の塗りや線、線種は線を描いてから調整できるので、とりあえずそのままで線を描き、後から調整するという流れでいいと思います。

直線を描くとき
「ペンツール」を選択し、カンバス上で点線を引きたい部分の始点と終点(必要なら中間点も)をクリックして、線のパスを作成します。
このとき、Shiftを押しながらクリックすると水平・垂直の線が描けます。

曲線を描くとき
「フリーフォームペンツール」を選択すると、カンバス上で点線を描きたいようにドラッグして、線のパスを作成することができます。
(ペンツールでも曲線は描けます。描きやすい方でお試しください。)

お好みの点線に設定します
線を描いたら、お好みの点線になるように設定をします。
点線を書く時の設定
- シェイプ
- 塗りの設定を透明に
- 線の色と太さ(任意)
- 点線の種類(任意)
- 詳細設定パネルで整列、線幅、角、破線の線幅、間隔(任意)

点線の設定例


丸い点線を描きたいときは線幅を「0」にします。
まとめ
Photoshopのペンツールで簡単に点線を描く方法をお伝えしました。
設定によって色々な点線が描けるのでデザインに合わせて調整してみていただくとよいと思います。
ご参考になれば幸いです。

