FLASH动画设计教程 (3)

1、1Flash动画设计与制作动画设计与制作对象操作和位图应用对象操作和位图应用合肥工业大学计算机与信息学院合肥工业大学计算机与信息学院石石 雷雷2对象操作和位图应用对象操作和位图应用 对象的属性和类别对象的属性和类别 更改对象属性更改对象属性 编辑位图编辑位图 对象的排列与对齐对象的排列与对齐 对象的移动复制删除对象的移动复制删除 对象的变形对象的变形3对象操作和位图应用对象操作和位图应用 对象的属性和类别对象的属性和类别 更改对象属性更改对象属性 编辑位图编辑位图 对象的排列与对齐对象的排列与对齐 对象的移动复制删除对象的移动复制删除 对象的变形对象的变形4对象操作和位图应用对象操作和位图应用

2、对象的属性和类别对象的属性和类别 一部动画的制作是由很多元素组成的，在一部动画的制作是由很多元素组成的，在FlashFlash中将这些元素统称为对象，中将这些元素统称为对象，每种对象都有它的特性。每种对象都有它的特性。FlashFlash中的对象包括：形状、组合、文字、位图、中的对象包括：形状、组合、文字、位图、符号与声音。符号与声音。形状形状 形状是指所有在形状是指所有在FlashFlash中绘制的图形，也包括打散的位图，是对象中最中绘制的图形，也包括打散的位图，是对象中最基层的元素，包括线条与填充色两部分，属性面板如下图所示。基层的元素，包括线条与填充色两部分，属性面板如下图所示。线条与线

3、条的关系：线条与线条的关系：在在FlashFlash中，不管用什么工具绘制的线条一旦相交，线中，不管用什么工具绘制的线条一旦相交，线条就会被互相隔断。条就会被互相隔断。 线条与填充色的关系：线条与填充色的关系：线条与填充色相交也会被互相分割，但二者又相互线条与填充色相交也会被互相分割，但二者又相互独立，不会被彼此覆盖。独立，不会被彼此覆盖。填充色与填充色的关系：填充色与填充色的关系：填充色与填充色相交既会被互相分割又会被彼此填充色与填充色相交既会被互相分割又会被彼此覆盖。覆盖。5对象操作和位图应用对象操作和位图应用对象的属性和类别对象的属性和类别组合组合 组合的图形是独立存在的个体，它的属性就

4、是独立存在，可以将任意组合的图形是独立存在的个体，它的属性就是独立存在，可以将任意的形状组合，也可以将已经组合的图形再次组合，组合后的图形不会互相干的形状组合，也可以将已经组合的图形再次组合，组合后的图形不会互相干扰，组合图形的属性面板如下图所示。当组合后的图形之间相互重叠时，组扰，组合图形的属性面板如下图所示。当组合后的图形之间相互重叠时，组合的图形会被遮盖，但组合的图形不会相互分割。合的图形会被遮盖，但组合的图形不会相互分割。文字文字 文字也是文字也是FlashFlash中的编辑对象之一，从工具箱中选取文本工具，在场景中的编辑对象之一，从工具箱中选取文本工具，在场景中单击，即可在空白的文本

5、标签框中输入文字。中单击，即可在空白的文本标签框中输入文字。 选中文字，在属性面板中可以对文本的类型、字体、字号与颜色等属性选中文字，在属性面板中可以对文本的类型、字体、字号与颜色等属性进行设置，具体的应用在后面的章节中会做详细介绍。进行设置，具体的应用在后面的章节中会做详细介绍。 6对象操作和位图应用对象操作和位图应用对象的属性和类别对象的属性和类别位图位图 位图是指所有导入到位图是指所有导入到FlashFlash中的象素图片，可以对其进行移动、复制或中的象素图片，可以对其进行移动、复制或变形等操作，属性面板如下图所示。变形等操作，属性面板如下图所示。导入位图：导入位图：导入图形的位置分为舞

6、台与库面板两种，导入到舞台，位图会导入图形的位置分为舞台与库面板两种，导入到舞台，位图会同时出现在工作区与库面板中；导入到库面板，位图只出现在库面板中。同时出现在工作区与库面板中；导入到库面板，位图只出现在库面板中。 导入一系列位图：导入一系列位图：如果导入的位图为一系列图形中的一张，则可以一次性如果导入的位图为一系列图形中的一张，则可以一次性导入这个系列的位图导入这个系列的位图。7对象操作和位图应用对象操作和位图应用对象的属性和类别对象的属性和类别符号符号 符号也被称作为图符或元件，是符号也被称作为图符或元件，是FlashFlash中的重要对象，图符可以被反中的重要对象，图符可以被反复调用而

7、不会影响到影片的容量，以一个符号为基础，可以制作出不同颜色，复调用而不会影响到影片的容量，以一个符号为基础，可以制作出不同颜色，大小或是旋转角度的符号，如下图所示。大小或是旋转角度的符号，如下图所示。 符号包括三种类型，分别为图形元件、影片剪辑元件和按钮，具体的应符号包括三种类型，分别为图形元件、影片剪辑元件和按钮，具体的应用会在后面章节中详细讲述。用会在后面章节中详细讲述。8对象操作和位图应用对象操作和位图应用对象的属性和类别对象的属性和类别声音声音 声音作为一种较为特殊的对象广泛应用在声音作为一种较为特殊的对象广泛应用在FlashFlash中，属性面板如下图中，属性面板如下图所示。所示。

8、通过属性面板可以对声音文件进行各种效果的制作，设置声音的播放通过属性面板可以对声音文件进行各种效果的制作，设置声音的播放方式等，具体的应用会在后面章节中详细讲述。方式等，具体的应用会在后面章节中详细讲述。9对象操作和位图应用对象操作和位图应用 对象的属性和类别对象的属性和类别 更改对象属性更改对象属性 编辑位图编辑位图 对象的排列与对齐对象的排列与对齐 对象的移动复制删除对象的移动复制删除 对象的变形对象的变形10对象操作和位图应用对象操作和位图应用更改对象属性更改对象属性对象的组合对象的组合 FlashFlash中形状与符号都可以被组合。选中要组合的对象，执行中形状与符号都可以被组合。选中要

9、组合的对象，执行“修改修改”-“组合组合”命令，或按命令，或按Ctrl+GCtrl+G键可实现图形组合。组合后的图形可再次被组键可实现图形组合。组合后的图形可再次被组合；组合后的图形拥有图形一般的属性，例如可以对其进行移动、复制和变合；组合后的图形拥有图形一般的属性，例如可以对其进行移动、复制和变形等命令的操作。形等命令的操作。对象的分离对象的分离 与组合相对的命令为打散命令，打散命令可以将对象转变为最基础的元与组合相对的命令为打散命令，打散命令可以将对象转变为最基础的元素素形状。执行形状。执行“修改修改”-“分离分离”命令，或按命令，或按Ctrl+BCtrl+B键可实现图形打散。键可实现图形

10、打散。符号类型的转换符号类型的转换 符号的三种类型可以在场景中通过属性面板进行任意转换，转换后的符符号的三种类型可以在场景中通过属性面板进行任意转换，转换后的符号具有相应的符号属性。号具有相应的符号属性。11对象操作和位图应用对象操作和位图应用 对象的属性和类别对象的属性和类别 更改对象属性更改对象属性 编辑位图编辑位图 对象的排列与对齐对象的排列与对齐 对象的移动复制删除对象的移动复制删除 对象的变形对象的变形12对象操作和位图应用对象操作和位图应用编辑位图编辑位图 FlashFlash提供了多种命令用于编辑位图，除了前面介绍的对其进行移动、提供了多种命令用于编辑位图，除了前面介绍的对其进行

11、移动、复制、变形或打散等操作以外，还可以将它导出到外部编辑器中进行编辑，复制、变形或打散等操作以外，还可以将它导出到外部编辑器中进行编辑，但无论如何编辑，位图都是由像素构成的图形，通过但无论如何编辑，位图都是由像素构成的图形，通过FlashFlash还可以将其转换还可以将其转换为矢量图。为矢量图。位图之间的同位置交换：位图之间的同位置交换：利用选择工具选中位图，单击属性面板中的利用选择工具选中位图，单击属性面板中的“交交换换”按钮，弹出按钮，弹出“交换位图交换位图”对话框，在其中列出所有在库面板中的图片，对话框，在其中列出所有在库面板中的图片，单击选中欲交换的图片，在左上角的预览窗口中预览图片

12、，接着单击单击选中欲交换的图片，在左上角的预览窗口中预览图片，接着单击“确定确定”按钮，即可在同位置交换位图。按钮，即可在同位置交换位图。设置位图的外部编辑：设置位图的外部编辑：如果需要的位图效果没法在如果需要的位图效果没法在FlashFlash中进行编辑，可以中进行编辑，可以指定外部编辑器，将位图导出指定外部编辑器，将位图导出FlashFlash进行同步编辑。进行同步编辑。位图转换为矢量：位图转换为矢量：位图转化为矢量图与将位图打散不同，打散后的位图与位图转化为矢量图与将位图打散不同，打散后的位图与矢量化的位图虽然在属性面板中同属形状，但打散后的位图仍然是像素图形，矢量化的位图虽然在属性面板

13、中同属形状，但打散后的位图仍然是像素图形，换句话说，在放大后仍然模糊不清，而矢量化的位图是由一个个独立的色块换句话说，在放大后仍然模糊不清，而矢量化的位图是由一个个独立的色块组成，完全变成了矢量图。组成，完全变成了矢量图。 优化矢量：优化矢量：为了减少文件的大小，转换为矢量图的图形还可以进行优化，为了减少文件的大小，转换为矢量图的图形还可以进行优化，达到较少文件容量的目的。达到较少文件容量的目的。13对象操作和位图应用对象操作和位图应用 对象的属性和类别对象的属性和类别 更改对象属性更改对象属性 编辑位图编辑位图 对象的排列与对齐对象的排列与对齐 对象的移动复制删除对象的移动复制删除 对象的变

14、形对象的变形14对象操作和位图应用对象操作和位图应用对象的排列与对齐对象的排列与对齐 同一图层中同一图层中FlashFlash中的对象按照创建的先后顺序分位不同的层次出现在中的对象按照创建的先后顺序分位不同的层次出现在场景中，最晚创建的对象位于最高层，但形状永远处于最底层，选中的形状场景中，最晚创建的对象位于最高层，但形状永远处于最底层，选中的形状会覆盖其他的形状，若要改变形状的叠放次序，就必须将它组合。会覆盖其他的形状，若要改变形状的叠放次序，就必须将它组合。对象的排列：对象的排列：见操作。见操作。对象的对齐：对象的对齐：对齐对象命令用于对齐分布在同一场景中的两个或两个以上对齐对象命令用于对

15、齐分布在同一场景中的两个或两个以上的选定对象。可以通过两种方式将选定的对象对齐。的选定对象。可以通过两种方式将选定的对象对齐。1.1.菜单栏菜单栏 选定对象后，执行选定对象后，执行“修改修改”“”“排列排列”“”“对齐对齐”命令，在弹出的下一命令，在弹出的下一级子菜单中进行选择。级子菜单中进行选择。2.2.对齐面板对齐面板 执行执行“窗口窗口”“”“设计面板设计面板”“”“对齐对齐”命令或按命令或按Ctrl+KCtrl+K键，在弹出的键，在弹出的对齐面板中对选定的对象进行选择。对齐面板中对选定的对象进行选择。 15对象操作和位图应用对象操作和位图应用对象的排列与对齐对象的排列与对齐 对齐面板的

16、应用对齐面板的应用对齐：对齐：对齐组中包括对齐组中包括6 6个命令，分为水平对齐和垂直对齐两种，水平方向包个命令，分为水平对齐和垂直对齐两种，水平方向包括括“左对齐左对齐”、“水平中齐水平中齐”与与“右对齐右对齐”三种，垂直方向包括三种，垂直方向包括“上对齐上对齐”、“垂直中齐垂直中齐”与与“底对齐底对齐”三种三种 分布：分布：分布组中包括分布组中包括6 6个命令，分为垂直分布和水平分布两种，垂直分布包个命令，分为垂直分布和水平分布两种，垂直分布包括括“顶部分布顶部分布”、“垂直中间分布垂直中间分布”与与“底部分布底部分布”三种，水平分布包括三种，水平分布包括“左侧分布左侧分布”、“水平中间分

17、布水平中间分布”与与“右侧分布右侧分布”三种。三种。匹配大小：匹配大小：匹配大小组中包括匹配大小组中包括3 3个命令，分别为个命令，分别为“匹配宽度匹配宽度”、“匹配高度匹配高度”与与“匹配宽和高匹配宽和高”。 间隔：间隔：间隔组中包括间隔组中包括2 2个命令，分别为个命令，分别为“垂直平均间隔垂直平均间隔”与与“水平平均间水平平均间隔隔”。 相对于舞台组：相对于舞台组：单击单击“对齐对齐 相对舞台分布相对舞台分布”按钮，所有的对齐操作将以场按钮，所有的对齐操作将以场景的大小为基准，而在未选定状态下，也就是默认状态下，则是以对象本身景的大小为基准，而在未选定状态下，也就是默认状态下，则是以对象

18、本身为基准进行的操作。为基准进行的操作。16对象操作和位图应用对象操作和位图应用 对象的属性和类别对象的属性和类别 更改对象属性更改对象属性 编辑位图编辑位图 对象的排列与对齐对象的排列与对齐 对象的移动复制删除对象的移动复制删除 对象的变形对象的变形17对象操作和位图应用对象操作和位图应用对象的移动复制删除对象的移动复制删除 移动，复制与删除的操作是对移动，复制与删除的操作是对FlashFlash中的对象进行编辑时较为常用的操作，中的对象进行编辑时较为常用的操作，FlashFlash中的对象之一声音也可以被反复利用，各种对象之间的操作命令有所不同，下面将分中的对象之一声音也可以被反复利用，各

19、种对象之间的操作命令有所不同，下面将分别讲述操作对象的几种方法。别讲述操作对象的几种方法。1 1移动对象移动对象 移动对象就是改变对象在场景中的位置，移动对象的方法有四种，分别为：利用移动对象就是改变对象在场景中的位置，移动对象的方法有四种，分别为：利用选择工具、利用键盘中方向键、利用信息面板移动对象、利用属性面板移动对象。选择工具、利用键盘中方向键、利用信息面板移动对象、利用属性面板移动对象。2 2复制对象复制对象 在在FlashFlash中，既可以在不同图层、场景和中，既可以在不同图层、场景和FlashFlash文件之间复制对象，又可以在组合文件之间复制对象，又可以在组合与元件的内部之间复

20、制对象，当然也可以在同一图层之间复制对象。粘贴图像的方式与元件的内部之间复制对象，当然也可以在同一图层之间复制对象。粘贴图像的方式有三种，每种的粘贴效果各不相同，三种方法如下所述：有三种，每种的粘贴效果各不相同，三种方法如下所述： 复制对象后，执行复制对象后，执行“编辑编辑”“”“粘贴到中心位置粘贴到中心位置”命令或按命令或按Ctrl+VCtrl+V键，即可将刚刚复键，即可将刚刚复制的对象粘贴在场景中，且被复制的对象保留了原来对象中的一切属性，包括对象的制的对象粘贴在场景中，且被复制的对象保留了原来对象中的一切属性，包括对象的类型、尺寸与透明度等设置类型、尺寸与透明度等设置 。 复制对象后，执

21、行复制对象后，执行“编辑编辑”“”“粘贴到当前位置粘贴到当前位置”命令或按命令或按Ctrl+Shift+VCtrl+Shift+V键，即可将键，即可将复制的对象按照原来的位置粘贴到场景中，看上去就好像是没有被复制一样，两个图复制的对象按照原来的位置粘贴到场景中，看上去就好像是没有被复制一样，两个图形被重叠放在一起。形被重叠放在一起。 复制对象后，执行复制对象后，执行“编辑编辑”“”“选择性粘贴选择性粘贴”命令，弹出命令，弹出“选择性粘贴选择性粘贴”对话框，这对话框，这个对话框询问将复制的对象以何种方式贴粘到场景中。个对话框询问将复制的对象以何种方式贴粘到场景中。18对象操作和位图应用对象操作和

22、位图应用对象的移动复制删除对象的移动复制删除2 2复制对象复制对象 除了上述方法以外，还可以用以下两种更简便的方法复制对象：除了上述方法以外，还可以用以下两种更简便的方法复制对象：用选择工具选中对象的同时，按住用选择工具选中对象的同时，按住CtrlCtrl或或AltAlt键单击并拖拽鼠标，即可在新位键单击并拖拽鼠标，即可在新位置上复制移动的对象置上复制移动的对象 。 选中对象后，执行选中对象后，执行“编辑编辑”“”“重制重制”命令或按命令或按Ctrl+DCtrl+D键，复制的对象将以键，复制的对象将以交错叠放的顺序被粘贴。交错叠放的顺序被粘贴。3 3删除对象删除对象 要删除场景中的对象，只需将

23、它选中，执行要删除场景中的对象，只需将它选中，执行“编辑编辑”“”“清除清除”命令或命令或直接按直接按DeleteDelete或或BackspaceBackspace键。键。 19对象操作和位图应用对象操作和位图应用 对象的属性和类别对象的属性和类别 更改对象属性更改对象属性 编辑位图编辑位图 对象的排列与对齐对象的排列与对齐 对象的移动复制删除对象的移动复制删除 对象的变形对象的变形20对象操作和位图应用对象操作和位图应用对象的变形对象的变形对象的变形在第对象的变形在第2 2章中的任意变形工具章节中已经详细介绍，这里重点介绍任意变章中的任意变形工具章节中已经详细介绍，这里重点介绍任意变形工具

24、与菜单命令中的变形选项之间的区别和联系。形工具与菜单命令中的变形选项之间的区别和联系。用选择工具选中一个形状，执行用选择工具选中一个形状，执行“修改修改”“”“变形变形”命令，在弹出的下一级子菜命令，在弹出的下一级子菜单中进行选择，如下图所示。单中进行选择，如下图所示。在菜单栏第一组中提供的前在菜单栏第一组中提供的前5 5个命令，均可以在工具栏或任意变形工具选项栏中找个命令，均可以在工具栏或任意变形工具选项栏中找到相应的选项。到相应的选项。菜单栏中提供的其他命令，均可以通过在变形对话框中的设置来实现，其中的菜单栏中提供的其他命令，均可以通过在变形对话框中的设置来实现，其中的“取消变形取消变形”

25、选项必须在应用变形以后才能显示，与变形对话框中的选项必须在应用变形以后才能显示，与变形对话框中的“重置重置”按钮功按钮功能一样。但通过菜单栏可以很方便设置对象的垂直翻转与水平翻转命令，以下将详细能一样。但通过菜单栏可以很方便设置对象的垂直翻转与水平翻转命令，以下将详细介绍这两个命令的应用。介绍这两个命令的应用。21对象操作和位图应用对象操作和位图应用对象的变形对象的变形1.1.垂直翻转垂直翻转 选中如左图所示对象后，执行选中如左图所示对象后，执行“修改修改”“垂直翻转垂直翻转”命令，得到如右命令，得到如右图所示的效果：图所示的效果：2.2.水平翻转水平翻转 选中如左图所示对象后，执行选中如左图

26、所示对象后，执行“修改修改”“水平翻转水平翻转”命令，得到如右命令，得到如右图所示的效果：图所示的效果：3.3.通过属性面板控制对象纵横比通过属性面板控制对象纵横比 除了可以利用任意变形工具调整对象尺寸，还可以通过属性面板的设置，除了可以利用任意变形工具调整对象尺寸，还可以通过属性面板的设置，对所选对象进行更精确的纵横比设置。对所选对象进行更精确的纵横比设置。 22对象操作和位图应用对象操作和位图应用修改对象形状修改对象形状1.1.将线条转换为填充将线条转换为填充 将线条转换为填充后，线条的属性变成填充色属性，可以对其进行各种将线条转换为填充后，线条的属性变成填充色属性，可以对其进行各种填充色

27、的设置。使用时选中线条执行填充色的设置。使用时选中线条执行“修改修改”“形状形状”“将线条转换为填将线条转换为填充充”命令即可。命令即可。2.2.扩展填充扩展填充 扩展填充可以使填充色的填充范围扩大或缩小，选中任意填充色，执行扩展填充可以使填充色的填充范围扩大或缩小，选中任意填充色，执行“修改修改”“形状形状”“扩展填充扩展填充”命令，弹出命令，弹出“扩展填充扩展填充”对话框，在其中对话框，在其中进行设置进行设置。3.柔滑填充边缘柔滑填充边缘 柔化填充边缘可以使填充色的边缘产生模糊的效果，选中任意填充色，柔化填充边缘可以使填充色的边缘产生模糊的效果，选中任意填充色，执行执行“修改修改”“形状形

28、状”“柔化填充边缘柔化填充边缘”命令，弹出命令，弹出“柔化填充边缘柔化填充边缘”对对话框，在其中进行设置。话框，在其中进行设置。23对象操作和位图应用对象操作和位图应用自动捕捉对象自动捕捉对象 查看自动捕捉对象用于自动捕捉移动的对象帮助对象与其他对象、路径、查看自动捕捉对象用于自动捕捉移动的对象帮助对象与其他对象、路径、网格或辅助线对齐，还可以帮助所选对象的中心点自动捕捉到对象、路径、网网格或辅助线对齐，还可以帮助所选对象的中心点自动捕捉到对象、路径、网格或辅助线，这样不需要使用对齐面板，就可轻松将对象对齐。格或辅助线，这样不需要使用对齐面板，就可轻松将对象对齐。1.1.对齐对象对齐对象 用选择工具选中对象，执行用选择工具选中对象，执行“视图视图”“对齐对齐”“对齐对象对齐对象”命令或命令或单击选择工具选项组中的对齐对象按钮，即可打开或关