在 Illustrator 中创建动画
关于 Flash 图形
Flash (SWF) 文件格式是一种基于矢量的图形文件格式,它用于适合 Web 的可缩放小尺寸图形。由于这种文件格式基于矢量,因此,图稿可以在任何分辨率下保持其图像品质,并且非常适于创建动画帧。在 Illustrator 中,可以在图层上创建单独的动画帧,然后将图像图层导出到网站上使用的单独帧中。也可以在 Illustrator 文件中定义符号以减小动画的大小。在导出后,每个符号仅在 SWF 文件中定义一次。
您可以使用“导出”命令或“存储为 Web 和设备所用格式”命令,将图稿存储为 SWF 文件。这两个命令的优点包括:
导出 (SWF) 命令
对动画和位图压缩进行最大程度的控制。
存储为 Web 和设备所用格式命令
对在切片布局中混合使用 SWF 和位图格式进行较大程度的控制。与“导出 (SWF)”命令相比,此命令提供的图像选项更少,但它可以使用“导出”命令上次所用的设置。
在准备将存储为 SWF 的图稿时,请牢记以下信息:
- 要在使用符号时尽量减小文件大小,请为“符号”面板中的符号(而不是图稿中的符号实例)应用效果。
- 使用“符号着色器”和“符号样式器”工具会导致 SWF 文件更大,因为 Illustrator 必须创建每个符号实例的副本以保持它们的外观。
- 具有 8 个以上色标的网格对象和渐变会被栅格化,并将显示为以位图填充的形状。色标少于 8 个的渐变被作为渐变导出。
- 图案被栅格化为小图像,其大小为图案作品的大小,并被拼贴以填充作品。
- 如果位图对象超出切片边界,那么整个对象包含于导出的文件中。
- SWF 仅支持圆头端点和连接。导出到 SWF 后,斜角或方形端点和连接将变为圆角。
- 图案填充的文本和图案填充的描边将转换为路径,并使用图案进行填充。
- 虽然导出到 SWF 时文本保留了它的很多特性,但会丢失某些信息。将 SWF 文件导入到 Flash 时,不会保留行距、字偶间距和字符间距, 而是将文本断开为单独记录以模拟行距外观。随后在 Flash Player 中播放 SWF 文件时,将保留文件中的行距、字偶间距和字符间距的外观。如果希望将文本导出为路径,请在“SWF 选项”对话框中选择“将文本导出为轮廓”,或者在导出到 SWF 之前选择“创建轮廓”命令先将文本转换为轮廓。
创建 Flash 动画
Illustrator 中有许多可用来创建 Flash 动画的方法。最容易的一种是将每个动画帧放置在不同的 Illustrator 图层上,并在导出图稿时选择“AI 图层到 SWF 帧”选项。
- 创建要制成动画的图稿。可以使用符号来减小动画的文件大小,并简化您的作品。
- 为动画中的每一帧创建单独的图层。
可以通过将基本图稿粘贴到新图层然后编辑此图稿来完成此操作。或者,可以使用“释放到图层”命令自动生成包含累积建立的对象的图层。
- 确保图层的顺序与动画帧播放的顺序一致。
- 执行下列操作之一:
- 选择“文件”>“导出”,选择“Flash (SWF)”作为格式,然后单击“导出”。在“SWF 选项”对话框中,选择“导出为”中的“AI 图层到 SWF 帧”。设置其他动画选项,然后单击“确定”。
- 选取“文件”>“存储为 Web 和设备所用格式”。从“优化的文件格式”菜单中选取“SWF”。从“导出类型”菜单中,选取“AI 图层到 SWF 帧”。设置其他选项,然后单击“存储”。
使用 Illustrator 和 Flash
可以将 Illustrator 图稿移到 Flash 编辑环境中,或者将其直接移到 Flash Player 中。您可以复制和粘贴图稿、以 SWF 格式存储文件,或者将图稿直接导出到 Flash。另外,Illustrator 还提供了对 Flash 动态文本和影片剪辑符号的支持。
也可以使用 Device Central 来查看 Illustrator 图稿在各种手持设备上的 Flash Player 中的显示效果。
粘贴 Illustrator 图稿
在 Illustrator 中,可以方便、快速且无缝地创建图形丰富的图稿、复制图稿并将其粘贴到 Flash 中。
将 Illustrator 图稿粘贴到 Flash 时,将保留以下属性:
- 路径和形状
- 可伸缩性
- 描边粗细
- 渐变定义
- 文本(包括 OpenType 字体)
- 链接的图像
- 符号
- 混合模式
另外,Illustrator 和 Flash 还通过以下方式支持粘贴的图稿:
- 在 Illustrator 图稿中选择整个顶层图层并将其粘贴到 Flash 时,将保留这些图层及其属性(可视性和锁定)。
- 在 Flash 中,非 RGB Illustrator 颜色(CMYK、灰度和自定)将转换为 RGB。RGB 颜色将按预期方式进行粘贴。
- 导入或粘贴 Illustrator 图稿时,可以使用各种不同的选项将效果(如文本上的投影)保存为 Flash 滤镜。
- Flash 保留 Illustrator 蒙版。
从 Illustrator 中导出 SWF 文件
从 Illustrator 中,可以导出与从 Flash 导出的 SWF 文件的品质和压缩相匹配的 SWF 文件。
在进行导出时,可以从各种预设中进行选择以确保获得最佳输出,并且可以指定如何处理多个画板、符号、图层、文本以及蒙版。例如,可以指定是将 Illustrator 符号导出为影片剪辑还是图形,或者可以选择通过 Illustrator 图层来创建 SWF 符号。
将 Illustrator 文件导入到 Flash
如果要在 Illustrator 中创建完整的版面,然后使用一个步骤将其导入到 Flash 中,则可以按原有的 Illustrator 格式 (AI) 存储图稿,并在 Flash 中使用"文件">"导入到舞台"或"文件">"导入到库"命令将其导入到 Flash 中(具有较高的保真度)。
如果 Illustrator 文件包含多个画板,在 Flash 的"导入"对话框中选择要导入的画板,并为此画板中各个图层指定设置。所选画板上所有对象导入为 Flash 中的单个图层。如果要从同一 AI 文件中导入另一个画板,此画板上的对象导入为 Flash 中的新图层。
将 Illustrator 图稿作为 AI、EPS 或 PDF 文件导入时,Flash 将保留与粘贴的 Illustrator 图稿相同的属性。另外,如果导入的 Illustrator 文件包含图层,也可以使用以下任何方法来导入它们:
- 将 Illustrator 图层转换为 Flash 图层
- 将 Illustrator 图层转换为 Flash 帧
- 将所有 Illustrator 图层转换为单个 Flash 图层
符号工作流程
Illustrator 中的符号工作流程类似于 Flash 中的符号工作流程。
符号创建
在 Illustrator 中创建符号时,可以使用"符号选项"对话框来命名符号并设置特定于 Flash 的选项:影片剪辑符号类型(Flash 符号的默认类型)、Flash 注册网格位置以及 9 格切片缩放参考线。另外,还可以在 Illustrator 和 Flash 中使用很多相同符号的键盘快捷键(如 F8 键用于创建符号)。
用于符号编辑的隔离模式
在 Illustrator 中双击某个符号,在隔离模式下将其打开以便于进行编辑。在隔离模式下,只能编辑符号实例,画板上的所有其它对象将灰显并且无法使用。在退出隔离模式后,将相应地更新"符号"面板中的符号以及该符号的所有实例。在 Flash 中,符号编辑模式与"库"面板的工作方式类似。
符号属性和链接
通过使用"符号"面板或"控制"面板,您可以方便地为符号实例指定名称、断开实例与符号之间的链接、与其它符号交换符号实例或创建符号副本。在 Flash 中,"库"面板中的编辑功能具有类似的工作方式。
静态、动态以及输入文本对象
将静态文本从 Illustrator 导入到 Flash 时,Flash 会将该文本转换为轮廓。另外,还可以在 Illustrator 中将文本设置为动态文本。通过使用动态文本,您可以在 Flash 中以编程方式编辑文本内容,并且可以方便地管理需要以多种语言本地化的项目。
在 Illustrator 中,您可以将各个文本对象指定为静态、动态或输入文本。Illustrator 和 Flash 中的动态文本对象具有类似的属性。例如,它们都使用影响文本块中所有字符而非单个字符的字距微调;它们以相同方式消除文本锯齿;并且它们都可以链接到包含文本的外部 XML 文件。
更多此类内容
- 创建 Web 图形的最佳做法
- 将项目释放到单独的图层
- 关于符号
- Flash 导出选项
- 收集资源并批量导出