我学院：Illustrator创建内阴影效果教程.docx

学游戏就上我学院Illustrator基础教程：创建内阴影效果教程希望能通过本教程掌握AI这方面的知识很长一段时间，我对AdobeIllustrator最不满意的一点，就是AI中没有内阴影效果，只能使用内发光效果大致模拟不过内发光效果不能设置效果的偏移量，因此用起来有局限性不过，最近，在网上找到了一种方法，能在AI中快速方便地创建内阴影效果：首先，新建一个文档，用圆角矩形工具，或者矩形工具+圆角效果，画出这样的图形：然后，执行菜单命令「效果」-›「SVG滤镜」-›「应用SVG滤镜」命令，在弹出的对话框中，新建一个SVG滤镜：然后，把下面的代码复制、粘贴替换掉文本框里的内容，点击确定：dx='5'dy='5'/>stdDeviation='3'result='offset-blur'/>operator='out'in='SourceGraphic'in2='offset-blur'result='inverse'/>flood-color='black'flood-opacity='0.75'result='color'/>operator='in'in='color'in2='inverse'result='shadow'/>operator='over'in='shadow'in2='SourceGraphic'/>最后，点「确定」应用效果，内阴影效果就出来了，带有(5，5)方向的偏移：如果发现图形带有锯齿，类似这样：那么，执行命令「效果」-›「文档栅格效果设置」，勾选「消除锯齿」，即可以了。

Done.如果希望调整内阴影的偏移，调整dx,dy的值即可改变内阴影的颜色和透明度，可以通过调整flood-color='black'flood-opacity='0.75'result='color'/>标签里的flood-color和flood-opacity属性来做到这个方法应该是在AI中创建内阴影最省力，效果还不错的办法了不过要注意，这个滤镜通常应该放到「效果」面板的最后边，因为图形在应用这个滤镜后就被栅格化了注：这个方法来自StackExchange上的讨论：InnershadowissueinIllustratorCS5，更早的出处是源自：SVGQuickRef，不过这个站点的域名当前已经过期，不能正常访问了==2.以及其他(Howitworks)在上面的例子里，我们使用AI的SVG滤镜功能，自己写了一个滤镜，应用到了圆角矩形上，生成了内阴影效果出于好奇，我研究了一下howitworks，发现这一块儿水还挺深。

下面，就说说AI里的SVG滤镜功能下面的这部分，就当拓展阅读好了，可能有些晦涩难懂，所以不要求掌握不过，掌握SVG滤镜的应用后，就可以自己写一些简单的滤镜在AI里来用了首先，说说SVG是什么SVG的全称是ScalableVectorGraphic，即可缩放矢量图形SVG实际上是纯文本XML格式，通过XML定义图形的形状、填充颜色、描边等在维基百科中，就大量应用了SVG格式作为国旗国徽、地图、信息图应用SVG除了可以描述矢量图形的形状、填充颜色、描边等，还可以使用滤镜对图形进行进一步的修饰这里的滤镜就是SVG滤镜(SVGFilters)网上有关于SVG滤镜的资料少的可怜，无论中文还是英文不过，还是根据现有有限的资料，大概了解了一下SVG滤镜到底是什么样的玩意儿，以及怎样来用SVG滤镜同以SVG格式描述矢量图一样，也是纯文本XML格式SVG滤镜以标签开始，以标签结束在和标签之内的部分为滤镜的定义在AI里，标签里的id属性，即为显示在SVG滤镜面板中的滤镜名SVG滤镜的一个重要概念是基础滤镜(filterprimitives)，每个基础滤镜可以执行某个特定的修饰功能，例如颜色变换等所有的基础滤镜命名都以“fe”为开头，应该是filtereffect或filterelement的缩写，如上面的，这些。

一个SVG滤镜可以由一个基础滤镜或多个基础滤镜的组合来完成知道这些后，回过头来看一下，上面的内阴影效果是怎样一步一步地实现的为方便查看，把画板的背景设置为这样的网格：首先，执行第一步操作：dx='5'dy='5'/>这一步，基础滤镜让原始图形向下和向右两个方向平移均五个像素(注意和上图的边界框与背景网格做比较)：然后是stdDeviation='3'result='offset-blur'/>基础滤镜的作用正如它的名字那样，为图形做高斯模糊，其中，stdDeviation参数为高斯模糊的标准差，决定模糊半径在为上面的图形做高斯模糊后，将结果暂存在缓冲区，名称为“offset-blur”：接下来是基础滤镜：operator='out'in='SourceGraphic'in2='offset-blur'result='inverse'/>命令的作用是将两个图按一定规则拼为一个图。

需要指定一个混合模式，混合模式有arithmetic,over,in,out,atop,xor六种arithmetic为算数模式，有四个参数，k1,k2,k3,k4需要手工指定;拼合规则是对[R,G,B,A]每一个通道做这样的变换：result=k1*in*in2+k2*in+k3*in2+k4,in和in2为两张图每个像素的每个单独通道分量的大小，result就是合成图像的某颜色通道值over,in,out,atop,xor六种混合模式如图所示：需要指定两个图像作为输入在这个示例中，输入图像一，即in参数指定的，即是源图像，SourceGraphic;输入图像二，即in2参数所指定的，为上一步 基础滤镜放在缓冲区的输出结果offset-result然后让这两个图像做out运算，得到这样的结果：最后，将上面的拼合结果存入缓冲区，命名为inverse再下面是基础滤镜：flood-color='black'flood-opacity='0.75'result='color'/>命令对SVG滤镜所控制的区域做颜色填充。

本例子中以黑色，75%可见度填充SVG滤镜控制区域：注意基础滤镜没有输入参数填充的结果输出至缓冲区，名称为color然后又是一个命令：点击阅读更多内容