《如何制作flash动画》由会员分享，可在线阅读，更多相关《如何制作flash动画（28页珍藏版）》请在金锄头文库上搜索。
1、制作简单的 Flash 文档为了演示创建任何 Flash 文档的基本步骤，本部分通过一个非常简单的教程来引导您逐步完成这一过程。这个简短教程只是 Flash 工作流程的一个示例。更多教程可以从教程：构建您的第一个 Flash 应用程序和Flash 教程中获得。第一步是在 Flash 中创建一个新文档。若要创建新的 Flash 文档，请执行以下操作：1. 选择文件新建。 2. 在新建文档对话框中，默认情况下已选中Flash 文档。 单击确定。在属性检查器中，大小按钮显示当前舞台大小设置为 550 x 400 像素。3. 背景颜色样本设置为白色。通过单击该样本并选择一种不同的颜色，可以更改舞台的颜
2、色。 属性检查器，显示舞台大小和背景颜色绘制圆文档创建好以后，就可以为文档添加一些插图了。在舞台上绘制一个圆：1. 从工具面板中选择椭圆工具。 工具面板中的椭圆工具2. 从笔触颜色选取器中选择没有颜色选项。 在笔触颜色选取器中选择没有颜色选项3. 从填充颜色选取器中选择一种自己喜欢的颜色。 请确保填充颜色与舞台颜色形成适当对比。4. 选择椭圆工具，在按住 Shift 键的同时在舞台上拖动，绘制一个圆。 按住 Shift 键会使椭圆工具只能绘制圆。在舞台上绘制的圆创建元件您可以通过将新插图转换为 Flash 元件，将其变为可重复使用的资源。元件是一种媒体资源，可以在 Flash 文档中的任意位置
3、重复使用，而无需重新创建它。创建元件：1. 在工具面板中单击选择工具。 选中了选择工具的工具面板2. 单击舞台上的圆以选中它。 3. 在仍选中圆的情况下，选择修改转换为元件。 4. 在转换为元件对话框中，在名称文本框中键入 my_circle。 现在的默认行为将是影片剪辑。5. 单击确定。 在圆形周围将显示一个方形边框。现在，您已经在文档中创建了一个称为元件的可重复使用的资源。6. 新元件将显示在库面板中。 如果库面板没有打开，请选择窗口库。使圆具有动画效果现在文档中已经有了一些插图，可以使它在舞台上具有动画效果，从而变得更有趣。若要使用该圆来创建动画，请执行以下操作：1. 将该圆拖动到紧挨着
4、舞台区域的左侧。 移动到舞台区域左侧的圆2. 在时间轴中单击图层 1 的第 20 帧。 在时间轴中选择图层 1 的第 20 帧3. 选择插入时间轴帧。 Flash 向仍然处于选中状态的第 20 帧添加帧。在时间轴中插入的帧4. 在仍选中第 20 帧的情况下，选择插入时间轴关键帧。 在第 20 帧中添加了一个关键帧。关键帧是显式更改了对象的某些属性的帧。在这个新的关键帧中，您将更改圆的位置。在第 20 帧中插入一个关键帧5. 在时间轴中仍选中第 20 帧的情况下，将圆拖动到紧挨着舞台区域的右侧。 6. 在时间轴中选择图层 1 的第 1 帧。 7. 在属性检查器中，从补间弹出菜单中选择动画。属性检
5、查器的默认位置在 Flash 应用程序窗口的底部。 在属性检查器中选择一个补间动画在时间轴中，图层 1 中的第 1 帧和第 20 帧之间出现一个箭头。时间轴上带有指示补间动画的箭头此步骤创建了一个补间 动画，即圆从第 1 帧中的第一个关键帧的位置移动到第 20 帧中的第二个关键帧的位置。有关补间的更多信息，请参阅使用 Flash中的创建动画,。8. 在时间轴中，将红色播放头从第 1 帧到第 20 帧来回拖动，以预览动画。 9. 选择文件保存。 10. 在硬盘上为文件选择一个位置，并将文件命名为 SimpleFlash.fla。 11. 选择控制测试影片对 FLA 文件进行测试。 12. 关闭测
6、试影片窗口。 发布文件完成 Flash 文档后，就可以对它进行发布，以便能够在浏览器中查看它。发布 FLA 文件时，Flash 会将其压缩为 SWF 文件格式。这就是您放到 web 页中的格式。发布命令可以自动生成一个 HTML 文件，其中包含正确的标签。若要发布 Flash 文件并在浏览器中查看该文件，请执行以下操作：1. 选择文件发布设置。 2. 在发布设置对话框中，选择格式选项卡并确保仅选中了Flash和HTML选项。 此操作使 Flash 仅发布 Flash SWF 文件和 HTML 文件。HTML 文件用于在 Web 浏览器中显示 SWF 文件。格式选项卡上的Flash和HTML选项
7、3. 在发布设置对话框中，选择HTML选项卡，并确保在模板弹出菜单中选择了仅限 Flash。 此模板将创建一个简单的 HTML 文件，在浏览器窗口中显示时该文件仅包含 SWF 文件。从模板菜单中选择仅限 Flash4. 单击确定。 5. 选择文件发布，并打开 Web 浏览器。 6. 在 Web 浏览器中，选择文件打开。 7. 导航到保存 FLA 文件的文件夹。 在该文件夹中有 SimpleFlash.swf 和 SimpleFlash.html 文件。在您单击发布时，Flash 创建了这些文件。8. 选择名为 SimpleFlash.html 的文件。 9. 单击打开。 Flash 文档将显示
8、在浏览器窗口中。祝贺您！现在，您已经完成了您的第一个 Flash 文档。创建元件接下来，您将创建一些元件 或可重用资源。元件使您能够多次使用相同的资源，而无需在 FLA 文件中存储该资源的多个副本。您可以在库面板中存储元件，并在需要时将元件的实例 拖动到舞台。若要创建元件，请执行以下操作：1. 选择插入新建元件。2. 在创建新元件对话框中，在名称文本框中键入 imageHolder。 行为的默认值为影片剪辑。请不要更改该选项。3. 单击确定。 新元件添加到库面板（窗口库），Flash 进入元件编辑模式。注意在元件编辑模式下，不显示舞台，Flash 应用程序窗口的主要部分变成一个可用来绘制和编辑
9、元件的绘制区。关于关于元件和库面板元件是可重用的资源，使您能够在 Flash 文档中多次使用一个资源，而无需在文件中复制该资源。通过在 Flash 文档中仅保存元件的一个副本，可以缩小文档文件的大小。元件可以像按钮或图形那样简单，也可以像影片剪辑那样复杂。创建元件后，必须将其存储到库面板中。库面板存储并管理文档中的所有元件。要再次使用某个元件，请将它从库面板拖动到舞台上。这样，Flash 会在舞台上创建该元件的一个新实例。实例其实只是对原始元件的引用，它通知 Flash在该位置绘制指定元件的一个副本。通过使用元件和实例，可以使资源更易于组织，使 Flash 文件更小。此外，您还可以通过编辑元件
10、来更新特定元件的所有实例的外观和行为。这些更改随即会反映到整个文档中该元件的所有实例中。4. 在元件编辑模式下，选择工具面板（窗口工具）中的矩形工具。5. 在工具面板上的笔触颜色选取器中选择白色 (#FFFFFF)。6. 在工具面板中的填充颜色选取器中选择浅灰色 (#CCCCCC)。7. 在绘制区中拖动，绘制一个扁平矩形。8. 选择工具面板中的选择工具。9. 双击所绘制的矩形，选择其填充和笔触。 注意笔触是构成形状的边框的线段。10. 在属性检查器中，在X和Y文本框中输入 0。 这会将元件的左上角定位到舞台的左上角。11. 在宽度文本框中输入 700，在高度文本框中输入 150，然后按 Ent
11、er 键 (Windows) 或 Return 键 (Macintosh)。 具有正确宽度、高度、X 和 Y 值的属性检查器注意在向面板中的文本框中输入值时，必须按 Tab 键、Enter 键 (Windows) 或 Return 键 (Macintosh)，以便让 Flash 确认该值。所创建的首个元件的各个实例将成为 FMA 要显示的各个图像的容器。这就是将其命名为 imageHolder 的原因。接下来，您将创建另一个元件，该元件将成为 imageHolder 元件的一组实例（共五个）的容器。然后，您将制作该新元件沿垂直方向的动画，以更改显示在舞台可见部分的图像。若要创建包含五个 ima
12、geHolder 实例的第二个元件，请执行以下操作：1. 选择插入新建元件。2. 在创建新元件对话框中，在名称文本框中输入 slides 并单击确定。 您仍处于元件编辑模式。3. 从时间轴中的缩放菜单中选择 25%。4. 在库面板（窗口库）中，将 imageHolder 元件拖动到绘制区。 现在您已经创建了 imageHolder 元件的一个实例。该实例是您要创建的新 slides 元件的一部分。5. 在新实例在舞台上仍处于选中状态的情况下，在属性检查器的实例名称文本框中输入 holder0。 这将对实例赋予一个自己的名称，它与元件名称不同。6. 同样在属性检查器中，在X和Y文本框中输入 0
13、并按 Enter 键 (Windows) 或 Return 键 (Macintosh)。 这会将 holder0 实例的左上角定位到 slides 元件的左上角。7. 将 imageHolder 元件从库面板中拖动到绘制区，并将其放置在 holder0 实例的正下方。8. 在属性检查器中的实例名称文本框内输入 holder1。9. 在X文本框中输入 0，在Y文本框中输入 150，然后按 Enter 键或 Return 键。10. 为 imageHolder 元件的第三、第四和第五个实例重复此过程。 在属性检查器中，为新的实例赋予下列属性：第三个实例：o 实例名称 = holder2o X =
14、0o Y = 300第四个实例：o 实例名称 = holder3o X = 0o Y = 450第五个实例：o 实例名称 = holder4o X = 0o Y = 600现在，您已经完成了名为 slides 的元件的创建。接下来，您将创建第三个元件，它将包含 slides 元件的一个实例。正如您所看到的，在其它元件内嵌套元件实例是一种常用的 Flash 创作技巧。已完成的 slides 元件若要创建第三个元件，请执行以下操作：1. 选择插入新建元件。2. 在创建新元件对话框中，在名称文本框中输入 slideShow 并单击确定。3. 将在上一部分中创建的 slides 元件从库面板拖动到新元件 slideShow的绘制区。 这将在新的 slideShow 元件内创建 slides 元件的一个实例。包含 slides 和 slideShow 元件的库面板4. 在元件实例仍处于选中状态的情况下，在属性检查器的X和Y文本框中输入 0。5. 同样，在属性检查器中，在实例名称文本
