创建您的第一个 Flash Professional CS5 文档
|
Adobe Flash Professional CS5 是一个创作工具，设计人员和开发人员可使用它创建出演示文稿、应用程序以及支持用户交互的其他内容。Flash 项目可以包含简单的动画、视频内容、复杂的演示文稿、应用程序以及介于这些对象之间的任何事物。总而言之，使用 Flash Professional 制作出的个体内容就称为应用程序（或?SWF 应用程序），尽管它们可能只是基本的动画。您可以加入图片、声音、视频和特殊效果，创建出包含丰富媒体的应用程序。 SWF 格式十分适合通过 Internet 交付，因为它的文件很小。这是因为它大量使用了矢量图形。与位图图形相比，矢量图形的内存和存储空间要求都要低得多，因为它们是以数学公式而不是大型数据集的形式展示的。位图图形较大，是因为图像中的每个像素都需要一个单独的数据进行展示。 创建 FLA 文件并添加图形要在 Flash Professional CS5 中构建应用程序，您使用绘制工具创建矢量图形并设计元素，然后将音频、视频和图像等其他媒体元素导入文档中。接下来，定义如何及何时使用各个元素创建脑海中的应用程序。 在 Flash Professional 中创作内容时，您使用称为 FLA 文件的文档。FLA 文件的文件扩展名为 .fla (FLA)。查看 FLA 文件时，您会发现 Flash CS4 Professional 用户界面（请参阅图 1）分为五个主要部分：
ActionScript 代码允许您为文档中的媒体元素添加交互性。例如，您可以添加代码，当用户单击某个按钮时此代码会使按钮显示一个新图像。您也可以使用 ActionScript 为应用程序添加逻辑。逻辑使您的应用程序能根据用户操作或其他情况表现出不同的行为。创建 ActionScript 3 或 Adobe AIR 文件时，Flash Professional 使用 ActionScript 3，创建 ActionScript 2 文件时，它使用 ActionScript 1 和 2。 Flash 包含许多令它既强大、又简单易用的功能，如预建的拖放式用户界面组件、内建动画效果（可用于为时间轴上的元素制作动画）以及可添加到媒体对象的特殊效果。 完成 FLA 文件创作后，您可以使用“文件”>“发布”命令 (Shift+F12) 发布它。它将创建一个压缩版的文件并使用扩展名 .swf (SWF)。随后即可使用 Flash Player 在 Web 浏览器中播放这个 SWF 文件，也可以作为一个独立应用程序播放。 创建一个简单的 FLA 文件为了说明创建任何 FLA 文档的基本步骤，本教程将指导您逐步完成一个简单教程。这个简短的教程只是您在 Flash Professional 中进行创作时用到的工作流程的一个范例。第一步是新建一个文档：
图 2.“新建文档”对话框显示 Flash Professional 文件类型
图 3.选择“基本选项”以显示教程所使用的工作区布局
图 4.属性检查器显示舞台大小和背景色
提示：Flash 影片中的舞台的背景色可使用“修改”>“文档”命令设置，也可以选择舞台，然后在“属性”面板中修改“舞台颜色”字段。无需绘制一个包含背景色的矩形。当您发布影片时，Flash Professional 会将 HTML 页的背景色设置为与舞台背景色相同的颜色。
在舞台上绘制一个圆圈创建文档后，您就可以在其中添加图稿。 Flash 中的一个常见任务是绘制形状。使用绘制工具时，您创建的是可随时编辑的矢量图形。以下步骤说明如何创建稍后动画中使用的圆圈。
图 5.“工具”面板中的“椭圆”工具
图 6.在“描边拾色器”中选择“无颜色”选项
图 7.舞台上绘制出的圆圈
提示：如果绘制圆圈时只看到轮廓而看不到填充色，请首先在属性检查器的“椭圆”工具属性中检查描边和填充选项是否已正确设置。如果属性正确，请检查以确保时间轴的层区域中未选中“显示轮廓”选项。请注意层名称右侧的三个图标；眼球图标、锁图标和轮廓图标。确保轮廓图标为实色填充而不仅仅是轮廓。单击图标可切换可视状态。 创建元件和添加动画您可以通过将新图稿转换为元件，将它转变为可重用资源。元件时一种媒体资源，无需重新创建就可以在文档的任何位置重用。元件可以包含图像、动画和其他类型的内容。 一开始，您最可能使用元件创建补间动画和存储图形内容（正如以下几个步骤中建议的那样）。随着 Flash Professional 使用量的增加，您会借助多个时间轴使用元件构造应用程序和交互性：
图 8.在“工具”面板中选中“选择”工具
图 9.“转换为元件”对话框
如果“库”面板尚未打开，请选择“窗口”>“库”。“库”面板中将显示新元件的定义。（舞台上的元件副本称为元件的实例。） 为圆圈制作动画现在文档中已有图稿，您可以为它制作动画，使它在舞台上移动，从而增加文档的趣味性：
图 10.圆圈移到舞台区域左侧
图 11.延伸的时间轴在第 24 帧处可进行编辑
图 12.一个 24 帧的动画，显示动画结束时第 24 帧处的圆圈
图 13.补间动画显示第 12 帧方向更改
图 14.补间动画显示添加到动画参考线的曲线
使用停止动作阻止时间轴循环您此时可能已发现播放影片时，动画会反复循环。这是因为 Flash Professional 中的时间轴在最后一帧后将回到第 1 帧，除非您指示影片执行其他操作。如果要添加一个控制时间轴的命令，可将 ActionScript 代码添加到时间轴上的关键帧（点）。 提示：可使用关键帧将 ActionScript 和资源放在时间轴的特定帧上。只需查看关键帧点就可以确定内容的位置。 以下步骤通过使用最常见的时间轴命令之一介绍了 ActionScript 代码；停止动作：
stop();
注意：此步骤假设您使用“动作”面板的默认模式。如果“动作”面板处于“脚本助手”模式，请取消选中“动作”面板右上角的魔术棒图标，恢复默认模式。
图 15.完成后的时间轴显示应用于 actions 层第 24 帧的停止动作
发布文件完成 FLA 文件后即可发布它，以便通过浏览器查看它。发布文件时，Flash Professional 会将它压缩为 SWF 文件格式。这是放入网页中的格式。“发布”命令可以为您自动生成一个包含正确标签的 HTML 文件。 以下说明如何发布 FLA 文件并在浏览器中查看 SWF：
图 16.“格式”选项卡中的“Flash”和“HTML”选项
图 17.从“模板”菜单中选择“Flash Only”
图 18.发布文件后，浏览器中将显示一个 SimpleFlash.swf 动画示例（单击按钮可重放） 祝贺您！您已完成您的第一个 FLA 文件。要进一步了解文档发布，请阅读在线 Flash 文档中的发布和导出部分。 添加一个重放按钮以重新启动动画 您已使用? 按照这些步骤操作，为文件添加一个“重放”按钮和 ActionScript：
import flash.events.MouseEvent; function onClick(event:MouseEvent):void{ gotoAndPlay(1);}replay_btn.addEventListener(MouseEvent.CLICK,onClick);
后续工作您可以通过许多地方进一步了解如何使用 Flash Professional CS5：
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
