在大家制作版面或者作品集的过程中，icon 的使用总是能够很大程度上提升版面的效果。如果完全自己完成 icon 绘制的话，那无疑是一项巨大的工作量。之前我们也推荐过从 freebiesbug 或是 iconfont 上下载矢量的 icon 源文件。但，终究还是敌不过神器 Adobe Illustrator 的这个功能：图像描摹 + 扩展，并且，这两个按键的位置是相同的，只不过他们会按照操作的先后逐个出现，熟练之后可实现无脑双连击。
实例演示
第一步：去诸如 Google 的搜索引擎寻找需要的icon 并粘贴进Ai，如：
熟悉PS的小伙伴能够看懂这个格子底的意思，这个表示这张图是透明底的PNG图片，在这里我们可以用PNG，也可以用白底的JPG格式图片。他们都适用于今天讲的方法。
在图片上右键，复制图片
在Ai 里 commond(control)+V 粘贴
这时候可以看到，虽然图片是透明的底色，但是它依然是图片格式，而非带有可控制锚点的矢量图形。
第二步：点击图像描摹（Image Trace）
在选中图片的情况下，直接点击这里的 （图像描摹）Image Trace 按钮即可。
第三步：点击扩展（Expand）
如上图，这个啤酒的图片文件被识别描摹成了 黑和白 两种色彩，这时候图像描摹的按钮已经消失了，在之前的位置出现了扩展（Expand）按钮。并且描述是“convert tracing object into paths”，将描摹的物体转换成为路径。
点击后，可以看到图片内的线条边缘已经出现了路径的线条，并且我们可以进一步去调整和控制了。但需要注意的是，目前的状态下，目前的结果是一个组，我们需要进入编组后才能选择到我们需要的部分。
第四步：选择有用部分，复制粘贴
双击进入编组后，我们就能选择到我们需要的部分了。如上图，进入编组并选择到这个黑色的部分后，我们能够明显看到路径与锚点。此时，我们就能够复制这个路径，并在退出编组后粘贴到版面合适的位置，并且调整一下色彩。
比如我们把它放进这样的一个版面元素之中，并且能够修改成为版面应该有的色彩。
其他用法
这个方法还能做一些“艺术化”的处理，比如这个可爱的 Jon Snow，经过我们的图像描摹变成了右侧这样的图像效果，这里用到的工具依旧是“图像描摹+扩展”。
输出的结果是依旧是矢量化的，对比如下图：
操作方法也很简单，在“图像描摹（Image Trace）” 的时候选择其他预设即可，如下图：
先点击小箭头，再选择合适的预设即可。
优势
1.快
虽然看起来上面的操作经历了比较多的步骤，但实际上简单说来就是对一个位置两个按钮的连续点击，1秒即可完成。
2.可修改
在位图元素路径话之后，我们可以对图形本身或者其色彩进行二次编辑，这个能够适应更多的版面样式与需求。
3.矢量
矢量的意思有两层，一层是精度高、另一层是体积小。特别是在学校对于作品集有明确的体积要求和精度要求的时候，你就会体会到矢量化带了的巨大优势。
总结
Ai 在矢量化方面做得异常强大，这里我们利用 图像描摹+扩展 的组合能够实现位图图像的矢量化转变，可以非常方便地实现作品集中矢量 icon 的绘制（描摹）。活学活用，举一反三，这个方法还能用在其他很多地方，快去试试吧。
文章作者：Natt
教学总监
拉夫堡大学硕士
辅导学生多次录取伦艺/罗德岛/帕森斯/爱丁堡/米理等名校
任何关于院校和作品集的问题
欢迎随时和马克君沟通
知无不言，言无不尽
