矢量动画与编著工具应用课件.ppt

1、第十二章第十二章矢量动画与编著工具应用矢量动画与编著工具应用本章要点本章要点l编程与编著的概念编程与编著的概念lFlash概述概述l基本操作基本操作l简单动画的制作简单动画的制作l音频和视频的导入音频和视频的导入l交互功能的实现交互功能的实现l组件的应用组件的应用l合成并输出影片合成并输出影片 一、编程与编著的概念一、编程与编著的概念1、编程与编著、编程与编著2、编著工具的特点、编著工具的特点3、编著工具软件的分类、编著工具软件的分类 1、编程与编著、编程与编著l编程：用各种计算机语言来描述一个编程：用各种计算机语言来描述一个软件的输入、输出和各种功能的处理软件的输入、输出和各种功能的处理和实

2、现，然后生成计算机代码。和实现，然后生成计算机代码。lWindows环境具有：环境具有：媒体控制接口媒体控制接口MCI程序控制接口程序控制接口APIl编著工具：在多媒体操作系统之上的编著工具：在多媒体操作系统之上的系统软件，提供了建立多媒体节目的系统软件，提供了建立多媒体节目的构件和框架的功能，可以实现媒体的构件和框架的功能，可以实现媒体的组接和交互跳转等功能。组接和交互跳转等功能。 2、编著工具的特点、编著工具的特点l集成的开发环境集成的开发环境l面向对象的交互性操作面向对象的交互性操作l操作使用简单操作使用简单l功能的可扩展性功能的可扩展性 集成的开发环境集成的开发环境l具有输入通道具有输

3、入通道l可以导入各种多媒体素材可以导入各种多媒体素材l可以对素材进行再编辑加工可以对素材进行再编辑加工l带有强大的文本、图形创作工具可以带有强大的文本、图形创作工具可以创作编辑出多种媒体数据创作编辑出多种媒体数据l可生成脱离编著环境独立运行的可执可生成脱离编著环境独立运行的可执行文件行文件 面向对象的交互性操作面向对象的交互性操作l可以对合成到一起的任一媒体数据进可以对合成到一起的任一媒体数据进行编辑处理行编辑处理l对多媒体信息进行交互式操作与控制对多媒体信息进行交互式操作与控制l可立即播放节目中的视听效果可立即播放节目中的视听效果 操作使用简单操作使用简单l编著人员工作：编著人员工作：媒体合

4、成后视听效果的进一步优化媒体合成后视听效果的进一步优化交互功能的实现和修改交互功能的实现和修改页面的衔接处理等页面的衔接处理等 3、编著工具软件的分类、编著工具软件的分类l基于页面（基于页面（Script-based）l基于时间（基于时间（Timeline-based）l基于图标（基于图标（Icon-based） 基于页面（基于页面（Script-based）l文件与数据是以页为单位，按照类似文件与数据是以页为单位，按照类似于书的页面来组织和管理，超文本功于书的页面来组织和管理，超文本功能非常出色。能非常出色。l适于制作电子书适于制作电子书l主要编著工具：主要编著工具：MacintoshHyp

5、erCardPC WindowsToolBook汉声公司的汉声公司的Htools 基于时间（基于时间（Timeline-based）l数据或事件是以时间顺序来组织，这数据或事件是以时间顺序来组织，这种顺序的排列以帧为单位。种顺序的排列以帧为单位。l适合于制作动画适合于制作动画l主要编著工具：主要编著工具：Micromedia 的的Director和和Flash 基于图标（基于图标（Icon-based）l软件中数据是以对象或事件的顺序来软件中数据是以对象或事件的顺序来组织的，并且以流程线为主干，将各组织的，并且以流程线为主干，将各种媒体逐个组接在流程线当中，形成种媒体逐个组接在流程线当中，形成

6、完整的系统。完整的系统。l主要编著工具：主要编著工具：AuthorwareIconAuthor 二、二、Flash概述概述1、Flash的功能与特征的功能与特征2、Flash的基本概念的基本概念3、Flash MX的界面的界面http:/ 1、Flash的功能与特征的功能与特征l矢量动画格式的文件体积小矢量动画格式的文件体积小l流媒体文件适合网络播放流媒体文件适合网络播放l浏览器的充分支持浏览器的充分支持l支持多种文件格式支持多种文件格式l强大的交互功能强大的交互功能 矢量动画格式的文件体积小矢量动画格式的文件体积小l 矢量图作为默认的格式，也支持位图格式矢量图作为默认的格式，也支持位图格式

7、流媒体文件适合网络播放流媒体文件适合网络播放l用户可以边下载边观看用户可以边下载边观看l在在ActionScript脚本中加入等待程序，脚本中加入等待程序，使动画在下载完毕以后再观看使动画在下载完毕以后再观看l能自动按照用户的屏幕设置大小调整能自动按照用户的屏幕设置大小调整其显现幅面其显现幅面 浏览器的充分支持浏览器的充分支持lIE5.0，Netscape 4.5以上版本能直接以上版本能直接浏览浏览Flash动画动画lFlash播放器能单独浏览播放器能单独浏览Flash作品作品 支持多种文件格式支持多种文件格式lFlash文件格式文件格式l可导入的素材文件格式可导入的素材文件格式l可导出的文件

8、格式可导出的文件格式 Flash文件格式文件格式l以以.fla为后缀的为后缀的Flash文件格式，包含文件格式，包含开发、设计和测试信息。开发、设计和测试信息。l以以.swf为后缀，它包含用于显现动画为后缀，它包含用于显现动画的信息。的信息。 可导入的素材文件格式可导入的素材文件格式l图像文件图像文件bmp、tif、jpg、gif等等l音频文件音频文件wav 、mp3、au等等l视频文件视频文件movl动画文件动画文件gif、swf等等 可导出的文件格式可导出的文件格式lswf格式文件格式文件l图像或图像序列格式图像或图像序列格式gif、bmp、jpg等等l视频格式视频格式avi、mov等等l

9、音频格式音频格式wav等等l矢量图形格式矢量图形格式dxf等等l可执行文件可执行文件exe文件文件 强大的交互功能强大的交互功能l采用脚本语言采用脚本语言 ActionScript 来控制和来控制和产生动画中的交互，也可以利用产生动画中的交互，也可以利用ActionScript语言来生成动画效果。语言来生成动画效果。使交互的动画和网页有机结合。使交互的动画和网页有机结合。l用户可以：用户可以：交互式输入，由此控制浏览交互式输入，由此控制浏览移动动画中的物体移动动画中的物体在表格中输入信息在表格中输入信息 2、Flash的基本概念的基本概念l对象（对象（object）和动画素材）和动画素材l帧（

10、帧（frame）l层（层（Layer）l场景（场景（Scene）l元件和元件库（元件和元件库（Symbol and Library）l舞台（舞台（stage）l动作（动作（action）l组件（组件（components） 对象（对象（object）和动画素材）和动画素材lFlash提供各种创建原始动画素材的方式：提供各种创建原始动画素材的方式：用工具箱中的绘图工具绘制矢量对象用工具箱中的绘图工具绘制矢量对象调整已有对象的属性调整已有对象的属性l可以从其他应用软件中导入其他格式的可以从其他应用软件中导入其他格式的素材素材 帧（帧（frame）l是构成动画的基本单位是构成动画的基本单位l帧中装载

11、着帧中装载着Flash作品的播放内容作品的播放内容文字、图形、音频、元件及其它嵌入文字、图形、音频、元件及其它嵌入对象等。对象等。 层（层（Layer）l各种角色（对象）分开在不同的层中，各种角色（对象）分开在不同的层中，通过上下层（前后景）来控制其空间通过上下层（前后景）来控制其空间关系。关系。 场景（场景（Scene）l是在一个动画文件中，按照一定的子是在一个动画文件中，按照一定的子题来组织的一系列动画帧。题来组织的一系列动画帧。 元件和元件库元件和元件库（Symbol and Library）l 元件是可以重复使用的元素。元件是可以重复使用的元素。l 元件的创建：元件的创建： Inser

12、t/New Symbol Insert/Convert to Symbol将选中的对象转将选中的对象转换成元件换成元件l 元件库的打开：元件库的打开： Window/Library 快捷键快捷键F11l 元件的编辑：元件的编辑： 双击舞台上该元件的实例双击舞台上该元件的实例 在元件库中选中需要进行修改的元件，执行右键在元件库中选中需要进行修改的元件，执行右键菜单命令菜单命令“Edit” 舞台（舞台（stage）l通过舞台（通过舞台（Stage）来组合编辑动画）来组合编辑动画中每一帧中的内容。中每一帧中的内容。 动作（动作（action）l采用动作可以使动画在一段场景播放采用动作可以使动画在一段

13、场景播放结束之后暂停，或者采用非线性的方结束之后暂停，或者采用非线性的方式让用户交互控制式让用户交互控制flash动画的浏览。动画的浏览。 组件（组件（components）l是具有一定参数的动画剪辑（是具有一定参数的动画剪辑（movie clips），是），是Flash动画的素材。动画的素材。 3、Flash MX的界面的界面 舞台（舞台（Stage）l绘制、编辑和显示动画内容的区域。绘制、编辑和显示动画内容的区域。l功能：功能：绘制矢量图绘制矢量图插入文本插入文本导入其他格式的素材导入其他格式的素材插入导航按钮插入导航按钮时间线（时间线（Timeline）l通过时间标尺上的帧和空间中的层来

14、通过时间标尺上的帧和空间中的层来组织和控制动画内容的。组织和控制动画内容的。 工具箱（工具箱（Tool Box）l利用工具箱中的工具，可以绘制和编利用工具箱中的工具，可以绘制和编辑矢量对象，插入和编辑文本。辑矢量对象，插入和编辑文本。l构成：构成：绘图工具绘图工具(Tools)视图工具视图工具(View)颜色工具颜色工具(Colors)工具选项（工具选项（Options） 活动面板活动面板l控制编辑舞台中的对象、整个控制编辑舞台中的对象、整个flash文文件、时间线和动作。件、时间线和动作。l面板设置：面板设置：windows/Panel Set活动面板活动面板l 默认状态下的面板：默认状态下

15、的面板：调色（调色（Color Mixer）：直接修改涉及颜色的所有）：直接修改涉及颜色的所有选项。选项。选色（选色（Color Swatches）：快捷的选择所需要的）：快捷的选择所需要的颜色和渐变色。颜色和渐变色。元件（元件（Components）：提供了制作交互动画所）：提供了制作交互动画所需要的一些常用元件。需要的一些常用元件。问答（问答（Answers）：对）：对Flash MX的一些介绍以及的一些介绍以及教程。教程。属性（属性（Properties）：设置和改变）：设置和改变Flash文件中的文件中的编辑对象或者编辑对象或者Flash工具的一些常用属性。工具的一些常用属性。动作（动

16、作（Actions）：创建编制）：创建编制ActionScript语言。语言。 菜单和工具栏菜单和工具栏三、基本操作三、基本操作1、文件操作、文件操作2、绘图工具的操作、绘图工具的操作3、图层的操作、图层的操作4、帧的创建与编辑、帧的创建与编辑5、文字工具、文字工具6、元件的概念和应用、元件的概念和应用 1、文件操作、文件操作l输入和导入的文件类型输入和导入的文件类型l动画文件输出和测试发布动画文件输出和测试发布 输入和导入的文件类型输入和导入的文件类型l打开文件对话框：打开文件对话框：File/OpenCtrl+Ol可以直接打开的文件格式：可以直接打开的文件格式： Flash Movie(*

17、.fla)、 Flash Player movie（*.swf）、）、Futuresplash movie(*.spa)、SmartSkecthing drawing（*.ssk）输入和导入的文件类型输入和导入的文件类型l 导入文件：导入文件：File/Import快捷键快捷键Ctrl+Rl 可导入可导入Flash的文件格式：的文件格式：图片文件：图片文件： *.eps、*.ai、*.dxf、*.bmp、*.emf、*.spl、*.jpg、*.jpeg、*.pct、*.png、*.wmf、*.gif（静态）（静态）动画文件：动画文件： *.swf、*.spl、*.mov、*.gif声音和视频文

18、件：声音和视频文件：*.mp3、*.au、*.wav、*.avi、*.mpg、*.mov 动画文件输出动画文件输出l保存保存Flash源文件格式的文件源文件格式的文件File/savel导出动态作品、动画序列或静态图导出动态作品、动画序列或静态图Export Movie，Export Imagel输出网络上动画输出网络上动画FilePublishl动画导出的文件格式：动画导出的文件格式：动画动画*.swf、*.avi、*.mov、*.gif图像序列图像序列*.ai、*.dxf、*.jpg、*.bmp、*.png测试发布测试发布l 设置发布参数设置发布参数FilePublish Settings

19、 l 测试动画播放效果测试动画播放效果ControlTest Moviel 设置测试发布参数设置测试发布参数Publish Settingsl 模拟网络状态模拟网络状态测试窗口中，菜单测试窗口中，菜单“Debug”中的带宽参数中的带宽参数 2、绘图工具的操作、绘图工具的操作l绘制直线、椭圆和矩形绘制直线、椭圆和矩形铅笔工具铅笔工具钢笔工具钢笔工具画刷工具和油漆桶工具画刷工具和油漆桶工具l对图形进行修改对图形进行修改l组合与打散图形组合与打散图形 铅笔工具选项铅笔工具选项使用钢笔工具绘制使用钢笔工具绘制画刷工具画刷工具图标图标名称名称描述描述效果示例效果示例 Paint Normal正常模式正常

20、模式Paint Fills 只覆盖填充色，不只覆盖填充色，不覆盖线条色覆盖线条色Paint Behind绘制于图形后面绘制于图形后面Paint Selection填充所选区域填充所选区域Paint Inside内部填充内部填充油漆桶工具油漆桶工具图标图标名称名称说明说明Dont Close Gaps不自动闭合缝不自动闭合缝隙隙Close Small Gaps自动闭合小缝自动闭合小缝隙隙Close Medium Gaps自动闭合中等自动闭合中等缝隙缝隙Close Large Gaps自动闭合大缝自动闭合大缝隙隙渐变色渐变色l渐变色变换工具渐变色变换工具l调色（调色（Color Mixer）面板：

21、）面板：色块填充（色块填充（Solid） 线性渐变（线性渐变（Linear）放射渐变（放射渐变（Radial）位图填充（）位图填充（Bitmap）对图形进行修改对图形进行修改l橡皮擦的使用橡皮擦的使用l选择工具的使用选择工具的使用 橡皮擦的使用橡皮擦的使用图标图标名称名称说明说明效果示例效果示例Erase Normal 正常擦除正常擦除Erase Fills只擦除填充色只擦除填充色Erase Lines只擦除线条只擦除线条Erase Selected Fills只擦除所选区域只擦除所选区域填充色填充色Erase Inside擦除图形内部擦除图形内部Faucet水龙头，消除整水龙头，消除整片颜色

22、片颜色选择工具的使用选择工具的使用自由变换工具的使用自由变换工具的使用l旋转和倾斜旋转和倾斜 （Rotate Skew）l缩放缩放 （Scale）l扭曲扭曲 （Distort）l包围包围 （Envelop）lModifyTransforml变换活动面板（变换活动面板（Transform Panel）设置具体的参数设置具体的参数 组合与打散图形组合与打散图形l 组合：组合：ModifyGroup快捷键快捷键Ctrl+Gl 取消组合：取消组合：ModifyUngroup快捷键快捷键Ctrl+Shift+Gl 打散（打散（Break Apart）功能：将实例或者位）功能：将实例或者位图转变成非组合的

23、、可编辑的元素。图转变成非组合的、可编辑的元素。ModifyBreak Apart快捷键快捷键CtrlB 组合与打散图形组合与打散图形同色的两个图形相重叠变成一个图形同色的两个图形相重叠变成一个图形 不同色的两个图形重叠，在下的图形将丢失重叠部分不同色的两个图形重叠，在下的图形将丢失重叠部分 两个图形分别组合之后重叠，互不干扰两个图形分别组合之后重叠，互不干扰 3、图层的操作、图层的操作l时间线上的一个铅笔图标时间线上的一个铅笔图标 表示该层为当前层表示该层为当前层l新建的引导层对当前活动层起作用新建的引导层对当前活动层起作用l图层文件夹图层文件夹可以其中的图层进可以其中的图层进行统一操作行统

24、一操作4、帧的创建与编辑、帧的创建与编辑l帧的类型帧的类型l帧的编辑帧的编辑帧的类型帧的类型l关键帧（关键帧（KeyFrame）：可以定义动）：可以定义动画和添加动作（画和添加动作（Actions）。）。l普通帧（普通帧（Frame）：两个关键帧之间）：两个关键帧之间的过渡帧。的过渡帧。l空白帧（空白帧（BlankFrame）：帧中不包含）：帧中不包含任何对象。任何对象。 帧的编辑帧的编辑l Insert Frame/Remove Frames在当前位置插入或删除帧在当前位置插入或删除帧快捷键快捷键F5/Shift+F5。l Insert Keyframe在当前位置插入关键帧并将前一关键在当前

25、位置插入关键帧并将前一关键帧复制，帧复制，快捷键快捷键F6l Clear Keyframe将选中的关键帧转换为普通帧将选中的关键帧转换为普通帧快捷键快捷键Shift+F6。帧的编辑帧的编辑l Insert Blank Keyframe在当前位置插入空白的关键帧在当前位置插入空白的关键帧快捷键快捷键F7l Convert to Keyframes/Blank Keyframes 将选中的帧转换为关键帧或者空白关键帧将选中的帧转换为关键帧或者空白关键帧l Copy/Cut/Paste Frames复制复制/剪切剪切/粘贴当前选中的帧粘贴当前选中的帧5、文字工具、文字工具l文字的输入与格式编辑文字的

26、输入与格式编辑l文字类型文字类型l文字的变形文字的变形 文字的输入与格式编辑文字的输入与格式编辑文字类型文字类型1、静态文本（、静态文本（Static Text）不会动态更新不会动态更新（1）设备字体（）设备字体（Use Device Fonts）：可以减小）：可以减小Flash文件的容量。文件的容量。（2）文本可选（）文本可选（Selectable）：可以选中该文本，）：可以选中该文本，进行复制粘贴等操作。进行复制粘贴等操作。文字类型文字类型2、动态文本（动态文本（Dynamic Text）文本文本内容将根据外部信息源（如服务器）自内容将根据外部信息源（如服务器）自动更新。动更新。文字类型文

27、字类型3、输入文本（、输入文本（Input Text）用户可以同过该文本框输入文字。用户可以同过该文本框输入文字。 文字的变形文字的变形lFlash具有把文字转换成矢量图的功能。具有把文字转换成矢量图的功能。lModify/Break Apart将一个组合对将一个组合对象、实例、位图等转换成可以分别编辑象、实例、位图等转换成可以分别编辑的非组合元素。的非组合元素。 图形应用实例图形应用实例l长方体制作长方体制作:侧面r(0)g(5)b(107)上面r(0)g(96)b(198)前面r(0)g(65)b(167)l金属质感小球制作金属质感小球制作:渐进色:255,255,255;255,255,

28、255;0,0,0;203,203,203;与255,255,255,0%;153,153,153,63%l贺卡制作贺卡制作l作业：国庆贺卡制作作业：国庆贺卡制作 http:/ 三种基本元件三种基本元件l 图形（图形（Graphic）：静态、动态）：静态、动态用来存放静态的图形或者动画。用来存放静态的图形或者动画。l 按钮（按钮（Button）：动态、声音、隐）：动态、声音、隐形形可以为按钮指定任何鼠标事件。可以为按钮指定任何鼠标事件。l 影片剪辑（影片剪辑（Movie Clip）用来存放包含交互元素和声音元素的动画效用来存放包含交互元素和声音元素的动画效果。果。 （静态、动态）（静态、动态）

29、创建和编辑元件创建和编辑元件l 创建元件：创建元件：Insert/New SymbolCtrl+F8l 将当前对象转换成元件：将当前对象转换成元件：选定对象选定对象Insert/Convert to SymbolF8键键 使用库使用库使用库使用库1、打开库：、打开库：Window/Library， Ctrl+L2、打开其他文件的库：、打开其他文件的库： （1）选择菜单命令）选择菜单命令File/Open as library。（2）浏览）浏览flash文件，选择包含所需库者，确认文件，选择包含所需库者，确认。3、保存库：自动保存、保存库：自动保存4、使用库元件：拖入舞台场景中、使用库元件：拖入

30、舞台场景中5、使用公共库：、使用公共库：windows/common Library/6、创建自己的公共库：把包含所需库的、创建自己的公共库：把包含所需库的fla文件保存文件保存在在flash安装目录的安装目录的First Run/Libraries子目录下。子目录下。 简单动画的制作简单动画的制作1、Flash的动画类型的动画类型2、创建逐帧动画、创建逐帧动画3、创建简单运动动画、创建简单运动动画4、创建形变动画、创建形变动画 1、Flash的动画类型的动画类型l逐帧动画逐帧动画(Frame-by-frame Animation) l补间动画（补间动画（Tweened Animation）运

31、动补间动画（运动补间动画（Motion Tweening）形变补间动画（形变补间动画（Shape Tweening） 逐帧动画逐帧动画l独制作出每一帧的图形，然后把这些图独制作出每一帧的图形，然后把这些图形连续播放来构成动画。形连续播放来构成动画。补间动画补间动画l由用户绘制或者定义首尾两帧的图形，由用户绘制或者定义首尾两帧的图形，由由Flash自动生成中间帧，使首帧的图自动生成中间帧，使首帧的图形变化成尾帧的图形。形变化成尾帧的图形。 运动动画运动动画l是使一个对象的属性产生运动变化的是使一个对象的属性产生运动变化的过程。过程。l变化属性：对象的位置、尺寸、旋转变化属性：对象的位置、尺寸、旋

32、转角度、颜色等。角度、颜色等。 形变动画形变动画l使首帧对象的形体变化成尾帧对象的使首帧对象的形体变化成尾帧对象的形体。形体。l变形对象：图形组合、实例、位图、变形对象：图形组合、实例、位图、文字等。文字等。 2、创建逐帧动画、创建逐帧动画3、创建简单运动动画、创建简单运动动画l对象的色彩变化：实例对象的色彩变化：实例1数字数字0 0色彩的变化（透明度变化）色彩的变化（透明度变化） 建图形元件建图形元件“0”0”，使之成为运动对，使之成为运动对象。象。 建影片剪辑元件建影片剪辑元件“0_motion” 0_motion” 编辑剪辑元件编辑剪辑元件“0_motion”0_motion” 预览和调

33、整动画预览和调整动画 保存元件保存元件效果预览效果预览 0_motion.swf 0_motion.swf 3、创建简单运动动画、创建简单运动动画l 对象的闪烁：实例对象的闪烁：实例2数字数字0、1 的闪烁的闪烁效果预览效果预览 01_motion.swf3、创建简单运动动画、创建简单运动动画l 对象的移动：实例对象的移动：实例3（椭圆翻转和风车旋（椭圆翻转和风车旋转转使一排数字使一排数字“1011”1011”依次从左向右运动依次从左向右运动 效果预览效果预览 01_moving.swf01_moving.swf3、创建简单运动动画、创建简单运动动画l 运动轨迹设置：实例运动轨迹设置：实例4效

34、果预览效果预览 bubble.swf4、创建形变动画、创建形变动画实例实例5 5：从字母：从字母“T”T”渐变到渐变到“H”H”的形变动画的形变动画效果预览效果预览 TH.swfTH.swf作业分析：折叠动画特点、沿轨道绕行动画作业分析：折叠动画特点、沿轨道绕行动画5 5、遮照与遮照动画、遮照与遮照动画按钮元件的创建按钮元件的创建指令编辑器介绍以及三种指令操作介指令编辑器介绍以及三种指令操作介绍绍按钮的三种状态：按钮的三种状态：普通按钮的制作普通按钮的制作学会一对指令学会一对指令playplay和和stopstop和按钮的简和按钮的简单事件单事件on(release)on(release)及按

35、钮的应用及按钮的应用动态按钮的制作动态按钮的制作声音的导入及声音按钮的制作声音的导入及声音按钮的制作文字按钮制作时的注意问题文字按钮制作时的注意问题按钮应用于多个场景的动画按钮应用于多个场景的动画指令指令gotoAndplaygotoAndplay、gotoAndstopgotoAndstop介绍介绍选择浏览不同场景的动画例题选择浏览不同场景的动画例题开始菜单的模拟制作开始菜单的模拟制作五、音频和视频的导入五、音频和视频的导入1、音频的导入与编辑控制、音频的导入与编辑控制支持格式：支持格式：wav，mp3，au等等两种控制方式：两种控制方式：事件声音（事件声音（Event Sound）流式声音

36、（流式声音（Stream Sound）打开声效库：打开声效库：Window/Common Libraries/Sound2、视频导入、视频导入支持格式：支持格式：avi，mpg，mov 1、音频的导入与编辑控制、音频的导入与编辑控制l音频数据导入音频数据导入l音频编辑音频编辑l同步与循环控制同步与循环控制l特效处理特效处理 音频数据导入音频数据导入l导入导入file/Import to Libraryl预览预览Windows/Libraryl导入到舞台导入到舞台file/Import 音频编辑音频编辑时间线上的音频层时间线上的音频层 音频的属性面板音频的属性面板 同步与循环控制同步与循环控制l

37、事件（事件（Event）事件音频独立于时事件音频独立于时间线。间线。l起始（起始（Start）前面的声音没有结束前面的声音没有结束时，新的声音不会被触发。时，新的声音不会被触发。l停止（停止（Stop）静音静音l流式（流式（Stream）适合于网络播放，适合于网络播放，Flash将迫使画面与音频同步。将迫使画面与音频同步。 特效处理特效处理效果名称效果名称说明说明None不添加任何效果，同时可以取消不添加任何效果，同时可以取消已添加的效果已添加的效果Left Channel/Right Channel只播放左声道或右声道只播放左声道或右声道Fade Left to Right/Fade Rig

38、ht to Left使声音从一个声道逐渐转换到另使声音从一个声道逐渐转换到另外一个声道外一个声道Fade In声音渐起声音渐起Fade Out声音渐弱声音渐弱Custom用户自定义用户自定义特效处理特效处理2、视频导入、视频导入l导入视频导入视频l视频参数设置视频参数设置l其他编辑其他编辑l视频与音频的配合视频与音频的配合 导入视频导入视频l导入导入File/Importl将文件输入到将文件输入到Libraryfile/Import to Library 视频参数设置视频参数设置lSynchronize输入的视频帧率与输入的视频帧率与Flash Movie的帧率不同时应用的帧率不同时应用lIm

39、port Audio同时输入视频的声音同时输入视频的声音 视频参数设置视频参数设置其他编辑其他编辑l 视频导入库可重复使用。视频导入库可重复使用。l 直接将视频输入到主舞台，视频的帧直接将视频输入到主舞台，视频的帧数多，将弹出警告窗口。数多，将弹出警告窗口。l Flash MX不能对输入的视频进行编不能对输入的视频进行编辑，只可更新。辑，只可更新。视频与音频的配合视频与音频的配合实例实例5：car.swf六、交互功能的实现六、交互功能的实现1、动作的概念、动作的概念2、按钮的制作、按钮的制作3、为影片添加动作、为影片添加动作4、ActionScript脚本语言脚本语言 1、动作的概念、动作的概

40、念l动作：动作：ActionScript中的一种陈述，中的一种陈述，用来指示一个用来指示一个flash动画播发过程中需动画播发过程中需要执行的一个交互动作。要执行的一个交互动作。1、动作的概念、动作的概念打开：打开：Window/Actions 快捷键快捷键F9 1、动作的概念、动作的概念动作面板的编辑状态：动作面板的编辑状态：l普通（普通（Normal Mode）:自动生成脚本语言自动生成脚本语言l专用（专用（Expert Mode）:用户自己编辑脚本语言用户自己编辑脚本语言 2、按钮的制作、按钮的制作实例实例7 7：用气泡的元件实现一个控制影片播放的按钮：用气泡的元件实现一个控制影片播放的

41、按钮 效果预览效果预览 button.swf3、为影片添加动作、为影片添加动作l按钮动作按钮动作l帧动作帧动作l实例动作实例动作 按钮动作按钮动作: :Action /Movie Control /on(release) Action /Movie Control /on(release) 帧动作：帧动作： Action/Movie Control/Stop效果浏览效果浏览 control_car.swf实例动作实例动作:Actions/Movie Clip Control/startDrag 效果预览效果预览 drag.swf4、ActionScript脚本语言脚本语言l面向对象的脚本面向对

42、象的脚本l脚本的编辑脚本的编辑 l实例：多个场景动画、实例：多个场景动画、URL连接、鼠连接、鼠标动画、鼠标跟随动画标动画、鼠标跟随动画面向对象的脚本面向对象的脚本l类（类（classes）：分组管理的信息。）：分组管理的信息。l对象（对象（objects）：一个类的多个实例。）：一个类的多个实例。l定义一个类时，需要定义该类中所有对定义一个类时，需要定义该类中所有对象的属性（象的属性（properties）和动作或行为）和动作或行为（methods）。）。l对象可以由纯数据构成，也可以是舞台对象可以由纯数据构成，也可以是舞台上展示出来的对象。上展示出来的对象。 脚本的编辑脚本的编辑lNorm

43、al Mode状态状态lExpert Mode状态状态l查看查看Help/ActionScript Dictionaryl检查语法检查语法命令栏上方的命令栏上方的l调试程序调试程序Control/Debug MovieActions面板面板Expert Mode七、组件的应用七、组件的应用1、组件的概念、组件的概念2、组件的应用步骤、组件的应用步骤1、组件的概念、组件的概念lFlash提供的一些合成动画剪辑。提供的一些合成动画剪辑。l各个组件都有一组对应的各个组件都有一组对应的ActionScript指令。指令。l组件的类型组件的类型l组件的外观编辑组件的外观编辑l组件的应用组件的应用 组件的

44、类型组件的类型l 打开组件面板打开组件面板window/components 为动画剪辑提供一个可滚动的窗口。为动画剪辑提供一个可滚动的窗口。ScrollPane为文本域增加一个滚动条。为文本域增加一个滚动条。ScrollBar多选一。多选一。RadioButton当用户点击按钮、或按回车键时，执行一当用户点击按钮、或按回车键时，执行一条命令。条命令。PushButton显示一系列选项。显示一系列选项。ListBox带滚动条的下拉菜单，具有静态和可编辑带滚动条的下拉菜单，具有静态和可编辑态两种方式。静态只允许用户择菜单项；态两种方式。静态只允许用户择菜单项；可编辑态允许输入信息。可编辑态允许输

45、入信息。ComboBox单选。单选。CheckBox功能（动作）说明功能（动作）说明图标图标组件名称组件名称组件的外观编辑组件的外观编辑1、编辑调整为所有组件预设的色彩、编辑调整为所有组件预设的色彩、文文 字格式。字格式。2、编辑调整组件外观（、编辑调整组件外观（skins）。）。3、采用、采用ActionScript脚本语言中的脚本语言中的 FstyleFormat对象，创建新的用户风对象，创建新的用户风格的组件。格的组件。4、用新建的外壳元素取代组件外壳。、用新建的外壳元素取代组件外壳。 组件的应用组件的应用l网页表单网页表单l图像选择图像选择l数据调查数据调查l相册相册2、组件的应用步骤

46、、组件的应用步骤l在在Flash文件中增加组件文件中增加组件l设置组件参数设置组件参数l改变组件的外观改变组件的外观l调整组件的交互动作调整组件的交互动作 在在Flash文件中增加组件文件中增加组件 设置组件参数设置组件参数lProperties面板面板 Parameters标签标签l打开参数面板打开参数面板Window/Component Parameters 组件属性面板示意组件属性面板示意组件参数面板示意组件参数面板示意效果效果course.swf改变组件的外观改变组件的外观l形状：通过工具条中的变形工具改变。形状：通过工具条中的变形工具改变。l改变外观：改变外观：（1）双击）双击FSc

47、rollBar Skins目录中的各个元素目录中的各个元素（2）新建组件元素）新建组件元素修改元素修改元素Readme层第层第一帧的一帧的Action将新建元素注册（将新建元素注册（Register） 组件的皮肤文件夹组件的皮肤文件夹 调整组件的交互动作调整组件的交互动作（1）设置）设置Combobox组件中组件中Data参数与各章参数与各章节的关系节的关系（2）通过下拉菜单选择了某一项后，脚本获）通过下拉菜单选择了某一项后，脚本获得该项的信息得该项的信息动作面板的工具栏中动作面板的工具栏中“Flash UI Components/FComboBox/Method/getSelectedIte

48、m”（3）由获取到的菜单选择结果，指导操作指）由获取到的菜单选择结果，指导操作指针针handler的下一个动作的下一个动作Change Handler 八、合成并输出影片八、合成并输出影片1、场景的切换和控制、场景的切换和控制 2、动画文件输出、动画文件输出 1、场景的切换和控制、场景的切换和控制2、动画文件的输出、动画文件的输出l两种方式：两种方式：影片输出（影片输出（Export）影片发布（影片发布（Publish） 影片输出（影片输出（Export）l执行菜单命令执行菜单命令Files/Export Moviel点击点击“保存保存”设置设置Export Flash Player对话框对话框lExport Image只输出当前帧的内容只输出当前帧的内容输出影片对话框输出影片对话框 影片发布（影片发布（Publish）l菜单命令菜单命令Files/Publish Setting对话对话框框Publish SettingslFlash标签标签lFormats标签标签提供了各种文件类型提供了各种文件类型lHtml标签标签设置浏览器需要的一些参数设置浏览器需要的一些参数l输出：输出：Publish按钮，输出影片按钮，输出影片点击点击“确定确定”保存设置保存设置菜单命令菜单命令Files/Publish 影片发布设置对话框影片发布设置对话框 谢谢参与谢谢参与