Tell me more ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.
up vote 3 down vote favorite

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...

enter image description here

Click here for a higher quality version.

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

Thanks.
Hristo

share|improve this question
1  
Have a look at graphicdesign.stackexchange.com/questions/1441/… for answers to a similar question. – Sean Apr 16 '11 at 4:19

1 Answer

up vote 7 down vote accepted

  1. Use Marquee tool to create a line.

    Step 1: Line

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

    Step 2: Gradient

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

    Step 3: Isolated layer mask

  4. Done!

    Complete

share|improve this answer
1  
In Photoshop, one might change step 2 above to: apply a layer style using gradient or drop shadow." This would make later fiddling and adjustment easier. – horatio Apr 15 '11 at 17:20

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.