Photoshopで破線を引く方法をお探しですね。
広告
Photoshopで点線・破線を引く方法を分かりやすく解説
Photoshopで点線や破線を引きたいとき、「ブラシで描く」という方法を思い浮かべる人が多いかもしれません。
でも実は、それ以外にもいろいろな方法があるんです。
バナーの区切り線、写真への注釈、Webデザインのアクセント、地図のルート表示など、使う場面によって最適な作り方は変わってきます。
この記事では、Photoshopで点線・破線を引くときに知っておきたい基本的な考え方から、シェイプやペンツール、ブラシツールを使った具体的な設定方法、そして「あれ、うまく表示されない…」となったときのチェックポイントまで、初心者の方にも分かりやすく説明していきます。
点線・破線を引く前に押さえておきたいこと
Photoshopで点線や破線を作る方法は、大きく分けて2つあります。
「シェイプとして作る方法」と「ブラシで描く方法」です。
**シェイプで作る方法**は、あとから色や太さ、点と点の間隔を調整しやすいのが特徴です。
デザインの仕事で修正が入りそうなときに便利ですね。
一方、**ブラシで描く方法**は、手描きっぽい雰囲気の線や、特殊なブラシを使った装飾的な線を作りたいときに向いています。
どちらでも点線・破線は作れますが、「完成したあとにどれくらい編集したいか」で選ぶと失敗しにくくなります。
特に、きれいな直線の点線・破線を引きたいなら、まずシェイプ系のツールを試してみるのがおすすめです。
Photoshopのシェイプはベクター形式に近い扱いができるので、拡大縮小しても劣化しにくく、線の太さや色の変更も簡単。
ブラシで描いた線はピクセルとしてレイヤーに描き込まれるため、あとから線の太さそのものを変えるのはちょっと難しいんです。
修正のしやすさを重視するなら、ラインツールやペンツールで作る点線・破線のほうが扱いやすいでしょう。
使い分けの目安
– **あとから太さや色、間隔を変えたい** → シェイプやペンツール
– **手描き風、ブラシ素材風、にじんだ点線を作りたい** → ブラシツール
– **曲線や自由な形に沿わせたい** → ペンツールでパスを作る
ちなみに、まっすぐな線を引きたいときは**Shiftキー**の使い方も覚えておくと便利です。
ラインツールやペンツールでShiftキーを押しながら操作すると、水平・垂直・45度といった角度に固定しやすくなります。
ブラシツールでも、始点をクリックしてからShiftキーを押しながら終点をクリックすると、2点を結ぶ直線が描けます。
点線・破線の作り方だけでなく、「きれいな直線にするコツ」も一緒に覚えておくと、仕上がりがぐっとよくなりますよ。
シェイプやペンツールで点線・破線を作る方法
あとから編集しやすい点線・破線を作るなら、シェイプ設定を使う方法が基本です。
基本的な手順
1. **ラインツール**または**ペンツール**を選ぶ
2. 上部のオプションバーでツールモードを「**シェイプ**」にする
3. 「**塗り**」をなしにして、「**線**」に好きな色を設定
4. **線幅**を指定する（黒い破線なら8pxや10pxくらいが見やすい。
細い線なら2〜4px程度から試してみましょう）
ラインツールを使う場合は、ドラッグするだけで直線が引けます。
水平や垂直にしたいときはShiftキーを押しながらドラッグ。
ペンツールの場合は、始点をクリックして、終点をクリックすれば線ができます。
こちらもShiftキーで角度を固定できます。
破線の設定方法
どちらのツールでも、上部オプションバーにある「**線オプション**」から実線・破線・点線を切り替えられます。
Photoshopのバージョンによって表示位置が少し違うこともありますが、線幅の近くにある線のプレビューや歯車マーク、詳細オプションを探してみてください。
破線の見た目を細かく調整したいときは、線オプションの詳細設定を開きます。
ここで「**ダッシュ**」と「**間隔**」の数値を変更できます。
– **ダッシュ**：線そのものの長さ
– **間隔**：線と線の空き具合
たとえば、短くて細かい破線にしたいならダッシュを短めに、間隔も狭めに。
長めの破線にしたいならダッシュの数値を大きくして、余白をしっかり見せたいなら間隔を広げます。
数値だけで考えるより、実際のプレビューを見ながら少しずつ調整するのが確実です。
丸い点線にするコツ
点線らしい丸い見た目にしたいときは、**線端の設定**も大事です。
線端を「**丸型**」にすると、破線の端が丸くなって、短いダッシュと組み合わせることで点のような表現ができます。
角ばった点線に見えてしまう場合は、線端が「バット線端」や「角型」になっている可能性があります。
丸いドットのようにしたいなら、線端を丸型にして、ダッシュを短く、間隔を適度に広げるのがポイントです。
シェイプで作った線は、レイヤーパネルでシェイプレイヤーとして残ります。
なので、作成後でもレイヤーを選択すれば線幅や色、破線設定を変更できるんです。
これがシェイプの大きなメリットですね。
ブラシツールで点線・破線を描く方法
ブラシツールで点線を描く場合は、ブラシ先端の「**間隔**」を広げるのが基本です。
基本的な手順
1. **ブラシツール**を選択
2. **ブラシ設定パネル**を開く
3. ブラシの種類は「**ハード円ブラシ**」のような輪郭がはっきりした円形ブラシを選ぶと分かりやすい
4. **直径**を設定（小さな注釈線なら5〜10px、目立たせたい装飾なら20px以上など）
5. **硬さ**は100%にするとくっきりした点線に。
下げると周囲がぼけた柔らかい点になります
間隔の調整
点線にするための重要な設定が「**間隔**」です。
ブラシ設定パネルのブラシ先端の項目で「間隔」にチェックを入れて、数値を大きくしていきます。
– 間隔が狭い → 点同士がつながって普通の線に近くなる
– 間隔を広げる → 点と点の距離が空く
数値はピクセルではなく割合で調整するので、最初は100〜200%前後を目安にして、プレビューを見ながら調整するといいでしょう。
点が詰まりすぎたら間隔を上げて、離れすぎたら下げます。
直線の点線を引くコツ
ブラシで直線の点線を引くには、**始点をクリック → Shiftキーを押しながら終点をクリック**という方法が便利です。
ドラッグでも描けますが、手の動きで線がぶれやすいので、直線にしたい場合はクリックとShiftを組み合わせたほうが安定します。
横線や縦線を素早く描く場合は、Shiftキーを押しながらドラッグする方法も使えます。
ブラシは現在の描画色で描かれるので、色を変えたい場合は事前に描画色を設定しておきましょう。
あとから色を変えることもできますが、シェイプほど簡単ではないので、色ごとにレイヤーを分けておくと修正しやすくなります。
破線風の線を作る
ブラシツールで破線風の線を作りたい場合は、円形ブラシだけでなく、ブラシ先端の形を横長にする方法があります。
ブラシ設定で**真円率**を下げると、丸い点が横長の楕円になって、間隔を広げることで破線のような見た目になります。
さらに角度を調整すれば、斜め方向の破線風ブラシにもできます。
ただし、ブラシで作った破線はピクセルとして描かれるため、あとから破線の間隔や線端を細かく変更したい場合には向いていません。
自由な質感を出したいときはブラシ、整ったデザイン線を作りたいときはシェイプという使い分けが実用的です。
うまく引けないときのチェックポイント
Photoshopで点線や破線がうまく表示されないとき、まず確認したいのが「**ツールモード**」です。
ラインツールやペンツールを使っているつもりでも、モードが「パス」や「ピクセル」になっていると、線オプションで破線を設定できなかったり、思ったように編集できなかったりします。
あとから調整できる線を作りたい場合は、ツールモードを「**シェイプ**」にしておくことが大切です。
また、**塗りと線の設定**も見落としやすいポイントです。
塗りが入っていて線がなしになっていると、線を引いたつもりでも期待した見た目になりません。
点線が丸くならないとき
**線端の設定**を確認してみましょう。
シェイプの線オプションで線端が角ばった設定になっていると、点線というより短い四角の連続に見えることがあります。
丸い点にしたい場合は、線端を**丸型**にして、ダッシュの長さを短くして間隔を調整します。
逆に、きっちりした機械的な破線にしたい場合は、角ばった線端のほうが適していることもあります。
目的に合わせて線端を使い分けることで、同じ破線でも印象を変えられますよ。
ブラシの点線がつながってしまうとき
**間隔の値が低すぎる**可能性があります。
ブラシの直径を大きくすると、同じ間隔の数値でも点同士が近く見えることがあるので、直径と間隔はセットで調整しましょう。
また、**硬さが低いブラシ**を使うと点の周囲がぼけて重なり、点線がにじんだ線のように見えることがあります。
くっきりした点線にしたい場合は、ハード円ブラシを選んで、硬さを高めに設定しましょう。
柔らかい雰囲気や光の粒のような表現をしたい場合は、あえて硬さを下げるのも効果的です。
結局どれを使えばいい? 使い分けのまとめ
最後に、それぞれの方法がどんなときに向いているかをまとめておきます。
シェイプで作る（おすすめ度：★★★）
– Webバナーや資料用の区切り線
– 注釈線など、あとから修正する可能性が高いもの
– きっちりした印象の線が欲しいとき
ブラシで描く（おすすめ度：★★☆）
– 写真加工の上に手描き風の点線を加えたい
– ブラシ素材を使って装飾的な線を作りたい
– イラストの一部として自然な線を描きたい
ペンツールでパスを作る（おすすめ度：★★★）
– 曲線に沿った点線・破線を作りたい
– 自由な形に沿わせたい
– あとから形を調整したい
PhotoshopはIllustratorほど線編集に特化しているわけではありませんが、シェイプとブラシの特徴を理解すれば、実務でも十分に使いやすい点線・破線を作れます。
最初は試行錯誤するかもしれませんが、何度か作っているうちにコツがつかめてくるはずです。
ぜひいろいろ試してみてくださいね。
広告
