I'm designing a site for a client. And I was wondering if I could get some help using shadows to create a "folded" effect on this div. The div overlaps the bottom edge of the header, and I want to give the impression of a crease in the image, where the bottom half lifts off the page.

I've got Photoshop, here's what I have so far (UPDATED):

first attempt

I needs to crease right at the bottom of the header, and I need a drop shadow that comes off. Could anyone give me some tips on how I could create such a shadow in Photoshop?

Final version:

revised version


Edit: New pic, a better example of what I'm going for, help me perfect it if you can. Thank you!

  • i am not getting what you need :( do you have any example image such as what you want to achieve ? – Jack Aug 20 '11 at 4:44
  • 1
    Similar question with good answers at graphicdesign.stackexchange.com/questions/1912/… – Farray Aug 20 '11 at 5:26
  • Yeah, that's kind of what I'm going for, but my implication is a bit different. I've done some work in Pixelmator, and I've made a new example to show you what I'm after. My first one kidna sucks, give me a minute. – alt Aug 20 '11 at 5:54
  • I updated for new pic. – alt Aug 20 '11 at 6:17
  • this is very easy with the help of photoshop holdon – Jack Aug 20 '11 at 6:24

This is very easy to achieve(according to your updated pic) ages ago i did the same for a project,

what you have to do is just follow this better drop shadow in photoshop tutorial, and you are done, i am sure this will help you

  • In addition to this, I used some of the techniques presented in @Farray's link. I've posted my final above. – alt Aug 20 '11 at 6:48
  • now its looking really great cheers – Jack Aug 20 '11 at 6:52
  • just one advise make it bit light its too much black in shadows at last as you like. – Jack Aug 20 '11 at 6:53
  • YEs, I realized that and corrected it. – alt Aug 20 '11 at 7:00
  • When i saw the picture, first thing that came to mind was "shadows". For that i will upvote! – Luuk Aug 22 '11 at 8:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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