If you’re a webdesigner you most likely use Photoshop to create mockups of webpage designs for your clients. One technique I use in a lot of my website designs is. They add a lot more visual interest than a regular underline, and work great to break-up sections of content.
Choose the brush from your tool bar.
Open up your brushes (under Window > Brushes). Uncheck all options on the left, and move the “spacing” up to 250% (more or less for different spacing obviously. You’ll see the dots separate in the preview.
Draw a line with your brush on your canvas, and your line will be dotted. Hold shift for a straight line.
There it is.. How to create dotted lines in Photoshop!