Illustrator里想让一个图形平滑变成另一个，别一个一个画：混合工具这样用

设计搬砖人

做图标或者画装饰图形的时候，经常会遇到这种需求：一个圆要慢慢变成一个星形，中间还得带上颜色从蓝到黄的过渡；或者一排大小递减的小圆，要等距排成一条线。刚开始我都是一个一个复制，再一个一个改大小改颜色，改到后面眼睛都花了，而且间距还总是不匀。后来才发现，Illustrator 里有个现成的工具就是干这个的，叫混合工具。

混合工具做的事情很简单：你给它两个或者更多的对象，它自动在中间生成一连串的中间对象，形状和颜色都跟着一起过渡。比如左边一个蓝色小圆，右边一个黄色大方块，混合之后中间会出现一排从圆慢慢变成方块、从蓝慢慢变成黄的图形，一步到位。

做法有两种，效果一样，看顺手用哪个。

第一种是用工具栏里的混合工具。点一下第一个对象，再点一下第二个对象，混合就出来了。这里有个细节：直接点在图形空白处，是按顺序混合，不带旋转；如果点在某个锚点上，混合就会以这个锚点为对齐点，形状翻转的方向会跟着变。做对称图形过渡的时候，点锚点比随便点要稳。

第二种是先用选择工具把要混合的几个对象都选中，然后点菜单里的对象 > 混合 > 建立，快捷键是 Alt+Ctrl+B。默认出来的是平滑颜色，也就是 Illustrator 自己算一个看起来平滑的步数。

光会建立还不够，真正好用的是混合选项。双击工具栏里的混合工具，或者点对象 > 混合 > 混合选项，就能打开。里面最关键的是间距，有三种：

平滑颜色是默认的，Illustrator 自动算步数，颜色过渡看起来是连续的，适合只做颜色渐变效果的时候用。

指定步数是自己定中间放几个对象。填 6，就是中间 6 个，加上两端一共 8 个。想做一排等距的小图形、线条阵列，用这个最直观，数得清。

指定距离是按距离排，填的是一个对象边缘到下一个对象对应边缘的距离。想让一排东西严格等距、不管图形本身多大，就用这个。

选项里还有个方向，分对齐页面和对齐路径。默认对齐页面，中间对象都跟页面横平竖直；改成对齐路径，中间对象会跟着脊线的走向转，绕弯的时候图形不会歪。

脊线就是混合走的那条线，默认是两点之间的一条直线。想让混合沿着曲线走，就自己画一条曲线，同时选中混合对象和这条曲线，点对象 > 混合 > 替换脊线，整排中间对象立刻弯到曲线上去。反过来，对象 > 混合 > 反转脊线可以把整排的前后顺序掉个头。脊线本身也能改，用直接选择工具拖它的锚点，混合会跟着实时变。

这个工具平时我用得最多的有这么几个地方：

一是做颜色过渡和配色。画两个色块做混合，指定步数，就能得到一串现成的中间色，比肉眼一个一个调色准得多。

二是做等距重复图形。比如一排由小变大的圆点、由细变粗的线条，用指定步数或者指定距离一次排好，比一个一个复制粘贴再对齐快，也不会出现间距忽大忽小。

三是让图形沿着曲线排列。先把两个小图形做成混合，再画个圆当脊线替换上去，小图形就沿着圆圈排开了，做徽章、装饰圈的时候很好用。

四是形状之间的变形过渡。圆变方、星形变圆，中间步骤 Illustrator 自动算，适合做图标演变、过程示意。

还有几点用的时候容易忽略：

混合是个实时对象，改两端的对象，中间会自动跟着变。想改某一端，双击混合对象进去单独编辑，改完退出就行，不用重新做一遍。

混合做好之后如果要交给别人改，或者要一个一个单独调里面的图形，先点对象 > 混合 > 扩展，把它变成普通的独立对象再改。直接拿混合对象去改单个中间图形是改不动的。

步数别贪多。指定步数填几百上千，画面上看着是平滑了，但文件会变卡，导出也慢。普通装饰几十步足够，真要特别平滑再往上加。

最后提醒一句，混合工具和渐变不是一回事。渐变是一个图形内部的颜色过渡，混合是两个或多个对象之间的过渡，中间每一步都是独立的图形。想在一个图形里从红变到蓝用渐变，想让一排图形从红变到蓝用混合。

你们平时做这种过渡效果，是用混合工具，还是一个一个复制出来改的？