Adobe
产品
Acrobat
Creative Cloud
创意套装
Digital Marketing Suite
Digital Publishing Suite
Elements
Photoshop
Touch Apps
更多产品
解决方案
数字营销
数字媒体
教育
金融服务业
政府部门
网页体验管理
更多解决方案
学习帮助下载公司
商店
在线商店
批量许可
查找经销商
搜索
 
信息 登录
欢迎,我的支持
我的帐户
注销
为何登录?登录后可以管理您的帐户,访问试用版下载、产品扩展和社区区域等。
Adobe
产品 分类 购买   搜索  
解決方案 公司
学习
登录 注销 我的货物 我的支持
Date Date
Qty:
Subtotal
Checkout
Adobe 开发者中心 / Flash 开发人员中心 /

Flash 视频模板: 包含同步图形的发言人演示文稿

作者 Dan Carr

Dan Carr
  • Dan Carr Design

Content

  • 了解项目布局
  • 对视频进行更改
  • 对按钮进行更改
  • 添加自己的文本、图形和动画
  • 利用流式视频

创建日期

1 January 2000

页面工具

在 Facebook 上共享
在 Twitter 上共享
在 LinkedIn 上共享
书签
打印

Tags

要求

用户级别

中级

必需产品

  • Flash Professional CS4 (Download trial)

示例文件 (模板)

  • vidtemplate_synch_preso_cs4.zip

要求

要完成此教程, 您需要安装下列软件和文件:

Macromedia Flash MX Professional 2004

  • 试用
  • 购买

用于 Flash MX 2004 和 Flash MX Professional 2004 的 7.2 更新程序

  • 下载 Windows 更新程序 EXE, 66.66 MB
  • 下载 Macintosh 更新程序 DMG, 73.46 MB
  • 查阅有关 Flash 7.2 更新程序的更多信息 ›

Macromedia Flash Communication Server MX

尽管此教程是可选的, 但 Flash Communication Server 使您能够使用流式视频下载, 而不是渐进式视频下载。 有关更多信息, 请参阅本文“利用流式视频”一节。

示例文件 模板

  • 下载同步文本/视频演示文稿模板 ZIP, 3.55 MB

同步文本/视频演示文稿 Flash 文件展示在 Web 上赋予公司型演示文稿活力的一个突出示例。 与标准静态幻灯片放映相比, 此看起来简单的演示文稿更有吸引力, 因为它把音频、视频和动画组合在一起。 此模板的特色是: 视频、使文本和图形与视频同步的幻灯片以及底部的导航按钮。 播放视频时, 幻灯片按预先设置的时间发生变化, 而导航按钮突出显示相关主题。 当用户点击其中一个按钮时, 视频和幻灯片自动将自己定位到该主题。

file 预览同步文本/视频演示文稿模板

下面是一些示例, 说明您可以如何根据需要使此演示文稿充满活力:

  • 添加自己的视频, 调整其大小, 以及将其定位到页面上任何地方。
  • 将公司图形和颜色添加到演示文稿的任何部分, 包括背景。
  • 将按钮、文本等添加到底部的导航栏。
  • 将导航栏移动到顶部或两侧。
  • 添加自己的与视频同步出现的文本和图形。

本文概述模板结构和过程, 将提供的文件转换为适应自己需要的自定义演示文稿时必需此模板结构和过程。

了解项目布局

本节概述使用模板的过程, 并指明从何做起。如果已熟悉模板布局和一般概念, 您可能需要跳到下面几节, 才能了解更多详细信息。如果从没有使用过模板, 或者不熟悉提供的文件结构, 就需要阅读本节。

您应该熟悉整篇文章中使用的下列术语:

  • FLV: 此首字母缩写词指 Flash MX 2004 Professional 和 Flash Communication Server使用的 Flash 视频格式。
  • 媒体组件: 它们是 Flash MX 2004 Professional 组件, 用来显示 FLV 视频或 MP3 音频。
  • 行为: “行为”是 Flash MX 2004 的一项功能, 此功能可将功能控件附加到对象, 并提供一个用来编辑用户设置的简单界面。 “Synchronized Video Template” (同步视频模板) 中的多数功能是使用行为设置的。

准备工作

整个模板中重复的关键概念之一就是视频内各区段的概念。大图片关于您将在视频内选择提示点的图片。Flash 模板的结构将以下列方式映射这些提示点:

  • 导航按钮匹配视频中的提示点。
  • 文本和动画内容区段将匹配视频内的提示点。
  • 媒体组件设置将用来定义提示点并控制对内容的浏览。

为了取得最佳结果, 最好创建您要在电影中显示的区段的快速轮廓。此规划阶段的目标是确定从哪里把视频分开。根据逻辑推理, 您的观众希望跳到什么位置?然后, 您需要确定您想要为每个区段显示什么文本、图像和动画内容。您可以使用什么内容增强视频和引起视觉兴趣?

了解提供的 FLA 文件

SynchronizedVideoPres.fla 文件包含工作范例的一个功能全面的示例。FLA 文件中的内容匹配在本文“简介”页的预览中看到的内容。花费一点时间研究 FLA 文件。

如果尚未下载 SynchronizedVideoPres.fla 文件, 请从“简介”页下载, 然后在 Flash MX 2004 Professional 中打开该文件。

注意“Stage” (级) 左边出现的“Screen Outline”(屏幕轮廓) 窗格。屏幕是 Flash MX 2004 Professional 新增的, 它们提供一种容易的组织分层内容的方法。另外, 屏幕充当容器, 媒体组件和媒体行为可依靠这些容器来创建视频与内容同步。

“Synchronized Video Template” (同步视频模板) 有三个屏幕区段 (参见图 1):

  • 背景: 背景屏, 包含要在整个演示文稿中显示的所有背景颜色、图形和文本
  • 控件: 包含整个演示文稿中出现的视频和导航按钮的屏幕
  • 欢迎、studiomx、产品, 等等: 位于控件屏下方的 12 个屏幕, 包含播放视频时可能需要显示的文本和图形
模板中的屏幕
图 1: 模板中的屏幕

放映电影时, 背景屏和控件屏上的内容连续显示。在背景屏上, 您可以自定义用户界面图形。在控件屏上, 您可以自定义按钮以及更新媒体组件参数。媒体组件是加载和显示 FLV 文件时使用的机制。它用作演示文稿的一个中心点和控制器。

播放视频时, 控件屏下面的 12 个子屏幕一次显示一个。您可以添加一组自己的子屏幕, 并使它们与视频中的提示点区段相关联。为此, 您可以将屏幕名称输入控件屏上媒体组件的提示点参数中。

播放视频时, 视频触发子屏幕出现。视频包含特定时间的提示点, 以使此操作发生。每个提示点确定出现的屏幕。这样, 播放视频时, 12 个屏幕就会一个接一个地出现。

转到包含要更新的内容的屏幕, 并在那里进行更改, 这样您就可以修改演示文稿。这有点像修改 Microsoft PowerPoint 演示文稿中的幻灯片, 不同的只是您拥有更多动画功能。

使用模板的最初步骤

如果不熟悉使用模板, 或者想知道从哪里开始, 那么就请从执行下列步骤做起:

  1. 在硬盘驱动器上创建一个文件夹, 存储您演示文稿 FLA 文件副本以及您的视频。
  2. 复制提供的 SynchronizedVideoPres.fla 文件, 并对其重命名。将新文件放在刚刚创建的新文件夹中。请注意, 最好不要覆盖原始文件, 这样您就可以在前进过程中返回来参考工作范例。
  3. 创建您的视频, 将其转换为 FLV 格式 有关更多信息, 请参阅 Flash Video Primer 中的“Flash 视频捕获和编码” , 并将该 FLV 文件放在 FlA 文件的相应位置 通常在 FLA 文件旁边, 或在一个与 FLA 文件位于相同目录的文件夹中 。记住相对于 FLA 文件的文件名和路径。以后, 您会把此信息输入媒体组件的参数中, 以便加载文件。
  4. 在 Flash 中打开 FLA 文件, 并开始编辑。请注意, 由于提供的文件已经包含一个工作示例, 自定义演示文稿时, 您将会添加和删除内容。有关如何从这里进行编辑的详细信息, 请参阅下面几节。

对视频进行更改

如果打开 SynchronizedVideoPres.fla 文件, 您就会发现视频放在控件屏上, 控件屏包含视频和底部的按钮。此屏幕包含演示时屏幕上出现的所有元素。此屏幕与背景屏相似, 因为它总是显示, 但此屏幕被搁置在一边, 专门用来包含要演示的视频和导航控件。

要自定义屏幕上的视频, 您可以做以下几件事情:

  • 更改视频
  • 更改视频的大小
  • 更改视频的位置
  • 添加视频播放控件

图 2 显示自定义视频演示文稿时将会使用的 Flash 界面的区域

您将更新的模板
图 2: 您将更新的模板

更改播放的视频

下面介绍如何使用演示文稿播放您的视频, 而不是播放提供的视频示例:

  1. 单击工作区左边的控件屏。
  2. 单击控件屏左中部的视频显示。正确选定时, 您会看到视频显示周围有一个以蓝色突出显示的框。
  3. 打开“Component Inspector” 组件检查器 面板。如果没有打开, 请选择“Window” 窗口 › “Development Panels” 开发面板 › “Component Inspector” 组件检查器 , 显示该面板。 打开“Component Inspector” 组件检查器 面板时, 可能必须在“Stage” 级 上重新选择视频显示。
  4. 在“Component Inspector” 组件检查器 面板中, 在 URL 字段中输入 Flash 视频 FLV 文件的路径 参见图 3 。 这是 FLV 文件在服务器上的相对路径。 请注意, 如果您在流式视频下载中使用 Flash Communication Server, 就会需要输入一个绝对路径, 以触发服务器:
    • 使用视频长度框输入视频的长度。*
    • 为所使用的视频选择适当的每秒帧选项。**
    • 保留复选框的默认值。 如果您希望学的不仅仅是基础知识, 您还可以以后试验复选框

* 如果您的 FLV 视频文件是使用 Flash Video Exporter 1.1 版或更高版本编码的, 或者您目前使用 Flash Communication Server 提供视频, 那就不需要设置总视频时间字段 因为加载文件时, 会自动确定该字段的值 。但是, 如果您的 FLV 文件是通过别的方式创建的, 就可能需要用 hh:mm:ss:ff 小时, 分钟, 秒, 帧 格式设置总时间, 这样, 往复式控制条才会正常工作。您也可以使用一个称为 FLV MetaData Injector www.buraks.com/flvmdi 的免费实用程序, 将必要的元数据添加到 FLV 文件。此实用程序不仅添加确定 FLV 文件长度的必要的元数据, 而且还提供许多其它信息。

** 不需要将 FPS 弹出设置为您的视频剪辑的正确帧速率, 除非您需要使用 FF 字段以达到子秒精确度, 在此情况下, 此字段确定一秒钟的适当分数时基 例如, FF 中的 5 表示一秒钟的 5/30, 或一秒钟的 5/24 。

“Component Inspector” (组件检查器) 面板中的视频设置
图 3: “Component Inspector” (组件检查器) 面板中的视频设置

注意: 测试文件之前, 您需要将 Flash 文件保存到一个目录。确保视频文件位于与 Flash 文件目录相对的正确目录中。 图 3 中的相对路径是 FLV 文件示例, 该文件与将显示它的 Flash 电影并排。

注意媒体显示组件的参数中显示的提示点名称和计时。您将使用这些输入项使视频与正确屏幕内容同步, 并使按钮突出显示与正确按钮同步。有关输入和删除提示点值的更多信息, 请参阅“添加和删除屏幕”一节。

更改视频的大小和位置

如果您的视频的大小不同于模板所预期的大小, 或者希望扩大您的视频, 您可以容易地更改视频显示大小。将视频放在演示文稿的任何位置。默认情况下, 视频出现在“Stage” (级) 的左中部。请牢记, 如果您更改视频的位置, 而且不相应调整每个子屏幕上的内容, 演示文稿中以后出现的其它视频就可能覆盖该视频:

  1. 单击控件屏中的视频显示。
    视频显示自动调整所选视频的大小。如果您想要 Flash 以一个不同的大小播放视频, 请在“Component Inspector” (组件检查器) 面板中取消选中“Use Preferred Media Size” (使用首选媒体大小) 复选框 (如图 3 所示)。
  2. 在屏幕底部的“Property inspector” (属性检查器) 中, 更改 W 和 H 值, 使其与您的视频的宽度和高度 (以像素计) 相对应。 您也可以右键单击 (在 Mac 上, 按住 Control 键并点按) › “Free Transform” (自由变换) ) 媒体显示, 并从弹出式菜单中选择“Free Transform” (自由变换) , 显示视频上的手柄, 这样, 您就可以调整媒体显示大小。
  3. 要在控件屏上重新定位视频, 请将视频拖动到您的首选位置。

添加要显示的播放控件

添加播放控件非常容易。 您所需做的只是从“Components” (组件) 面板中添加另一个媒体组件。模板中的默认组件是一个 MediaDisplay 组件, 该组件没有与其关联的任何可见控件。 如果您将 MediaController 组件添加到“Stage” (级) , 您可以使控制器组件与显示组件关联。 请执行下列步骤:

  1. 在 Flash MX 2004 Professional 中打开演示文稿 FLA 文件。
  2. 选择控件屏。
  3. 选择“Media” (媒体) 组件, 并减小其高度, 这样, 您就可以将控制器放在下面。或者, 更改布局, 以便将控制器放在屏幕上其它位置。
  4. 选择 mediaDisplay 层, 打开“Components” (组件) 面板, 并将 MediaController 组件拖动到“Stage” (级)。
  5. 在“Property Inspector” (属性检查器) 面板中将其实例命名为 controller, 并在“Component Inspector” (组件检查器) 面板中设置控制器的参数。 请注意, 如果愿意, 您可以关闭控制器按钮, 以便仅显示进度条。
  6. 选择媒体显示组件, 并打开“Actions” (动作) 面板 (选择“Window” (窗口) › “Development Panels” (开发面板) › “Actions” (动作) )。 在加载事件手柄的花括号中, 添加下面一行代码:
// 使“Media Controller” (媒体控制器) 与显示关联 this.associateController( this._parent.controller );

完成时, 函数看起来应该是下面的样子:

on (load) { // 启动“Slide Cue Point Behavior” (幻灯片提示点行为) mx.controls.streamingmedia.behaviors.SlideCuePointListener.initializeListener(this, this._parent); // 结束“Slide Cue Point Behavior” (幻灯片提示点行为) // 使“Media Controller” (媒体控制器) 与显示关联 this.associateController( this._parent.controller ); }
  1. 从“Menu” (菜单) › “Controls” (控件) 子菜单中选择“Test Movie” (测试电影) (或者按 Ctrl + Enter) , 以查看结果。

对按钮进行更改

可以通过任何所需方式自定义底部的按钮 (参见图 4)。您可以将图形、文本甚至动画添加到按钮。

模板中的导航按钮
图 4: 模板中的导航按钮

屏幕底部的按钮按照 Flash 称为电影剪辑的方式进行组合。电影剪辑是有自己的时间范围的内容组, 这样就可以单独对其进行动画处理和编辑。在我们的案例中, 电影剪辑将我们的按钮组合到一个有自己的编辑区域的导航栏。

要更新导航栏, 您可以做以下几件事情:

  • 更改按钮的位置和图形内容
  • 更改区段突出显示颜色
  • 删除导航按钮
  • 添加导航按钮

更新提供的按钮

将导航按钮集合移动到屏幕上另一个位置:

  1. 单击控件屏
  2. 将导航按钮电影剪辑拖动到想要按钮在屏幕上出现的位置。

更新图形或用文本替换图形:

  1. 单击控件屏。
  2. 双击屏幕底部的导航栏电影剪辑。这会打开要编辑的导航栏电影剪辑。 请注意, 按钮层上的按钮作为一系列矩形出现在缩略图层上的图形上方。编辑按钮层下面的一层上的按钮前, 先锁定按钮层。
  3. 选择缩略图层。导入要放在按钮中的图形。 选择“File” 文件 › “Import” 导入 › “Import to Stage” 导入到级 , 并选择要使用的图形文件。

要调整已导入的图形的大小, 请右键单击 在 Mac 上, 按住 Control 键点按 , 并从弹出式菜单中选择“Free Transform” 自由变换 。使用手柄调整图像大小。请注意, 以想要在电影中使用的图像大小导入图像非常高效。

通过双击文本对其进行编辑, 可更改或删除底部的文本。通过更改工作区底部的“Property Inspector” 属性检查器 面板中的属性, 更改文本属性。

更改区段突出显示颜色

您可以更改导航按钮上出现的突出显示 参见图 5 。只有在想要更改颜色、添加文本甚至使突出显示成为一个图形 如精致帧 时, 才需要更改导航按钮上的突出显示。 多数人很可能将突出显示保留原样。

导航图形周围的绿色突出显示框
图 5: 导航图形周围的绿色突出显示框

同一绿色突出显示框用于所有图形, 因此, 您只需要在一个地方更改绿色框。注意突出显示的大小与按钮的大小相同。电影放映过程中, 控件屏“Timeline” (时间线) 上的代码将动态地使突出显示与按钮左上边对齐。如果创建自定义突出显示图形, 请牢记这一点, 这样, 您就可以达到正确对齐。

由于项目中使用的所有图形都存储在库中, 所以您可以从库中直接打开此图形, 并对其更改一次:

  1. 通过按 F11 或选择 “Windows” (窗口) › “Library” (库) , 打开“Library” (库) 面板。
  2. 打开 Misc 文件夹 (参见图 6)。
包含选定的突出显示框的“Library” (库) 面板
图 6: 包含选定的突出显示框的“Library” (库) 面板
  1. 双击“Thumb Outline Selected” (选定的缩略图轮廓) 项旁边的小图形。
    在中心, 您会看到绿色突出显示框;您可以在那里编辑图形。
  2. 要更改绿色突出显示框, 请双击绿色突出显示。要更改线条颜色, 请在“Tools” (工具) 调色板中选择新的颜色:
颜色选择器

您可以在此区域添加想要添加的任何东西, 其中包括图形或文本。当视频播放到此点时, 您添加的任何东西都会出现。请注意, 绿色突出显示实际上由两种稍微不同的绿色组成, 目的是产生一种发光效果。您可以更改其中一种或两种框颜色。

  1. 要接受更改, 请再次单击控件屏。

注意: 更改高光电影剪辑不会更改按钮的翻转状态。它只更改覆盖属于当前选择的按钮的图形。

删除导航按钮

要删除整个导航按钮栏, 请选择控件屏, 单击导航栏, 然后按 Delete 键。

只删除一个按钮的方法是不同的:

  1. 单击控件屏。
  2. 双击屏幕底部的导航栏。这会打开要编辑的导航栏。
  3. 突出显示要删除的按钮, 并按 Delete 键。请确定您删除了按钮层和缩略图层上的内容。要确定删除所有项目, 请将鼠标拖动到屏幕的那个区域, 在“Stage” 级 上的任何东西周围画一个框。如果看到任何蓝色突出显示框, 请删除这些框。

添加导航按钮

要添加按钮, 您可以使其它按钮变小, 以便给新按钮留出空间, 或者将新按钮放在屏幕上某个其它地方。不需要把按钮放在一行中。请执行下列步骤:

  1. 单击控件屏。
  2. 双击屏幕底部的导航按钮区域。这会打开要编辑的区域。
  3. 最容易的方法是复制一个按钮, 然后修改副本。通过用鼠标单击要在按钮层复制的按钮, 突出显示该按钮, 然后将其复制并粘贴 该按钮会出现在屏幕中间 。
  4. 将按钮定位到所需位置。
  5. 选择缩略图层, 并选择“File” 文件 › “Import to Stage” 导入到级 , 添加一个图形。
  6. 单击刚刚添加的按钮。务必单击该按钮, 而不仅仅是图形。单击按钮时, 按钮周围出现一个蓝色突出显示框 参见图 7 。

在“Property Inspector” 属性检查器 , 给按钮实例命名。当提示点变化时, 这会触发按钮突出显示。控制器要求名称采用提示点名称加 _btn 的格式。 例如, 如果提示点命名为 studiomx, 则匹配的按钮的实例名应是 studiomx_btn 参见图 7 。 您会记起, 提示点名称是在媒体组件参数中定义的, 同时匹配相应的屏幕。

正确选择的按钮, 具有与 studiomx 提示点关联的实例名
图 7: 正确选择的按钮, 具有与 studiomx 提示点关联的实例名
  1. 在按钮仍然处于选定状态的情况下, 打开“Actions” (动作) 面板 (选择“Window” (窗口) › “Development Panels” (开发面板) › “Actions” (动作) ) , 就会发现如下代码行:
m.play(Math.round(74));
  1. 将括号中的数字更改到视频文件的某个位置, 当用户单击该按钮时, 您希望从这里开始播放。此数字从视频开始以秒表示。在上面的示例中, 当用户单击此按钮时, 视频移动到第 74 秒, 并开始从那里播放。只能输入整秒, 小数点四舍五入到最近的秒数。
  2. 再次单击控件屏, 以退出编辑导航栏。

注意: 按钮调用的视频时间代码与媒体组件中的关联提示点时间必须保持同步。这可确保当用户单击一个按钮时屏幕上的内容正确显示。根据所使用的视频编码, 使用一个时间代码会产生多种实际结果。如果单击一个按钮时内容显示不正确, 请尝试调整按钮上的时间代码, 或者调整媒体组件参数中的提示点时间。

添加自己的文本、图形和动画

您可以根据您的演示文稿的要求来自定义演示文稿中的用户界面和内容, 可以简单, 也可以复杂。

要自定义屏幕上的内容, 您可以做以下几件事情:

  • 更改背景图形和用户界面
  • 在播放视频时自定义文本图形和动画
  • 添加和删除屏幕以匹配视频中的提示点
  • 使用屏幕转换行为, 对屏幕进行动画处理

自定义背景图形和颜色

您可以添加徽标、背景图像或颜色、边框以及要在演示中显示的任何其它东西。除添加自己的视频外, 这很可能是使演示文稿看起来真正像您自己的演示文稿的最方便快捷的方法。

请牢记, 添加大型位图图像会极大地增加演示文稿的大小, 因而下载时会需要更多时间。因此, 采用 Flash 中的绘图工具或像 Macromedia Fireworks 这样的应用程序, 创建向量图形, 因为此类应用程序可减小背景图像。

要添加自己的图形或颜色, 请执行下列步骤:

  1. 单击背景屏。模板在屏幕上有四个图形: 顶部的标题文本、该文本周围的灰色框、灰色框底部的深灰色线条以及屏幕底部的另一个灰色框 (参见图 8)。
  2. 使用左边“Tools” (工具) 调色板中的 Flash 绘图工具, 创建自己的标题、边框和背景色。
背景屏上的图形
图 8: 背景屏上的图形

添加新的背景图形:

  1. 选择“File” (文件) › “Import” (导入 › “Import to Stage” (导入到级)。
  2. 在“Import”(导入) 对话框中选择要导入的文件, 并单击“OK” (确定)。

    对于某些文件类型, 您可能会看到另一个对话框, 该对话框包含可为特定文件设置的选项。

  3. 将文件定位到希望其在屏幕上出现的地方。

要调整图形大小, 请右键单击 (在 Mac 上, 按住 Control 键点按) 图形, 并从弹出式菜单中选择“Free Transform” (自由变换)。

要添加背景色或边框, 请选择背景屏, 并使用“Tools” (工具) 窗格中的绘图工具添加彩色框、绘制图形, 等等。您添加到背景屏的任何东西都会出现在后续屏幕上。

在播放视频时更改文本和图形

当播放视频时, 文本图形和动画出现在屏幕上。文本和图形与视频精密同步, 这样, 文本和图形就会在视频达到特定提示点 时出现。您很可能需要更新播放自己的视频时出现的文本和图形。

使用屏幕把内容放到演示文稿中。通过使屏幕出现与视频同步, 可控制在视频旁边出现的内容。当视频达到某些提示点时, 屏幕就会出现。

要添加自己的文本和图形, 只需编辑模板中每个屏幕上的文本和图形。通过将媒体组件中的提示点更改为在恰当时刻触发屏幕, 使这些屏幕与您的视频同步。

要更改模板中的屏幕, 只需选择要更改和编辑其内容的屏幕。编辑屏幕时, 您会看到背景图像和文本, 也会看到屏幕上的导航按钮, 但它们都很暗淡, 因而无法得知屏幕上有什么以及背景屏或控件屏上有什么。请记住, 您只能编辑屏幕上目前突出显示的文本。要编辑暗淡的文本, 请转到背景屏或控件屏 (参见图 9)。

选定欢迎屏时, 可编辑的文本出现在前景中, 而来自其它屏幕的图形则在背景中被禁用。
图 9: 选定欢迎屏时, 可编辑的文本出现在前景中, 而来自其它屏幕的图形则在背景中被禁用。

模板中的多数文本和图形都是动画形式, 因此, 在屏幕出现时它们要么淡入, 要么移动 (参见图 10)。请随意保留或删除这些 Flash 效果。但是, 请注意, 使用此类动画有时会阻碍内容立即在屏幕上出现, 因为在您可以看到之前, 屏幕的内容必须先以动画形式显示出来。 要查看动画, 请单击“Timeline” (时间线) 开始处 (最左面) , 将红色当前帧指示器移动到该帧。沿着“Timeline” (时间线) 拖动红色帧指示器, 查看指示器下面的动画。 也可以单击“Timeline” (时间线) 上的最后一个帧, 查看动画结束状态。

“Timeline” (时间线) 显示屏幕上的各种动画文本和图形。
图 10: “Timeline” (时间线) 显示屏幕上的各种动画文本和图形。

编辑动画文本或动画图形时, 同样的动画将仍然适用。您可能需要删除图形和文本以及与它们关联的任何动画。执行此操作的最容易的方法是删除时间线中包含文本或图形的图层。

如果您添加新图形或文本, 并想要添加自己的动画, 请突出显示文本或图形, 选择“Insert” 插入 › “Timeline Effects” 时间线效果 , 并从许多可用动画中进行选择。

要编辑屏幕上的文本, 请双击该本文并输入自己的文本。也可以使用“Tools” 工具 调色板上的“Text” 文本 工具来添加文本。

要添加图形, 请通过选择“File” 文件 › “Import to Stage” 导入到级 来导入图形。

请注意, 如果您更改屏幕名称, 就必须更新媒体组件参数中的关联提示点名称以及导航栏中的关联按钮实例名称。可以这样做, 但您可能会发现保留默认屏幕名称更加容易。

在演示文稿中添加和删除屏幕

前一节说明如何更改屏幕上的内容。本节将介绍如何添加和删除屏幕。当视频达到某个提示点时, 内容屏就会出现。无论何时添加或删除屏幕, 都必须添加或删除媒体组件上的相应提示点, 并更新导航栏中的关联按钮实例。

演示文稿包含 12 个内容屏。您可以根据需要添加任意数量的内容屏幕。

添加新屏幕:

  1. 突出显示要添加的屏幕上方的屏幕, 并右键单击 在 Mac 上, 按住 Control 键点按 图形, 并从弹出式菜单中选择“Free Transform” 自由变换 。
  2. 双击左边的屏幕图标 称为 slide1 , 并对您的屏幕重命名。屏幕名称中不能包含空格。
  3. 将任意文本和图形添加到该屏幕, 并随意对其进行动画处理。

您很可能希望使屏幕与视频同步, 从而使屏幕在视频播放时在某个提示点出现:

  1. 突出显示控件屏。
  2. 单击屏幕左中部的媒体组件。单击以后, 媒体组件才会出现在屏幕上。
  3. 打开右边的 “Component Inspector” 组件检查器 面板。
  4. 在 “Component Inspector” 组件检查器 面板底部的“Cue Points” 提示点 区段中, 添加 hh:mm:ss:ff 小时:分钟:秒:帧 格式的提示点, 并在提示点名称字段中输入屏幕名称。
  5. 要使按钮突出显示与某个按钮和提示点关联, 请双击导航栏, 进入可编辑模式。
  6. 选择要与新提示点关联的按钮实例。在按钮层上单击按钮轮廓。

要添加新按钮, 请参阅“添加导航按钮”一节。

删除屏幕非常容易。只需突出显示左边的屏幕, 并按 Delete 键。同时还应该从视频中删除屏幕提示点:

  1. 突出显示控件屏。
  2. 单击视频显示。
  3. 打开 “Component Inspector” 组件检查器 面板。
  4. 在底部的 “Cue Points” 提示点 区段中, 删除已删除的屏幕的提示点和屏幕名称。

使用屏幕转换对屏幕内容进行动画处理

对屏幕内容进行动画处理的另一种方法是使用转换行为。此方法可能对寻求在屏幕上方便快捷地创建移动的人来说具有吸引力。屏幕转换能够通过一系列预设转换类型对屏幕内容进行动画处理, 这些转换类型包括渐隐、缩放、 浮动和刷新, 等等。 屏幕转换可以在内容进入视图和退出视图时对其进行动画处理。 屏幕转换, 就像模板中的多数功能一样, 是通过“Behaviors” 行为 面板控制的。 要添加或编辑屏幕行为, 必须首先在“Screen Outline” 屏幕轮廓 窗格中选择屏幕。

  1. 分析提供的屏幕上已经存在的行为。单击控件屏下面的子屏幕, 并查看“Behaviors” 行为 面板内部。注意哪些屏幕具有给它们附加的行为, 哪些屏幕没有。 要查看任何行为的设置, 请在“Behaviors” 行为 面板中双击“Action” 动作 列。 出现一个对话框。 完成时, 单击“Cancel” 取消 。
  2. 选择欢迎屏。您将添加转换行为, 以演示具体过程。
  3. 选定欢迎屏时, 在“Behaviors” 行为 面板中单击加号图标 + , 并选择“Screen” 屏幕 › “Transition” 转换 参见图 11 。
 “Behaviors” (行为) 面板“Screen” (屏幕) 菜单
图 11: “Behaviors” (行为) 面板“Screen” (屏幕) 菜单
  1. 在出现的对话框中, 选择转换类型, 并根据需要调整参数。图 12 显示将“Easing” (放松) 调为“Elastic” (弹性) 的“Zoom” (缩放) 转换设置 请注意, “Easing (放松) 参数会以某些真正有趣的方式影响动画。 单击“OK” (确定)。
 “Transitions” (转换) 对话框
图 12: “Transitions” (转换) 对话框
  1. 对话框关闭后, 请查看“Behaviors” (行为) 面板, 您会注意到添加了行为。同时还会注意到, “Event” (事件) 自动设置为显示。 这意味着动画会在首次关闭屏幕时出现。通过添加另一个转换行为并将事件字段设置为隐藏事件, 您还可以添加退出转换。在此情况下, 隐藏屏幕时, 内容会以动画形式出现。 对于退出时发生的转换, 您通常会将转换“Direction” (方向) 参数设置为 Out (向外)。
  2. 从“Menu” (菜单) › “Controls” (控件) 子菜单中选择“Test Movie” (测试电影) (或者按 Ctrl + Enter) , 以查看结果。在此示例中, studiomx 屏幕立即开始播放, 这会在某种程度上覆盖欢迎屏转换。当您将转换行为应用到在视图中保留的时间比转换参数中定义的“Duration” (持续时间) 长时, 就不会发生这种情况。
  3. 要了解时间差异, 请尝试从欢迎屏删除行为, 而将其添加到 studiomx 屏。当欢迎屏仍然处于选定状态时, 在“Behavior” (行为) 面板中选择转换行为, 并按减号图标 (-) 以删除该转换行为。
  4. 在“Screen Outline” (屏幕轮廓) 中选择 Studiomx 屏。在 studiomx 屏 (而不是欢迎屏) 中执行步骤 3 和步骤 4, 将转换添加到 studiomx 屏。
  5. 再次选择“Test Movie” (测试电影) (按 Ctrl + Enter) , 以查看结果。

请注意, 您可以在每个屏幕每个事件中使用多个行为。这意味着在显示和隐藏事件期间您可以将转换行为与其它行为组合在一起。当创建包含转换的屏幕, 且需要控制显示和隐藏屏幕时屏幕的时间线时, 这可能非常有用。

利用流式视频

就像您在本文前面几节看到的一样, 媒体组件是模板的核心以及要显示的控件。媒体组件显示 FLV 格式。媒体组件能够使用渐进式下载或流式下载来下载 FLV 文件。如果使用 Flash Player 7 和 FLV 格式, 就可以使用渐进式视频。这是从 Web 服务器下载 FLV 文件的标准选项。与标准的嵌入式视频相比, 渐进式视频具有许多优势, 而且比较起来性能更高。

除了使用 Flash 内容外, 还可以使用 Flash Communication Server 或 FlashVideo Streaming Service 来实现流式视频。Flash Communication Server 是 Macromedia 的一种服务器产品, 用来使内容流动到 Flash 电影。流式 FLV 内容包含有渐进式视频的所有改进, 同时还增加了一些新特性, 例如, 带宽监控、更加高效地利用网络资源, 以及创建可实时更新的大型多用户应用程序的能力。

有关渐进式视频和流式视频的更多信息, 请参阅 Flash Video Primer 的“Flash 视频的提供选项”一节。

如果已经安装 Flash Communication Server 试用版, 或者已经可以访问 Flash Communication Server, 您就可以按照下列步骤, 在您的演示文稿文件中实现流式视频。

  1. 在 Flash MX 2004 中打开演示文稿 FLA 文件。
  2. 在“屏幕轮廓” Screen Outline 窗格中选择控件屏幕, 然后在屏幕左中部选择媒体显示组件。
  3. 要启用流式视频, 请在运行Flash Communication Server 的服务器上输入 FLV 文件的 URL。
    例如, 如果您的视频位于运行 Flash Communication Server 的机器上的“c:\program files\macromedia\flash communication server mx\applications\app_name\streams\instance_name\”中, 请输入 rtmp://server_name/app_name/instance_name/video_name。请求视频时, 使用此 URL 可唤醒 Flash Communication Server。

有关更多信息, 请参阅 Flash Communication Server 文档。

请注意, 您也可以使用 Macromedia 内容提供网络合作伙伴驱动的 Flash Streaming Service, 来实现完全流式视频功能。

从这里到哪里

可以使用多种方法不断增强演示文稿, 以便更加完善和更适应您的需要:

  • 更改用户界面和图形, 以适应您的目标外观和感受。
  • 以独特的方法对文本和图形进行动画处理, 以便在屏幕上精心安排您的内容。
  • 试验把内容动态地加载到子屏幕的 contentPath 属性之中。
  • 请务必试用 Flash 开发中心提供的其它视频模板。
  • 请检查 Flash Video Primer, 获得使用 Flash 视频方面的基础知识。

More Like This

  • 创建特写 Flash 视频

Flash User Forum

More
04/23/2012 Auto-Save and Auto-Recovery
04/23/2012 Open hyperlinks in new window/tab/pop-up ?
04/21/2012 PNG transparencies glitched
04/01/2010 Workaround for JSFL shape selection bug?

Flash Cookbooks

More
02/13/2012 Randomize an array
02/11/2012 How to create a Facebook fan page with Flash
02/08/2012 Digital Clock
01/18/2012 Recording webcam video & audio in a flv file on local drive

产品

  • Acrobat
  • Creative Cloud
  • Creative Suite
  • Digital Marketing Suite
  • Digital Publishing Suite
  • Elements
  • 移动应用程序
  • Photoshop
  • Touch Apps

解决方案

  • 数字营销
  • 数字媒体
  • 网页体验管理

行业

  • 教育
  • 金融服务业
  • 政府部门

帮助

  • 产品帮助中心
  • 订货和退货
  • 下载和安装
  • 我的 Adobe

学习

  • Adobe 开发人员连接
  • Adobe TV
  • 培训和认证
  • 论坛
  • 设计中心

购买方式

  • 在线商店
  • 批量许可
  • 查找经销商

下载

  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR
  • Adobe Shockwave Player

公司

  • 新闻编辑室
  • 合作伙伴计划
  • 公司社会责任
  • 工作机会
  • 投资者关系
  • 事件
  • 法律
  • 安全
  • 联系 Adobe
选择您的地区 中国(更改)
选择您的地区 关闭

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Österreich - Deutsch
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Hrvatska
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • Suomi
  • France
  • Deutschland
  • Magyarország
  • Ireland
  • Israel - English
  • ישראל - עברית
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • الشرق الأوسط وشمال أفريقيا - اللغة العربية
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Polska
  • Portugal
  • România
  • Россия
  • Srbija
  • Slovensko
  • Slovenija
  • España
  • Sverige
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2012 Adobe Systems Incorporated. All rights reserved.

使用条款 | 隐私政策和 Cookies (更新)

京 ICP 备 10217899 号 京公网安备 110105010404