Mobile app version of vmapp.org
Login or Join
Moriarity648

: Simple Line Fading Away At Both Ends I am not much of a designer. Looks like a very basic thing to do but i don't know how to do it. I just want to create a line that is blurred from

@Moriarity648

Posted in: #AdobePhotoshop #WebsiteDesign

I am not much of a designer. Looks like a very basic thing to do but i don't know how to do it. I just want to create a line that is blurred from the ends and have this shade at the bottom of it. Its a kind of a separator that i can use on a website. I want to do it in Photoshop. As an example, check out the following image:

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Moriarity648

2 Comments

Sorted by latest first Latest Oldest Best

 

@Samaraweera207

Create a New Layer and then Using Rectangular Marquee Tool Draw line and then choose brush tool to paint





Using Eraser tool erase the both ends and set the Eraser Opacity to 50%

Make a new layer and using Rectangular Marquee Tool draw rectangle below the edge line and paint gently using brush which set to opacity 50%.



Now choose the line layer and select Gaussian Blur and set radius to 20. See the final result below. Hope it helps You !!!

10% popularity Vote Up Vote Down


 

@Marchetta832

Make a rectangular shape of the total size of your line (e.g. 1px by 600px). Set fill to 0%. Double click the layer to access the layer styles. Add gradient overlay. Edit gradient to go from 0% black to 50% black to 90% black.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme