AI基础教程:用Illustrator快速方便地创建内阴影效果

2019-10-20 13:48:28于丽

很长一段时间,我对AdobeIllustrator最不满意的一点,就是AI中没有内阴影效果,只能使用内发光效果大致模拟。不过内发光效果不能设置效果的偏移量,因此用起来有局限性。不过,最近,在网上找到了一种方法,能在AI中快速方便地创建内阴影效果,教程介绍地比较详细,希望能通过本教程大家可以掌握Ai这方面的知识。

创建内阴影效果方法:

首先,新建一个文档,用圆角矩形工具,或者矩形工具+圆角效果,画出这样的图形:

然后,执行菜单命令「效果」-›「SVG滤镜」-›「应用SVG滤镜」命令,在弹出的对话框中,新建一个SVG滤镜:

Illustrator基础教程:创建内阴影效果,破洛洛

Illustrator基础教程:创建内阴影效果,破洛洛

然后,把下面的代码复制、粘贴替换掉文本框里的内容,点击确定:


复制代码<filter id="InnerShadow-5-5-0.75-black">
<!-- 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>

最后,点「确定」应用效果,内阴影效果就出来了,带有(5,5)方向的偏移:

Illustrator基础教程:创建内阴影效果,破洛洛

如果发现图形带有锯齿,类似这样:

Illustrator基础教程:创建内阴影效果,破洛洛

那么,执行命令「效果」-›「文档栅格效果设置」,勾选「消除锯齿」,即可以了。

Done.如果希望调整内阴影的偏移,调整dx,dy的值即可。改变内阴影的颜色和透明度,可以通过调整