Mobile app version of vmapp.org
Login or Join
Turnbaugh909

: How would I recreate this horizontal line in Photoshop? I've seen variations of this idea... in HTML, the <hr /> tag creates a horizontal line that can be used as a spacing tool to separate

@Turnbaugh909

Posted in: #AdobePhotoshop

I've seen variations of this idea... in HTML, the <hr /> tag creates a horizontal line that can be used as a spacing tool to separate headings, blocks of content, etc... I'd like to create such a line using Photoshop and have it look like this...


Click image for full resolution

How would I do this in Photoshop? Are there tutorials dedicated to this?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Turnbaugh909

1 Comments

Sorted by latest first Latest Oldest Best

 

@Berumen635

Use Marquee tool to create a line.


Use Marquee tool to create a section above the line and fill the selection with a gradient.


Mask the layer with a vertically-reflected gradient (Opaque at the middle, transparent at the edges)


Done!

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme