一个图形做出三层描边、不用复制？Illustrator外观面板的叠加玩法

设计搬砖人

画图标、做按钮的时候，常会遇到一个麻烦：想给一个图形加两三层描边，比如外圈粗、里面细，中间再来一条对比色，或者填充上面再压一层半透明的颜色。很多人的做法是把图形复制两三份，叠在一起，改起来却很痛苦——改形状要三个一起改，改颜色要一个一个点，图层里还多出一堆几乎一样的图形。


其实不用复制。Illustrator 里一个图形本来就能带多个填充和多个描边，管它们的地方叫外观面板。

先说面板在哪：选中图形，点菜单“窗口 > 外观”，面板就出来了；快捷键是 Shift+F6。面板里列的就是这个图形现在有的东西：默认一个填充、一个描边，点哪一行就能改哪一行。

加描边的方法：选中图形，在外观面板底部点“添加新描边”，面板里就多了一条描边，再点一次又多一条。每条描边都可以单独设颜色和粗细，互不干扰。比如一个圆，先给它一条 12 磅的深色描边，再加一条 6 磅的浅色描边、一条 2 磅的白色描边，三层描边就叠出来了，圆还是一个圆。

顺序怎么算：面板里排在上面的那一层，画出来盖在下面那一层之上。想做同心圆效果，记得把最粗的描边拖到最下面，细的放上面；拖动某一行就能换顺序，画面实时跟着变。反过来如果细的被粗的盖住了，多半是顺序放反了，拖一下就行，不用重画。

填充也一样：点“添加新填充”可以再加一个填充。想省事可以用“复制所选项目”：选中面板里已经调好的一条描边，点面板底部的复制按钮，出来一条一模一样的，再改颜色和粗细就行，不用从头设。删掉某一层也简单，选中那一行点垃圾桶；想一次清空，点“清除外观”。

每一层还能单独调透明：点填充或描边那一行里的“不透明度”，可以只让这一层半透明，其他层不受影响。想给某一层单独加效果也行：先在面板里选中那条描边或填充，再点面板底部的 fx 选一个效果，效果只作用在这一层上，不会把整个图形都弄花。比如只让最外层描边带一点投影，里面的填充保持干净。

调好的整套外观可以直接搬走：用吸管工具（快捷键 I）点一下这个图形，再点另一个图形，整套填充、描边、效果就一次取过去了，不用一层一层重配。如果这套外观以后还要反复用，可以把它存成图形样式：打开“窗口 > 图形样式”，把调好的图形拖进面板，以后选中别的图形点一下样式就套上了。

还有两点顺带提一下：第一，面板里叠再多层，图形本身还是一个路径，改形状、缩放、导出都正常，不会因为层多就变复杂。第二，如果哪天真想把这些外观拆成一个个独立的图形，用“对象 > 扩展外观”，叠的层就变成实实在在的多个图形了；不过扩展之后就不能再回面板里调顺序了，动手之前最好先复制一份留着。

说到底，外观面板就是把“一个图形只能有一种填充、一种描边”这个默认印象拆掉：一个图形可以是一摞填充和描边叠出来的，调的时候按层调，改的时候改一处。你平时做多层描边的效果，是复制图形叠着用，还是也用外观面板？