Categories
design education technology

Paint a dashed line with rounded corners in Photoshop

Photoshop Part 2: Putting the Dash Brush into Action

  1. Create or open a document.
  2. Select the Brush tool in the Tools panel.
Brush tool
Brush tool
  1. In the Control panel, select your Dash brush. It should be all the way at the bottom of the Brush Preset picker.
Dash brush
Dash brush
  1. Still in the Brush Preset picker, reduce the Master Diameter. I set mine to 30px.
Master Diameter
Master Diameter
  1. Pick a foreground color for your dashed line.
Pick a foreground color
Pick a foreground color
  1. Open the Brushes panel (Window > Brushes).
Brushes panel
Brushes panel
  1. Click on Brush Tip Shape on the left edge of the Brushes panel.
  2. Increase the Spacing. I set mine to 503%. Notice how the preview window at the bottom shows you a dashed line.
Brush Tip Shape - Spacing
Brush Tip Shape - Spacing
  1. Click on Shape Dynamics on the left edge of the Brushes panel.
  2. Use the Control dropbox box under Angle Jitter to change the Angle to Direction. This will change the angle of the dash according to the direction of the line you paint.
Angle Jitter set to Direction
Angle Jitter set to Direction
  1. Paint your line! I recommend you do this on its own layer.
Paint your line
Paint your line
  1. If the dashed line is on its own layer, try a Layer Effect on it too (Layer > Layer Style). I added a drop shadow.
Drop Shadow
Drop Shadow

 

Done

1 reply on “Paint a dashed line with rounded corners in Photoshop”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.