Skip navigation
Currently Being Moderated

Is there a way to make the Inner Shadow to only render over the fill, and not stroke of a rectangle?

Jan 4, 2013 4:16 AM

To be precise, I want to recreate this button in Fireworks (original here):

 

Screen Shot 2013-01-04 at 11.08.11 PM.pngI created a rectangle with the stroke set to the dark orange color, and the fill to the light yellow color. Then I wanted to add a white inner shadow with 50% opacity to make the effect that's visible in the inner top, left, and right edges. However the shadow is also affecting the stroke. Is there a way to make it only affect the fill?

 

Thanks.

 
Replies
  • Currently Being Moderated
    Jan 4, 2013 8:36 AM   in reply to LinearGradient

    Two ideas: a) try a gradient fill instead, or b) clone the object, and apply the fill to one object and the stroke to the other. Later, you could group the two objects or define the whole thing as a symbol, allowing you to treat it as a single unit.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 4, 2013 10:53 AM   in reply to LinearGradient

    Actually, you can control the stacking order of filter effects. So you could apply the Inner Shadow effect to the object without the stroke, and then add the Stroke via the Photoshop Live Effects (at the bottom of the Filters menu).

     

    Both this and the Gradient Fill options would allow you to save the appearance as a Style, where it could then be applied to other buttons or objects.

     
    |
    Mark as:
  • Currently Being Moderated
    Jan 6, 2013 1:00 AM   in reply to LinearGradient

    Before you give up on the Gradient Fill approach, be sure to try different styles—like Contour, for instance—and realize that you can scale the gradient and reposition it, to get the right effect.

     

    Also, did you try the third solution: applying both Inner Shadow and Stroke as filter effects?

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points