用Illustrator和LiveMotion将位图变成为矢量动画

网页动画制作的简短历史就是连续冒险与未尽期望的折中结合。处在照相机和电视机的时代，我们总是希望网络多媒体冲浪到30帧／秒的图像速度，而且能像照片一样清晰，然而不幸的是落后的视频设备及小得可怜的网络带宽令许多人失望。

虽然今天的矢量动画软件（如：Adobe LiveMotion及Macromadia Flash）能生成平滑的动画效果，矢量对象本身却是有限的，如果使用一张图片既能够做动画，又抛弃呆板的方、圆，难道不更好吗？下面，我将告诉你如何用Illustrator和LiveMotion将图片元素集成为矢量动画。这项技术使你不但可以得到平滑的动画效果及小文件量的文件，还会让你看到一些用其他方法做不到的有趣效果。同时，我还会谈到一些可行的创建动画的途径。Illustrator和LiveMotion，尽管在制作某些效果时提供了相同的功能，我们还是先在Illustrator中创建以图片为基础的矢量文件，然后在LiveMotion中做动画，充分发挥它们的应用功能。

Crosshatch（照片剖面线）滤镜

Illustrator的Crosshatch滤镜将位图图像转换为矢量线条为基础的矢量文件。尽管会丢掉一部分细节，但是效果仍与原稿相当接近。使用histogram在图像的明、暗调间设置一个断点，来确定在哪里如何使用锁定层，当你变化断点的位置时，图像就会呈现出不同的色调区域，从而产生不同的效果。

Crosshatch滤镜允许在图像中确定多层锁定层来表现不同的色调区，这是滤镜的典型应用。用这种方法的问题在于一旦生成就不能直接分离和修改，这会使分配或控制层间的颜色很困难。鉴于此因，使用Crosshatch滤镜来复制同样的图像，这样当定义如何重叠时，可以同时填色。此种方法会使我们在图像的断点区修改同层的不同区域，使最后的图像形成后更精美。

1. 在Illustrator中执行：文件（File）>置入（Place），选择一个图片置入图层。

2. 在图层面板中，选择复制图像层3次，这样会有4个独立的层。隐藏除顶层外的其它图层（点掉该层的“眼睛”图标），见图1。

在Illustrator中使用Crosshatch滤镜逐一对图层进行调整，作出不同的色调的图层，然后在 LiveMotion中依次做动画。

3. 在层面板上，选择顶层，点击该层图像。选择：Filter（滤镜）>Pen and Ink（笔和油墨）>Photo Crosshatch（照片剖面线）。弹出对话框，见图2。我们的目标是控制方向、密度及由滤镜生成的线条的宽度。想得到的效果是使用平行线在各层中，并且改变的线条粗细、颜色及断点来完成图像设计。为完成这任务，选择：Density（密度）为1.2，Thickness（厚度）为1,Rotation Noise and Rotation Variance（旋转及杂色）为0，Top Angle（顶端角度）为0，来创建水平线。同时，设置Max Line Lengtj（最大线条长度）与图像等宽。把Hatch Layers(条纹层)设置为1。

4. 定义高光区：在Crosshatch滤镜的histogram控制中，拖动histogram的黑三角到右端，定义图像的惟一高光区，因为没有数字化的设置和对工作任务的预览，需要目测，或许还需重做调整或重新使用滤镜多次得到想要的效果。点击OK键，确认目前设置的数值，见图3-1。

图3-1