Photoshopで図形やパスに破線または点線の線を追加する方法

Photoshopで破線または点線のストロークを追加するには、シェイプレイヤーを描画または選択し、表示可能なストロークを適用して、ストロークの種類メニューから破線または点線を選択します。ペンツールで描画した独立した作業パスの場合は、間隔の広いブラシと「パスのストローク」コマンドを使用します。適切な方法は、編集可能なシェイプを扱っているか、ペイントされていないパスを扱っているかによって異なります。

図形に破線または点線の輪郭線を追加する

Photoshopの現在のデスクトップ版には、長方形、楕円、線、多角形、その他の図形レイヤー用のストロークタイプが含まれています。ブラシで描いた線とは異なり、スタイルは編集可能です。以下の4つの手順に従ってください。

1. 図形モードで描画します。ツールバーから長方形、楕円、線、またはその他の図形ツールを選択します。オプションバーで、 「パス」や「ピクセル」ではなく「図形」を選択し、キャンバス上でドラッグします。パス選択ツールを使用して既存の図形を選択することもできます。

   

2. ストロークを表示するには、オプションバーまたはプロパティパネルで「ストローク」を開き、単色、グラデーション、またはその他のサポートされているストローク塗りを選択します。アウトラインのみが必要な場合は、「塗りつぶし」を「なし」に設定します。「塗りつぶし」（図形の内部）と「ストローク」（図形の境界線）を混同しないでください。

   

3. 線の太さを設定します。線の太さの見本欄の横にピクセル値を入力してください。値が大きいほど、破線が太くなり、点が目立ちます。表示サイズで形状を確認してください。拡大表示時に鮮明に見えるパターンでも、縮小すると窮屈になる場合があります。

   

4. 線種を選択します。線幅の横にある線種メニュー「シェイプの線種を設定」を開き、 「破線」または「点線」を選択します。シェイプレイヤーのアウトラインが更新されます。既存のスタイルを変更するには、シェイプを再度選択し、同じメニューを再度開きます。

   

破線の長さ、間隔、行末をカスタマイズします

プリセットは便利な出発点ですが、ストロークコントロールを使用すると、パターンの見た目をさらに細かく調整できます。ストロークタイプメニューを開き、利用可能な場合は「その他のオプション」を選択して、ストロークオプションのコントロールを展開します。ダッシュとギャップのパターンを調整して、マークを長くしたり、間隔を狭くしたり、点線の見た目を薄くしたりできます。フィールドとメニューのレイアウトは、Photoshopのバージョンによって異なります。

キャップは、開いたストロークの端の形状を変えます。バットキャップは平らな端、ラウンドキャップは丸みを帯びた端、プロジェクティングキャップは角張った端を延長します。ラウンドキャップは、柔らかな印象のドットを描くのに効果的です。バットキャップは、ダッシュをより角ばった印象にします。閉じた形状の場合、コーナーの接合方法（マイター、ラウンド、ベベル）やストロークの配置（内側、中央、外側）によっても結果が変わります。これらのオプションは、特に太いストロークで顕著に現れます。

設定の組み合わせを再利用するには、ストロークオプションの歯車アイコンを開き、「ストロークを保存」を選択します。Adobeでは、シェイプ間で設定を転送するための「ストロークの詳細をコピー」と「ストロークの詳細をペースト」についても説明しています。これらのコマンドについては、 Adobeのシェイプストロークオプションガイドを参照してください。

作業経路に沿って点線または破線を描く

作業パスはシェイプレイヤーとは異なります。パスモードでペンパスを描画すると、選択および編集可能なアウトラインが作成されますが、目に見える破線は自動的に描画されません。このブラシベースの方法は、便利なシェイプストロークプリセットがない古いバージョンのPhotoshop CSでも役立ちます。

1. パスを作成します。ペンツールを選択し、モードを「パス」に設定して、線または曲線を描画します。ウィンドウ > パスを開いて、作業パスを選択します。後で使用するためにパスを保存する必要がある場合は、保存してください。

2. ペイント可能なレイヤーとブラシを準備します。テキスト、調整、スマートオブジェクト、マスクレイヤーではなく、通常のピクセルレイヤーを作成または選択します。Bキーを押してブラシツールを選択し、ドットを描く場合は硬めの丸いブラシ先端を選択します。ダッシュのようなマークを描く場合は、お使いのバージョンに平らなブラシ先端または長方形のブラシ先端があればそれを使用します。描画色とブラシサイズを設定します。

3. ブラシの間隔を広げます。ウィンドウ > ブラシ設定を選択し、ブラシ先端形状を開いて、プレビューで個々のスタンプが点または破線に分かれるまで間隔を広げます。より平らなマークにするには、必要に応じてブラシ先端の丸みや角度を調整します。均一なマークが必要な場合は、散布またはサイズ変化を無効にします。

   

4. パスをストロークします。パスパネルでパスを選択します。パネルの「パスをストローク」コマンド（または該当する場合は「サブパスをストローク」）を使用し、「ブラシ」を選択して、「筆圧シミュレーション」をオフにして、一定の幅にします。選択したピクセルレイヤーの曲線に沿ってペイントすることを確認します。マークが近すぎたり離れすぎている場合は、元に戻してブラシの間隔を調整します。

   

ストロークが正しく見えない場合

• 破線や点線のオプションがない場合：オブジェクトがシェイプレイヤーであることを確認し、パス選択ツールで選択してください。パスモードとピクセルモードではコントロールが異なり、レイヤースタイルのストロークはシェイプのストロークタイプとは異なります。
• 点線が重なり合う場合：形状ストロークの間隔を広げるか、描画パスのブラシ間隔を広げてください。非常に太いストロークの場合は、それに応じて間隔を大きくする必要があります。
• ストロークパスの後に何も表示されない場合：ピクセルレイヤーがアクティブになっていること、パスが選択されていること、ブラシツールの色、サイズ、不透明度が表示されていることを確認してください。Adobeによると、ストロークパスは特定の非ピクセルレイヤータイプに直接描画することはできません。
• エッジが不均一に見える場合：ブラシサイズを全体を通して同じにし、筆圧シミュレーションを無効にし、均一な間隔が必要な場合はブラシダイナミクスを避けてください。

メニューの詳細については、Adobeの公式リファレンス（シェイプ、パス、ピクセルモード、ブラシ設定、パスに沿ったペイントストロークに関するもの）を参照してください。