: I found that the inner shadow effect is possible using SVG filters. Open the Appearance palette and go to fx > SVG Filters > Apply SVG Filter... In the Apply SVG Filter dialog click

@Connie430

I found that the inner shadow effect is possible using SVG filters.


Open the Appearance palette and go to fx > SVG Filters > Apply SVG Filter...
In the Apply SVG Filter dialog click on the 'New SVG Filter' icon. You will see a text editor with something like this:

<filter id="NewFilter"></filter>

Replace this code with the following:

<filter id="InnerShadowExample">
<!-- Shadow Offset -->
<feOffset
dx='5'
dy='5'
/>

<!-- Shadow Blur -->
<feGaussianBlur
stdDeviation='3'
result='offset-blur'
/>

<!-- Invert the drop shadow to create an inner shadow -->
<feComposite
operator='out'
in='SourceGraphic'
in2='offset-blur'
result='inverse'
/>

<!-- Color & Opacity -->
<feFlood
flood-color='black'
flood-opacity='0.75'
result='color'
/>

<!-- Clip color inside shadow -->
<feComposite
operator='in'
in='color'
in2='inverse'
result='shadow'
/>

<!-- Put shadow over original object -->
<feComposite
operator='over'
in='shadow'
in2='SourceGraphic'
/>
</filter>

Click Ok and check the preview box to see the filter on your object.
Click Ok if you like it - or you can click on the fx icon to open the text editor again to play around with some of the settings.


It may be worth reading up on some of the specifics to do with the SVG syntax - but there are some very helpful tools available. Whats more - you can save your illustration as an SVG to use as a vector graphic in a webpage! Awesomeness! I actually came across this post while trying to produce SVG for a website. I found the filter here.

Hope this helps someone :)

Vote Up Vote Down

Login to post a comment!