Illustrator教程

Illustrator强大的绘图功能为制作动画提供了非常便利的条件,画笔、符号和混合等可以简化动画的制作流程并提供丰富的动画效果。

13.4.1 将重复使用的对象创建为符号

如果在一个动画中需要大量地使用某个图形,最好将它创建为符号。这样的话,图稿中的符号实例都与“符号”面板中的一个或几个符号建立链接,因此可以减小文件占用的存储空间。在导出后,每个符号仅在SWF文件中定义一次,因此,SWF文件也不会太大。

13.4.2 实战:制作变形动画

01 新建一个文档。使用矩形工具创建一个矩形,填充洋红色,如图13-40所示。使用椭圆工具创建一个椭圆形,设置描边为白色,宽度为1 pt,如图13-41所示。


图13-40

图13-41

02 选择锚点工具,单击圆形顶部的锚点,将其转换为角点,如图13-42所示。在下方锚点上也单击一下,如图13-43所示。

图13-42

图13-43

03 选择旋转工具,将鼠标指针移动到图13-44所示的位置,按住Alt键单击,弹出“旋转”对话框,设置角度为60°,单击“复制”按钮,复制图形,如图13-45和图13-46所示。

图13-44

图13-45

图13-46

04 按4下Ctrl+D快捷键,复制出一组图形,如图13-47所示。选择选择工具,按住Ctrl键单击这几个图形(不包括背景的矩形),将它们选取,按Ctrl+G快捷键编组。双击旋转工具,在弹出的对话框中设置角度为90°,单击“复制”按钮,复制图形,如图13-48和图13-49所示。

图13-47

图13-48

图13-49

05 选择这两组图形,按Ctrl+G快捷键编组。按Ctrl+C快捷键复制,按Ctrl+F快捷键粘贴到前面。执行“效果>扭曲和变换>收缩和膨胀”命令,创建扭曲效果,如图13-50和图13-51所示。

图13-50

图13-51

06 按Ctrl+C快捷键复制这组被添加了效果的图形,按Ctrl+F快捷键粘贴到前面。双击“外观”面板中的“收缩和膨胀”效果,如图13-52所示,弹出对话框后修改参数,如图13-53和图13-54所示。

图13-52

图13-53

图13-54

07 采用相同的方法再复制出3组图形,每复制出一组,便修改它的“收缩和膨胀”效果参数,如图13-55~图13-60所示。对于最后两组图形,可按住Shift键拖曳定界框上的控制点,将图形适当缩小。

图13-55

图13-56

图13-57

图13-58

图13-59

图13-60

08 在图层名称上单击一下,之后打开“图层”面板菜单,选择“释放到图层(顺序)”命令,将每个动画元素都释放到一个单独的图层上,如图13-61和图13-62所示。

图13-61

图13-62

提示

如果执行“释放到图层(累积)”命令,则释放到图层中的对象是递减的,此时底部的对象将出现在每个新建的图层中,顶部的对象仅出现在顶层的图层中。

09 执行“文件>导出>导出为”命令,打开“导出”对话框。在“保存类型”下拉列表中选取Flash(*.SWF)选项,如图13-63所示;单击“导出”按钮,弹出“SWF选项”对话框,在“导出为”下拉列表中选择“AI图层到SWF帧”,如图13-64所示;单击“高级”选项卡,显示高级选项,设置帧速率为8帧/秒,勾选“循环”选项,使导出的动画能够循环不停地播放;勾选“导出静态图层”选项,并选择“图层1”,使其作为背景出现,如图13-65所示;单击“确定”按钮导出文件。按照导出的路径,找到该文件,双击它即可播放该动画,可以看到画面中的线条循环变化,非常有趣。

图13-63

图13-64

图13-65

提示

使用“编辑>SWF预设”命令,可以自定义导出选项。例如,可以设置将选定画板边框内的Illustrator画稿导出到SWF文件、在导出之前将图稿拼合为单一图层、压缩SWF数据,以及将文字转换为矢量路径等选项。