4 Replies Latest reply on Jan 6, 2013 1:00 AM by groove25

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

LinearGradient Jan 4, 2013 4:16 AM

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

I 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.

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

groove25 Jan 4, 2013 8:36 AM (in response 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.
Like Show 0 Likes(0)

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

groove25 Jan 4, 2013 10:53 AM (in response 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.
Like Show 0 Likes(0)

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

LinearGradient Jan 5, 2013 11:35 PM (in response to groove25)

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.
Like Show 0 Likes(0)

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

groove25 Jan 6, 2013 1:00 AM (in response 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?
Like Show 0 Likes(0)

Actions

Go to original post

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

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

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

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

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

Actions

More Like This

Legend