Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am trying to recreate this effect (see photo) from the HipMunk Android app and I am having some issues as the shadow is coming out other sides on the shape. I just want the shadow out of the right side. Let me know. Thanks!

shadow effect

share|improve this question
up vote 1 down vote accepted

A shadow on only one side is merely a gradient. You can create one easily by having a rectangle (3px wide, 0%fill) for the area and a gradient overlay in layer styles.

share|improve this answer
yes, yes it is. Well done. Thanks! – Zack Aronson Jun 4 '13 at 19:12

What method are you using to create it? Your example only has a 3 pixel fade/shadow, so you could probably just fake it, but if you want the general method to create dropshadows...

In the effects pop-up (from the little fx icon at the bottom of the layers palette), if you choose dropshadow, it will take you to this:

enter image description here

Set the angle to 180 (horizontal) as shown.

share|improve this answer
That method does not work for me because the drop shadow will still fade out of the other sides of the shape and not just the right side. I ended up just making a 1x10 shape, made the drop shadow I wanted and then right clicked the "fx", clicked create a new layer and then just marquee deleted the shadow I didn't want. – Zack Aronson Jun 4 '13 at 18:49

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.