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.

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.

image

share|improve this question
1  
Please don't include a "download" link, please link directly to the picture through an image sharing website such as imgur. –  Johannes Nov 20 '12 at 16:23

1 Answer 1

New layer - draw a black to transparent gradient.

grad

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.

transform

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

dup

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

line

Select both Gradient layers and merge them.

Adjust sizing if needed.

Finter > Blur > Gaussian Blur to your liking.

blur

Lower opacity of gradients as needed.

opacity

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

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.