How to create this line in photoshop.

[Sayed Taqui]

Hey this is my first question here , I m a web develeoper but I m not very much familar with photoshop.
One of my client want to have facebook and twitter enclosed into a line like this.


I know probably it can be created with brushes but I dont know how to do it.
the color the line should be #641113.

Any help
Thanks
Sayed Taqui.

 

[Dalkarls]

I asume it's the fading line you are trying to ashive? There are many ways of doing it but I will try to explain the way I would do it.
Draw a line with pencil tool. Add a "Layer mask" and with black set as forground color drag with "Gradient tool" on the "Layer mask". This will give a fading result. Hope it will help.

 

[ibclare]

If you want the line to taper, you can set your brush tool to a degree of softness and size, then stroke your line with simulate pressure. Then ctl/cmd click the thumbnail and add the gradient.

The line will be fat in the middle and taper at each side, so you can cut this in half (I'd use the square marguee tool), then duplicate your result, transform (flip horizontal) and move to the other position. OR, use a radial gradient, cut in half and move the pieces.

If there is one way to do something in Photoshop, there are two ways or three ways, etc.!

 

[sprucemagoo1]

It might have been done by css putting a gradient on a 2px thick line. It's what I would have done.

If we knew what website it was, we would be able to find out.

 

[Dalkarls]

That option never hit me Spruce, you most likely right. It seams odd to make something like that into a image if it's gonna be a clickable header.

 

[Sayed Taqui]

Thanks a lot for the answers, I created a line with the line tool and then went to filter>blur>Motion Blur
and got exactly what I wanted.