Inner shadow issue in Illustrator CS5

Question

I gave a comp to my client that I did in Photoshop. I used an inner shadow but now have realized the in Illustrator CS5 I have no such "easy" filter. I have spent 2 days seaching the web, trying tutorials, etc. to no avail. Every tutorial seems to use text but I am not using text. Anyone that can answer I would forever been in debt... :)

This is the image with the inner shadow inside the stripes that I am needing to duplicate.

Thanks!

Answer 1

Effect -> Stylize -> Inner Glow. Change the mode to Multiply. Click on the little square next to the Mode dropdown and select a suitable black from the color picker. Fiddle with the other settings as needed.

Answer 2

This is actually achievable in Illustrator. You need 3 Objects for this:

1. Top: Copy of your original ribbon
2. Middle: Rectangle where you cropped out the original ribbon shape
3. Bottom: Your original ribbon

Now if you apply a drop shadow to the rectangle, you get what looks like an inner shadow to the original shape (because the ribbon is cropped out, the side of the shadow gets reversed). All you have to do now is select the copy of your ribbon and the rectangle and create a clipping mask to get rid of the extra shadow around the rectangle.

Answer 3

Found a great tutorial.. thought of sharing it here.

http://vectips.com/tutorials/creating-editable-letterpress-styled-text/

Answer 4

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

1. Open the Appearance palette and go to fx > SVG Filters > Apply SVG Filter...

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

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

4. Click Ok and check the preview box to see the filter on your object.

5. 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 :)

Answer 5

It is how I do my inner shadow in Illustrator if it can help

1. Create a shape in a layer and fill it with a colour but not fill the stroke
2. Duplicate it on the same layer and hide it
3. Duplicate it again and put it in a different layer UNDER the layer you will work with and hide it.
4. Create another empty path in the same layer behind the shapes
5. Create a grey rectangle which is including all the shape visible
6. Select the shape visible and the grey rectangle together
7. Go to the Pathfinder and click on “Minus front”
8. Go to effect then stylize and “drop shadow” to create a shadow
9. Make visible the shape you hid previously (2)
10. Go to Clipping mask and click “make”
11. Make visible the shape you hid on the layer under your clipping mask layer (3)

Tadaaa

Answer 6

If you want a inner shadow from the top for example, copy and past (ctrl+f) your shape, them move down just a lil bit, paste again (ctrl+b) and crop the objects. You will see the form as the inner shadow, but now it's remaining the blur effect, them apply -> blur -> gaussian blur. Them copy the same shape from the begin again (ctrl+F), and create a vector mask with the shape who you've applied the gaussian blur. Done!

Answer 7

Try using InDesign. There's an inner shadow effect there and that way your image can be vector :) Not sure why they don't have the same options in Illustrator!