1.  使用 Flo′
    =========

本节介绍如何使用商业版的 Flo′。读者即使没有功能完整的版本，也应该读读本节，看看该软件可以提供哪些先进的功能。需要对 Flo′静态图像进行批处理时，可使用书中 CD 上的文件。

下面将用保存在 Photoshop 中的 Aquavox.tga（或 Aquavox.pict）来创建关键帧。关键帧只是动画序列中的一幅静态图像——与以前的关键帧相比，它标志着元素的状态已发生了剧烈的变化。关键帧是某种转折点。例如， 关门动画中有两个关键帧：一个是门处于打开状态，另一个是门处于关闭状态。Flo′使用户可以创建关键帧，然后应用程序自动计算出关键帧之间的其他帧，从而完成光滑的过渡。

可以用下面的步骤和蜂鸣箱图像制作出具有 42 帧的动画，其中每帧都含有一个经过修改的 Alpha 通道，它们反映了对蜂鸣箱所作的扭曲变形。

注意：可以用这两幅示例图像在 Flo′的演示版中作有趣的练习。作者建议，应用程序应该成为每位高级设计人员所拥有的工具库的一部分。但如果自己的工具库尚未配备齐全，也可以在下面的步骤中使用Examples/Chap20/Aquavox 文件夹中的静态图像，这样就可以继续完成Photoshop 中的练习了。

现在是将所有静态图像文件都复制到硬盘上的好时机。可选择书中 CD 驱动窗口中的 Aquavox 文件夹，然后将文件夹拖到自己的桌面上或其他硬盘位置以便复制它们。

使蜂鸣箱活动起来

  1. 在 Flo′中打开一个没有内容的新文档窗口。我们将要在该窗口中放置一幅图像、然后用它进行练习。但由于该图像中含有 Alpha 通道，读者必须先选择 File，AcceptAlphaChannel，再选择 FilePlace，最后选择蜂鸣箱文件，如图 20.7 所示。

图 20.8 标出了读者将要用到的基本控件，左侧的控件可以使整幅图像都发生变化，而右边的按钮只用于改变用绘图工具光标定义的区域。可以看到， 这些功能与 Photoshop 中的 FreeTransform 是类似的，但它们可作用于图像中孤立的、由用户定义的区域，可以获得某种类似于用湿的手指画画的效果。

尽管本书一再强调，好的设计应从创意开始，但这里可提供的唯一创意只是制作一个有立体感的、能在音乐声中欢蹦乱跳的蜂鸣箱。笨？是的，但这可以说明如何着手扭曲图像和制作关键帧。

  1. 单击右列中的 Scale 工具，然后绕着扬声器画一个圆。到达路径的起点后，屏幕上就出现了一个圆（该圆类似于用 Photoshop 的 Pen 工具光标在起点处使路径封闭时出现的图）。如果读者不擅长自由画，也可以选用圆和方模式定义待缩放的区域，如图 20.9 所示。

使路径封闭后，路径周围会出现一些界面元素（等到了解了它们的作用后再说吧）。图 20.10 中给出了指示旋转把柄的引出线——用该把柄可以在缩放区域之前为 ScaleDistortion 旋转该蜂鸣箱。还有，如果单击外侧的路径，屏幕上会出现一些节点，可以用它们改变 Scale 效果的作用范围。这意味着，用户可以将扬声器的比例限制在图像内的某个区域。“X”是 Scale 扭曲效果的中心点；移动它，可以使该效果的中心出现在新的位置。

  1. 拖动外接框上的任何把柄，使它远离中心位置（如图 20.10 所示）。然后释放光标使 ScaleDistortion 生效。

  2. 绕着蜂鸣箱的上半部分画一条路径，尝试一下 Move 工具，然后将中心点略向下拖动。最后双击 Back，使图像返回到未被编辑时的状态。

  3. 单击 Rotate 工具，绕着电源线画一个圆，将中心点拖至蜂鸣箱中心， 然后略向左拖动 Rotate 光标的箭头。这样可以使电源线在完成后的动画中看上去好象是在摇摆。

  4. 可以单击 Back，Fwd，Older 和 Newer，看看扭曲后的效果。如果觉得还可以作进一步改善，则可以单击 Edit 按钮；此时屏幕上会出现相应的路径以及扭曲路径的范围，随后就可以修改对图像所作的任何设置了。

注意：缩放绕着扬声器所画的路径后，其效果如图 20.11 所示。不要担心图像会发生像素化-即图像窗口中显示的粗糙度。Flo′以预览方式工作， 仅当用户选择渲染静态图像或动画时，Flo′才会精确地计算像素并进行插值，从而制造出光滑的扭曲效果。同时也应注意，工具箱底部的按钮是处于开启状态的。单击这些按钮，可以选择返回到以前的扭曲状态或删除某种扭曲操作。这种方法可用于为动画定义关键帧，即通过“收集”不同的姿态、然后将它们指定为单个的关键帧。

  1. 进行了六次左右的扭曲操作之后（请读者用所有的工具进行练习，在完成本练习时并无“正确”的方法可言），现在就可以使该蜂鸣箱成为一系列有顺序的静态帧了。可以先单击 Older，Newer，Back 或 Fwd 按钮找出动画的起始帧，然后选择 Amimate，StartKeyframe，如图

  2. 单击 Back，Newer，或可以作为下一关键帧的任何一帧，然后选择AnimateAddKeyframe。Window 中出现的对话框与 Macintosh 中的略有不同，

但本质上来说，它们都是用于确定第一关键帧与当前关键帧之间应设置的帧数。将 FrameDifference 设为 7 帧，然后单击 OK 返回到工作空间中。

  1. 重复步骤 8 五次，创建 35 帧动画。用第一个关键帧使动画封闭，这样该动画就可以循环播放了。对于此类的短动画片，Macintosh 和 Windows 视频插放器都提供了可用于连续回放的循环选项。

  2. 单击工具箱上的 Fwd 和 Back 控件，直到到达第一关键帧。然后选择Amimate，CloseLoop。在该对话框中，将 Framedifference 选为 7，并单击OK。现在的动画有 42 帧长。

  3. 选择 Options，CreatAlphaChannel，如图 20.13 所示。若忘记这一步，那么静态帧中将不包含 Photoshop 需要的选择域信息。

  4. 选择 Animate ， CreatSequence （ Macintosh 用户： Animate ， CreateNumberedPICTS）。

  5. 屏幕上出现 SaveSequence 对话框，缺省情况下会给出一个缺省的名字，后面跟五个零。若用的是商业版的 Flo′，那么在 Windows 中，应在FileName 框中键入 Aqu00000.tga，然后在 SaveasType 下拉列表中选用TGA32，如图 20.14 所示。在 Macintosh 上，不需要文件扩展名，但确实需要从第零帧开始动画序列，在文件的可识别的名字之后加上五个零。Flo′在编写动画的中间帧时，会将文件号自动增 1，选择 Flo′要输出静态帧的文件夹，然后单击 Save。

  6. 在 RenderSize 对话框中，单击 OK，接受缺省值 100％为原始蜂鸣箱图像的渲染尺寸。读者也可以指定不同的百分比（帧的大小），但在本例中已算出了该设置。静态帧将与 Aquaback·tif 图像尺寸相对应。

当 Flo′写动画帧时，读者可以休息一下。实际上，Flo′是最快的动画生成器之一——在奔腾 166 机器上，生成 42 帧图像只需不到四分钟。当 Flo

′写文件时，图像窗口上会显示出一些奇怪的信息。 15.Flo′在帧中的空白区域渲染上 50％的黑色；当用户在 Photoshop 中

加载保存好的 Alpha 选择域并将图像移到新层上时，该颜色是不需要的。当文档窗口中的图像丢失该 50％黑色帧时，动画就制作完成了。保存源文件（文件名为 MYFILE.FLO，或某个更有创意的名字），然后关闭 Flo′。

现在就可以用 Photoshop 中的 Actions 列表创建新的批处理文件了。

添加背景

首先要通过加载每个帧内的 Alpha 通道来加载蜂鸣箱和半透明的阴影； 在 Flo′中保存好的每个文件中都拥有一个 Alpha 通道。其次，在将蜂鸣箱画面剪切到新层上后，要用 Aquaback 图像填充背景层。

在下面的步骤中仅有一个地方需引起注意。Windows 用户需要将编辑好的文件保存成 BMP 格式，而 Adobe 在实现 BMPExport 文件过滤器时并不支持Alpha 通道。因此 Alpha 通道将不得不丢弃成为 Actions 脚本的一部分。MacintoshPICT 文件可以是 16 位的或是 32 位的（24 位，带有 8 位的 Alpha 通道），然而，Macintosh 用户必须采用一个额外的步骤来确保可以编辑已保存和编辑好的静态图像，即用 MooVer 指定编辑好的文件处于 16 位的颜色模式。MooVer 将拒绝加载含有 Alpha 通道的 PICT 图像。

如果不要 Flo′创建文件，也可以用早先复制到硬盘上的 Aquavox 图像继续以下步骤；同时，应在硬盘上为编辑好的文件创建一个“Aqua-finished” 文件夹。

下面的步骤将介绍 Photoshop 所写的脚本，然后动画编译阶段也就告一段落了。

为 Alpha 通道编辑而编程 Actions 功能板

  1. 在 Photoshop 中，按 F9 显示 Actions 功能板。

  2. 打开书中 CD 上的 Examples/CHAP20 文件夹中的 Aquaback.tif 图像。按 Ctrl（æ）+A 选中全部，然后选择 Edit，DefinePattern。现在可以关闭文件了。

  3. 打开 Aquavox 文件夹中的任何一个蜂鸣箱文件。

  4. 在 Actions 功能上，从弹出式菜单中选择 NewAction。在 NewAction 对话框中，键入 Talkingboomboxourdoors，然后单击 Record。

  5. 在 Channels 功能板上，按 Ctrl（æ），并单击 Alpha1 通道上的视觉信息，加载成遮罩选择域，如图 20.15 所示。

  6. 使某种选择域工具处于当前被选中状态（Lasso 工具即可），右击

（Macintosh 用户：按 Ctrl 并单击）遮罩选择域内部，然后在上下文菜单中选择 LayerViaCut。

  1. 在 Layers 功能板上，单击 Background 层标题，然后在菜单中选择EditFill，Pattern。接下来——这是非常重要的——在 Use 区域中选中Patten。将 Opacity 设置成 100％，并在 Mode 下拉列表中选用 Normal。

应确保没有忽略步骤 7 中的最后一部分；如果已经忽略，则会扰乱对Actions 列表的编辑工作。Photoshop 保留某些对话框内的以前设置，而用户可能已在独立练习过程中改变了这些设置！

  1. 单击 OK；背景出现在蜂鸣箱的后面，阴影看上去令人信服。在 Layers 功能板上弹出式菜单中选择FlattenImage，如图20.16 所示。然后丢弃Alpha1通道。

  2. 按 Ctrl（æ）+Shift+S（File，SaveAs）；然后⋯⋯

Windows 用户：选择 Aqua-finished 作为文件的目标文件夹，并在 SaveAs 下拉列表中选用 BMP。文件序列号是保留的，只改变格式和扩展名。

Macintosh 用户：在硬盘上选取 Aqua-finished 文件夹，然后单击 Save。确保在 PICT 选项框内选用了 16-bits/Pixel，然后单击 OK。

  1. 对所有用户：按 Ctrl（æ）+W 关闭文件，然后单击 Actions 功能板上的 Stop 按钮。