Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

enter image description here

Can any body teach how to create a distinguish line running through in the middle of box. Looking exactly like in the given image.it would be more helpful if would show me step by step images

[EDIT NOTE: I lightened the image levels, and cropped to one side in order to avoid site resize. This was done so overall appearance can be better seen.]

share|improve this question
This is just a line with a mask, drop-shadow and outer glow applied to it. –  Johannes May 5 '13 at 7:07
I was just looking for this but I Google slash or cut. You called it distinguish line haha. (I totally got here by accident couple days later i would never find it by googling it) –  Xitcod13 May 6 '13 at 1:52

1 Answer 1

Essentially it's 4 simple objects, disregarding the background pattern.

  • A white radial gradient with the bottom half removed
  • A black line, 1 pixel tall, and fading to nothing on both ends.
  • A 1 pixel white line which fades on both ends
  • A black radial gradient with the top half removed.


share|improve this answer

Your Answer


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.