How can I create the effect illustrated in the attached picture? If a box of a given width (say 300px) and of the same height and color as in the picture is inserted in the middle, the resulting picture will look bent with shadow at both the right and left hand side.

I highly appreciate it if the instructions are given in more details as I am new to Photoshop.

I am using Photoshop CS6.


  • 1
    Please don't include a "download" link, please link directly to the picture through an image sharing website such as imgur.
    – Hanna
    Nov 20, 2012 at 16:23

1 Answer 1


New layer - draw a black to transparent gradient.


Choose Edit > Free Transform

Hold down the Command-Option-Shift Keys (Mac) or Ctrl-Alt-Shift (Win) and drag a top corner inward.

Hit OK

Choose Edit > Free Transform again, hold down the Option/Alt key and drag the sides in.


Duplicate layer and rotate 180° and place at bottom of image.


Draw a line with the same color as the background. and place it above the gradients.


Select both Gradient layers and merge them.

Adjust sizing if needed.

Finter > Blur > Gaussian Blur to your liking.


Lower opacity of gradients as needed.


  • also: a little "outer glow" of black for "shape 1" to get the slight definition in the center area.
    – horatio
    Nov 20, 2012 at 19:24
  • Thanks for the quick reply. I appreciate the detailed help. The answer was greatly helpful.
    – omar
    Nov 21, 2012 at 19:59

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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