Skip navigation
LinearGradient
LinearGradient Calculating status...
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.

482 Views   4 Replies   Latest reply: groove25, Jan 6, 2013 1:00 AM
 
Replies
  • groove25
    Currently Being Moderated
    1. groove25,
    Jan 4, 2013 8:36 AM   in reply to LinearGradient
    Report

    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:
  • groove25
    Currently Being Moderated
    2. groove25,
    Jan 4, 2013 10:53 AM   in reply to LinearGradient
    Report

    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:
  • LinearGradient
    Currently Being Moderated
    3. LinearGradient,
    Jan 5, 2013 11:35 PM   in reply to groove25
    Report

    I think solution a won't work, because the light inner shadow-like yellow is also visible on the inner right and left edges of the button. Solution b works, but ideally I was looking for a solution with only one object.

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

    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:
Actions

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