Illustrator add inner shadow effect?


Question

I have a rounded square with some stroke. I want some inner color.

enter image description here

Similar to this. How can I achieve that effect in illustrator?

enter image description here

1
5
2/4/2016 5:01:00 AM

Accepted Answer

The Inner Glow Way

  1. Select Object

  2. Go to Effect > Stylize > Inner Glow

  3. Choose black color and adjust the opacity and blur to your liking (make sure to change color mode to normal! default is screen)

  4. Rasterize the the object (Edit > Rasterize)

  5. Image Trace the object to create shadow levels (adjust number of colors)

Tinker with it.

Here is an example:

enter image description here


Multiple Strokes Way

You can create the effect using multiple strokes. To add multiple strokes open up the Appearance window and click on the Add new stroke button / icon, it is the first in the bottom left side of the panel.

Make sure the strokes are inside the object for optimal control.

Example: enter image description here

10
2/4/2016 1:19:00 PM

I think multiple strokes is a great way to achieve this effect, but there is another method that may or may not be better, depending on your specific needs.

Start with your outer path, no stroke, fill with the color you want for the outermost stroke. Go to Object > Path > Offset Path... and enter how much smaller you want to make the inner path.

Offset path

Then change the fill of the inner shape to the color you want the innermost part to be, select both and go to Object > Blend > Make (hotkey is Alt+Ctrl+B on Windows). Then go to Object > Blend > Blend Options..., change the spacing to "Specified Steps" and enter the number of steps you want, hit OK and you're done!

Blend Options

There are a couple of advantages to this method.

  • Available in older versions of Illustrator
  • Size and color of each section is automatically generated rather than you having to manually figure out values
  • You can play with the blend options and the size and color of both shapes to quickly try out multiple looks
  • You can quickly convert this into multiple separate paths if necessary by going to Object > Blend > Expand

Again, this may or may not be a better method, it really depends on your specific needs.


Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow


Website under construction!!!
^