Presentation is loading. Please wait.

Presentation is loading. Please wait.

项目五 高级动画 本章要点 本章导读 本章任务 上机实训.

Similar presentations


Presentation on theme: "项目五 高级动画 本章要点 本章导读 本章任务 上机实训."— Presentation transcript:

1 项目五 高级动画 本章要点 本章导读 本章任务 上机实训

2 本章要点 6.1 图层与图层文件夹 6.2 创建遮罩动画 6.3 创建引导路径动画的方法 图层概述 图层文件夹概述 编辑图层和图层文件夹
控制图层和图层文件夹 6.2 创建遮罩动画 遮罩层概述 创建遮罩层 创建被遮罩层 断开图层和遮罩层的链接 6.3 创建引导路径动画的方法 引导路径动画概述 为补间动画创建运动路径 将图层和运动引导层链接起来 断开图层和运动引导层的链接

3 本章要点 6.4 应用引导路径动画的技巧 6.5 FLASH中的声音 调整到路径 对齐元件到路径的技巧 使用路径技巧 声音概述 导入声音
设置声音属性 为帧添加声音 为按钮添加声音 编辑声音

4 本章要点 6.6 使用视频 6.7 Action Script 2.0编程入门 6.8 Play、Stop和Go To语句
FLASH视频概述 关于嵌入视频 将视频嵌入到FLASH的方法 修改嵌入的视频剪辑属性 关于渐进式下载视频 导入渐进式下载视频 修改视频播放器属性 6.7 Action Script 2.0编程入门 Action Script2.0概述 “动作”面板 “脚本助手”模式 帧脚本 按钮脚本 6.8 Play、Stop和Go To语句

5 本章要点 知识拓展—其他常用语句 nextFrame 函数 nextScene 函数 prevScene 函数
prevFrame 函数 nextFrame 函数 nextScene 函数 prevScene 函数 stopAllSounds 函数

6 本章导读 使用图层和图层文件夹是组织复杂FLASH动画的基本方法;使用遮罩动画和路径引导动画可以创造神奇的动画效果;通过添加声音和视频,可以创造更加美轮美奂的动画效果;使用动作脚本可以实现动画的交互功能。本章主要介绍图层和图层文件夹的用法,遮罩动画和路径引导动画的制作方法,添加声音和视频的方法,简单动作脚本的用法。

7 本章任务 1、掌握图层和图层文件夹的操作方法; 2、掌握创建遮罩动画和路径引导动画的方法; 3、掌握使用声音和视频的方法。
4、掌握动作脚本的简单用法

8 6.1 图层与图层文件夹 1.图层概述 (1)图层概念 一个图层,就像一张透明的纸,在上面可以绘制任何图形,可以把多个图层叠放在一起,共同组成一副画面。图层上有图形或文字的区域,会遮住下面图层的相应区域;没有图形或文字的区域是透明的,下层的内容可以透过这些区域显示出来。 图层是相互独立的,如果在一个图层上绘制和编辑对象,不会影响到其它图层上的对象,不同图层上的对象也不会互相擦除、连接或分割。若要同时补间多个组或元件,每个组或元件也必须放在单独的图层上。

9 6.1 图层与图层文件夹 (2)图层类型 FLASH中的图层分为一般层、引导层、被引导层、遮罩层、被遮罩层5种类型,它们的特点、功能和在时间轴上的形态各不相同。右图展示了FLASH中不同的图层类型和形态。

10 6.1 图层与图层文件夹 图层上各图标的含义如下: 图层文件夹 :用来组织图层。 一般图层 :具有图层的一般属性,是使用最多的图层类型。
普通引导层:可在上面绘制辅助图形,帮助对齐对象,其内容播放时不显示。 遮罩层:和“被遮罩层”共同创建遮罩效果。 被遮罩层 :和“遮罩层”共同创建遮罩效果。 活动图层:标明该图层处于活动状态,可以对该层进行各种操作。 隐藏的图层 :标明该图层处于隐藏状态,图层上的对象不可见。 锁定的图层: 该图层处于锁定状态,图层上的对象不可编辑。 显示为轮廓 :该图层的对象只显示轮廓。 运动引导层: 可以为补间动画提供运动路径,其内容播放时不显示。

11 6.1 图层与图层文件夹 2.图层文件夹概述 使用图层文件夹可以把图层组织成易于管理的组,并放在一个树形结构中,像在计算机中组织文件一样来组织图层,这样有助于组织工作流程。例如,用文件夹分别组织象声音、视频等不同种类的内容,会有助于快速找到这些项目进行编辑。

12 6.1 图层与图层文件夹 3.编辑图层和图层文件夹 (1)创建图层 可以执行下列操作之一: 单击时间轴底部的“插入图层”按钮
选择菜单“插入→时间轴→图层”。 右键单击时间轴中的一个图层名称,然后从右键菜单中选择“插入图层”。 (2)创建图层文件夹 可执行下列操作之一: 单击时间轴底部的“插入图层文件夹”按钮 在时间轴中选择一个图层或文件夹,然后选择菜单“插入→时间轴→图层文件夹”。 右键单击时间轴中的一个图层名称,然后从上下文菜单中选择“插入文件夹”。新文件夹将出现在所选图层或文件夹的上方。

13 6.1 图层与图层文件夹 (3)重命名图层或文件夹 默认情况下,新图层是按照创建顺序命名的:图层1、图层2,依此类推。要直观地反映图层的内容,可以重新命名图层或文件夹。 可执行下列操作之一: 双击时间轴中图层或文件夹的名称,然后输入新名称。 右键单击图层或文件夹的名称,然后从上下文菜单中选择“属性”,打开“图层属性”对话框,在“名称”框中输入新名称,然后单击“确定”。 在时间轴中选择图层或文件夹,然后选择菜单“修改→时间轴→图层属性,在“名称”框中输入新名称,然后单击“确定”。

14 6.1 图层与图层文件夹 (4)选择图层或文件夹 只有处于活动状态的图层,才可以编辑。时间轴中图层或文件夹名称旁边的铅笔图标 表示该图层或文件夹处于活动状态。 要选择图层或文件夹,可以执行下列操作之一: 单击时间轴中图层或文件夹的名称。 在时间轴中单击要选择的图层的任意一个帧。 在舞台中选择要选择的图层上的一个对象。 要选择连续的几个图层或文件夹,可以按住Shift单击它们的名称。 要选择几个不连续的图层或文件夹,可按住Ctrl单击它们的名称。

15 6.1 图层与图层文件夹 (5)组织图层和图层文件夹 要组织图层和图层文件夹,可以执行下列操作之一:
要将图层或图层文件夹移动到图层文件夹中,可将该图层或图层文件夹的名称拖到目标图层文件夹的名称中。 要更改图层或文件夹的顺序,可将时间轴中的一个或多个图层或文件夹拖到所需位置。 要展开或折叠文件夹,单击该文件夹名称左侧的三角形 。 要展开或折叠所有文件夹,右键单击,然后选择“展开所有文件夹”或“折叠所有文件夹”。

16 6.1 图层与图层文件夹 (6)删除图层或文件夹 要删除图层或图层文件夹,先选择要删除的图层或文件夹,然后执行下列操作之一:
单击时间轴中的“删除图层”按钮 。 将图层或文件夹拖到“删除图层”按钮 。 右键单击该图层或文件夹的名称,然后从上下文菜单中选择“删除图层”。 删除图层文件夹,会同时删除其中所有的图层或子文件夹。

17 6.1 图层与图层文件夹 (7)将对象“分散到图层”
使用“分散到图层”命令,可以把一帧中的所选对象快速分散到各个独立的图层中,以便分别操作这些对象。没有选中的对象都保留在它们的原始位置。对任何类型的元素都可以使用“分散到图层”命令,由此创建的新图层,会自动根据每个新图层包含的元素名称来命名。右图展示了把文本分散到图层的效果。 操作方法:选择要分散到图层的对象,然后执行下列操作之一: 选择菜单“修改→时间轴→分散到图层”。 右键单击所选对象之一,然后选择“分散到图层”。

18 6.1 图层与图层文件夹 4.控制图层和图层文件夹 (1)显示或隐藏图层或图层文件夹
图层或图层文件夹名称旁边的红色 ,表示该图层或图层文件夹处于隐藏状态。可执行下列操作之一: 要隐藏图层或图层文件夹,单击时间轴中该图层或文件夹名称右侧的“眼睛”列。要显示图层或文件夹,可再次单击它。 要隐藏时间轴中的所有图层和文件夹,可单击眼睛按钮。若要显示所有图层和文件夹,可再次单击它。 要显示或隐藏多个图层或文件夹,可在“眼睛”列中拖动鼠标。 若要隐藏除当前图层或文件夹以外的所有图层和文件夹,可按住Alt单击图层或文件夹名称右侧的“眼睛”列。要显示所有图层和文件夹,可再次按住Alt单击。

19 6.1 图层与图层文件夹 (2)锁定或解锁图层或文件夹
图层或图层文件夹被锁定后,其中的内容将无法编辑,需要编辑它们时只要解锁即可。被锁定图层或图层文件夹的“锁定”列会出现挂锁图标 。 操作方法: 要锁定图层或文件夹,单击该图层或文件夹名称右侧的“锁定”列。要解锁该图层或文件夹,再次单击“锁定”列。 要锁定所有图层和文件夹,单击挂锁按钮。要解锁所有图层和文件夹,再次单击它。 要锁定或解锁多个图层或文件夹,可在“锁定”列中拖动。 若要锁定除当前图层或文件夹外的所有图层或文件夹,可按住Alt单击图层或文件夹名称右侧的“锁定”列。要解锁所有图层或文件夹,再次按住Alt单击“锁定”列。

20 6.1 图层与图层文件夹 (3)以轮廓查看图层上的内容
(4)更改时间轴中显示的图层数 把鼠标置于舞台区域和时间轴区域的交界处,当光标变成双箭头 时拖动鼠标。 要将图层上所有对象显示为轮廓,单击该图层名称右侧的“轮廓”列(如图所示),要关闭轮廓显示,再次单击它。 要将所有图层上的对象显示为轮廓,单击轮廓按钮 要关闭所有图层上的轮廓显示,再次单击它。 若要将除当前图层以外的所有图层上的对象显示为轮廓,按住Alt单击图层名称右侧的“轮廓”列。 要关闭其它所有图层的轮廓显示, 再次按住Alt单击。 (3)以轮廓查看图层上的内容

21 6.2 创建遮罩动画 1.遮罩层概述 遮罩层的功能是隐藏下面的图层,只让其中的部分内容显示出来。当遮罩层上没有任何内容时,下面的图层会全部被隐藏;当遮罩层上有内容时,下面图层上的图像会透过该内容区域显示出来,区域之外的部分仍会被隐藏。在发布的影片中,遮罩层上的任何内容都不会显示。

22 6.2 创建遮罩动画 2.创建遮罩层 操作方法: (1)选择或创建一个图层,在其中放置填充形状、文字或元件的实例。
(2)右键单击时间轴中的遮罩层名称,然后选择“遮罩”。将出现一个遮罩层图标 表示该层为遮罩层。紧贴它下面的图层将链接到遮罩层,其内容会透过遮罩上的填充区域显示出来。被遮罩的图层名称以缩进形式显示,图标变为 。 锁定遮罩层和被遮罩层,就可以在编辑状态显示遮罩效果。

23 6.2 创建遮罩动画 3.创建被遮罩层 4.断开图层和遮罩层的链接 可执行下列操作之一: 将现有的图层直接拖到遮罩层下面。
在遮罩层下面创建一个新图层。 选择“修改→时间轴→图层属性”,然后选择“被遮罩”。 4.断开图层和遮罩层的链接 将图层拖到遮罩层的上面。 选择菜单“修改→时间轴→图层属性”,然后选择“一般”。

24 6.3 创建引导路径动画的方法 1.引导路径动画概述 引导路径动画可以实现复杂的曲线运动。
要制作引导路径动画,至少需要两个层,一个层用来放置引导路径,另一个层用来创建补间动画。包含路径的层,叫作“引导层”;包含沿路径补间动画的层,叫作“被引导层”。也可将多个层链接到一个运动引导层,使多个对象沿同一条路径运动。引导路径动画效果如图所示。

25 6.3 创建引导路径动画的方法 2.为补间动画创建运动路径 (1)创建补间动画。 (2)选择包含动画的图层,执行下列操作之一:
单击时间轴底部的“添加运动引导层”按钮。 选择菜单“插入→时间轴→运动引导层”。 右键单击包含动画的图层,然后选择“添加引导层”。 FLASH 会在所选图层之上创建一个新图层,该图层名称的左侧有一个运动引导层图标 包含动画的图层成为“被引导层”,在运动引导层下面以缩进形式与引导层链接在一起。 (3)在引导层上绘制所需的路径。 (4)选择动画第一帧,拖动运动对象,使它的注册点与引导线的起点对齐;在最后一帧处与引导线的终点对齐。

26 6.3 创建引导路径动画的方法 3.将图层和运动引导层链接起来 4.断开图层和运动引导层的链接
要使用已有的引导路径创建引导动画,可执行下列操作之一: 将现有图层拖到运动引导层的下面。 在运动引导层下面创建一个新图层。 在运动引导层下面选择一个图层,单击菜单“修改→时间轴→图层属性”,然后选择“引导层”。 4.断开图层和运动引导层的链接 要把被引导层转换为一般层,可先选择要断开链接的图层,然后执行下列操作之一: 拖动到运动引导层的上面。 选择菜单“修改→时间轴→图层属性”,然后选择“一般”作为图层类型。如果没有任何图层和运动引导层链接在一起,它就会变成普通引导层,图标变为 。

27 6.4 应用引导路径动画的技巧 1.调整到路径 2.对齐元件到路径的技巧
创建补间动画时,如果选择了补间属性面板上的“调整到路径”,补间元素的基线就会调整到运动路径,运动对象会和路径保持固定的角度,使效果更真实。 2.对齐元件到路径的技巧 选择补间属性面板上的“贴紧”选项,补间元素的注册点会主动吸附到路径。 如果元件为不规则的形状,可以使用“任意变形工具”来调整注册点,通过调整元件的注册点能获得最好的对齐效果。 如果对齐时没有吸附感,可以激活工具栏中的“贴紧至对象”按钮 当元件对齐到路径上的时候,注册点处的圆圈会变大,拖动元件会有一些吸附的感觉。 单击工具栏里面的“缩放工具”来放大场景,可以更清楚地看到元件中的小圆圈,方便实现对齐。

28 6.4 应用引导路径动画的技巧 3. 使用路径技巧 路径必须是连续、不间断的。 当使用填充形状作为路径时,元件会沿着形状的边缘运动。
路径在动画发布的时候是看不到的,所以路径的颜色可以随意设置,只要便于与场景中的对象颜色区分开就可以。 对象运动时会选择开始点与结束点之间的最短路径。如果路径的形状是完全封闭的,例如圆形,对象的运动方向往往与制作意图不符,无法按照圆形路径的形状完成圆周运动。这时只需把封闭路径擦出一个小缺口就可以了。 在工作时要想只显示对象的移动,可以隐藏引导层。

29 6.5 FLASH中的声音 1.声音概述 FLASH中有两种声音类型:事件声音和音频流。事件声音必须完全下载后才能开始播放,除非明确停止,它将一直连续播放。音频流在前几帧下载了足够的数据后就开始播放,音频流可以与时间轴同步。

30 6.5 FLASH中的声音 2.导入声音 使用声音前要先把它导入文档,导入的声音保存在“库”中,可以像使用其它库项目一样使用声音。FLASH CS3支持以下格式的声音文件:WAV、MP3、AIFF、Sun AU和只有声音的QuickTime影片。导入步骤: (1)单击菜单“文件→导入→导入到库”。 (2)在“导入”对话框中,定位并打开所需的声音文件。 “库”中的声音文件名称前有一个小喇叭图标 ,单击预览窗的按钮 可以播放声音。

31 6.5 FLASH中的声音 3.设置声音属性 选择时间轴上要添加声音的帧,然后打开如下图所示的“属性”面板,就可以设置声音属性。
(1)选择声音 单击“声音”下拉列表,可以显示“库”中所有声音的列表,如右图所示。选择一个声音,就可以把它添加到时间轴。选择“无”,不会添加声音,如果所选帧上已经存在声音,则会删除该声音。

32 6.5 FLASH中的声音 (2)声音效果 可以通过“效果”选项设置声音的声道和音量变化效果。单击打开如图所示的下拉列表,可从中选择一种声音效果。 各选项含义如下: 无:不对声音文件应用效果,选中此项也可以删除以前应用的效果。 左声道/右声道:只在左声道或右声道中播放声音。 从左到右淡出/从右到左淡出:会将声音从一个声道切换到另一个声道。 淡入:随着声音的播放逐渐增加音量。 淡出:随着声音的播放逐渐减小音量。 自定义:允许使用“编辑封套”创建自定义的声音淡入和淡出点。

33 6.5 FLASH中的声音 (3)声音同步 “同步”选项用来设置声音在动画中的播放和停止的方式。单击打开如图所示的下拉列表,可从中选择一种同步方式。 各选项含义如下: 事件:会将声音和一个事件的发生相关联,只有当事件被触发时,才会播放声音。事件声音只有完全下载后才能开始播放,声音独立于时间轴完整播放,除非明确停止,即使SWF文件停止,播放也不会停止。 开始:与“事件”选项的功能相近,但是如果声音已经在播放,则新声音就不会播放。 停止:使指定的声音静音。 数据流:可以边下载边播放声音,声音与动画同步播放。与事件声音不同,数据流声音随着SWF文件的停止而停止。 重复:设置声音的重复次数。

34 6.5 FLASH中的声音 4.为帧添加声音 在FLASH中,既可以使用单一的声音,也可以同时添加多个声音;可以把多个声音放在一个图层上,也可以放在多个图层上。建议将每个声音放在单独的图层上,以便于编辑。播放影片时,所有图层上的声音会混合在一起。 操作步骤如下: (1)在时间轴上,选择要添加声音文件的第一个帧。 (2)打开“属性”面板,从“声音”弹出菜单中选择声音文件;从“效果”弹出菜单中选择效果选项;从“同步”弹出菜单中选择“同步”选项,为“重复”输入一个值以指定声音重复的次数,或者选择“循环”以连续重复声音。 若要测试声音,可在包含声音的帧上拖动播放头,或使用“控制器”或“控制”菜单中的“测试影片”命令。

35 6.5 FLASH中的声音 5.为按钮添加声音 将声音添加到按钮元件,可以使按钮操作更具互动性。 操作步骤如下:
(1)双击要添加声音效果的按钮,进入按钮编辑状态。 (2)在按钮的时间轴上,添加一个声音层。 (3)在声音层中需要添加声音的状态帧上创建一个关键帧。 (4)单击已创建的关键帧。从“属性”面板的“声音”弹出菜单中选择一个声音文件;从“同步”弹出菜单中选择“事件”。为按钮添加声音的编辑效果如图所示。

36 6.5 FLASH中的声音 6.编辑声音 除了使用预设的声音效果外,还可以自定义效果,包括定义声音的起始点和结束点、控制播放时不同位置的声音音量及其变化效果。这些编辑可以在“编辑封套”对话框中进行。 选择包含声音的帧,然后打开声音“属性”面板,单击“效果”右边的“编辑”按钮或选择“效果”列表中的“自定义”,即可打开如图所示的“编辑封套”对话框。对话框中上下两块波形区域分别代表左、右声道。波形上方的封套线,用来显示音量大小,上下拖动线上的矩形手柄就可以调节音量,调到最上端表示音量最大,最下端表示静音。

37 6.5 FLASH中的声音 单击声道任意区域,可添加封套手柄(最多8个),拖动封套手柄就可以改变声音中不同点处的音量大小。将封套手柄拖出窗口可以删除它。在如图所示的对话框中,通过添加和拖动封套手柄自定义封套,实现了声音在左右两个声道交替的效果。

38 6.6 使用视频 1.FLASH视频概述 FLASH视频具备创造性的技术优势,允许将视频、数据、图形、声音和交互式控制融为一体,从而创造出引人入胜的丰富效果。 FLASH提供了完善的视频导入向导,在导入视频时可以使用两种方法:一种是将视频剪辑作为嵌入文件导入,嵌入的视频文件成为FLASH文档的一部分。另一种是把视频剪辑放在FLASH文档的外部,当播放SWF时再动态加载,包括使用渐进式下载、数据流传输和链接QuickTime格式的视频剪辑。

39 6.6 使用视频 2.关于嵌入视频 嵌入的视频允许将视频文件嵌入到SWF文件,使它成为FLASH文档的一部分。使用这种方法导入视频时,该视频放置于时间轴中,可以在时间轴中看到各个视频帧的位置。 若要播放嵌入在SWF文件中的视频,必须先下载整个视频文件,然后再开始播放该视频,因此,嵌入视频适合较短的视频文件。

40 6.6 使用视频 3.将视频嵌入到FLASH的方法 (1)选择菜单“文件→导入→导入视频”,打开“选择视频”对话框。单击“浏览”按钮,选择本地计算机上要导入的视频剪辑,然后单击“下一个”。 (2)从“部署”对话框中选择“在SWF中嵌入视频并在时间轴上播放”,然后单击“下一个”。 (3)在“嵌入”对话框中,可以设置嵌入的方式。 (4)在“拆分视频”对话框中,可以把视频拆分成多段剪辑同时导入。 如图所示。

41 6.6 使用视频 (5)“导入视频向导”在视频剪辑导入时会将其编码为FLASH视频(FLV)格式。在如图所示的“编码”对话框中,上半部分为视频预览区,拖动播放头可以查看视频;下半部分为编码设置区。如果导入的是FLV文件,可以使用已应用于该文件的编码设置,不需要在导入过程中设置编码参数。

42 6.6 使用视频 4.修改嵌入的视频剪辑属性 对于“库”中的嵌入视频,可以通过“视频属性”对话框查看它的详细属性,也可以进行重命名、更新、替换等操作。步骤如下: (1)在“库”面板中选择视频剪辑,然后从“库面板”菜单中选择“属性”,打开如图所示的“视频属性”对话框。 (2)执行下列操作之一: 若要重命名,可在“元件”框中输入新名称。 若要更新视频剪辑,可导航到更新的视频文件并单击“打开”,即会用编辑过的文件更新嵌入的视频剪辑。初次导入该视频时选择的压缩设置,会重新应用到更新的剪辑。 若要使用FLV剪辑替换视频剪辑,可单击“导入”,导航到替换当前剪辑的FLV文件,然后单击“打开”。 若要将当前视频导出为独立的FLV文件,可单击“导出”,指定保存目录,然后单击“保存”。

43 6.6 使用视频 5.关于渐进式下载视频 渐进式下载可以将外部FLV文件加载到SWF文件中,并在运行时回放。视频内容独立于其它FLASH内容和视频回放控件,因此更新视频内容相对容易,可以不必重新发布SWF文件。 渐进式下载视频在播放时,可以边下载边播放,因此适合导入较长的视频文件。

44 6.6 使用视频 6.导入渐进式下载视频 (1)选择菜单“文件→导入→导入视频”。打开“选择视频”对话框,单击“浏览”按钮,选择要导入的视频剪辑,然后单击“下一个”。 (2)在“部署”对话框,选择“从Web服务器渐进式下载”,然后单击“下一个”。 (3)此时的“编码”对话框,比导入嵌入视频时增加了如图所示的“提示点”选项卡。可以为每个“提示点”分配一个事件类型和一个参数。设置完成后,单击“下一个”。

45 6.6 使用视频 (4)单击“外观”对话框中的“外观”下拉列表,从中选择一种播放器的外观样式。
(5)单击“下一个”,然后单击“完成”,FLASH开始对视频编码。编码完成后,可以用“测试影片”命令测试影片。 编辑完成后,在保存影片的文件夹下会有4个对应这个影片的文件。例如,在“电子相册”案例的保存文件夹下有以下4个文件:电子相册.fla(影片源文件)、舞蹈.flv(编码后的外部视频文件)、电子相册.swf(影片播放文件)、MojaveExternalAll.Swf(播放器外观组件文件)。

46 6.6 使用视频 7.修改视频播放器属性 使用“组件检查器”,可以修改渐进式下载视频播放器的外观、播放内容等属性。步骤如下:
(1)选择舞台上的播放器,单击菜单“窗口→组件检查器”打开如图所示的“组件检查器”。 (2)单击右侧的“值”,进行相关的设置。几个常用设置的用法如下: autoPlay 设置视频是否自动播放。选择“true”值自动播放,“false”不自动播放。 contentPath 用其它的FLV视频替换当前的视频。单击对应的“值”,然后选择一个其它的FLV视频即可。 skin 可以重新设置播放器的外观。单击对应的“值”,然后选择一个其它的外观即可。

47 6.7 Action Script 2.0编程入门 ActionScript,译作动作脚本,是FLASH的编程语言。借助脚本,可以创造精彩的动画效果,实现强大的人机交互功能。 FLASH CS3兼容多个ActionScript版本,本教材使用2.0版本。可以把脚本添加在关键帧、影片剪辑或按钮上。动画播放时,当满足了某个条件(例如,按下了特定的键、点击了特定的按钮或是播放头进入了特定的帧),就会触发某段脚本运行,实现控制动画播放流程或改变对象属性等功能。这种触发脚本运行的条件,就是“事件”,脚本的运行是受事件驱动的。

48 6.7 Action Script 2.0编程入门 2.“动作”面板
“动作”面板是用来添加和调试动作脚本的窗口。选择菜单“窗口→动作”或按F9,即可打开如图所示的“动作”面板。 面板右半部分的“脚本窗格”,是进行动作编程的主要区域,当前对象的所有脚本程序也都显示在这里;左上部分是“动作工具箱”,它包含了所有的动作命令和语法;左下部分是“脚本导航窗格”,可以显示当前编辑的脚本在影片中的结构位置,便于确认当前的编辑对象。

49 6.7 Action Script 2.0编程入门 要把动作添加到脚本窗格,既可以直接输入代码,也可以借助面板上提供的工具。单击动作工具箱中的一个类别,在展开的列表中双击要添加的动作,可以把动作添加到脚本窗格,如左图所示;单击脚本窗格上方的“添加脚本”按钮从弹出菜单中选择要添加的动作单击,也可以把动作添加到脚本窗格,如右图所示。 在“脚本”窗格中选择一个语句,按下Delete键,可以删除该动作。

50 6.7 Action Script 2.0编程入门 3.“脚本助手”模式
使用“脚本助手”模式,可以在不亲自编写代码的情况下将动作脚本添加到FLA文件。当选择了某个动作,面板会显示一个相应的界面,用于输入动作所需的参数。 在“动作”面板中,单击“脚本助手”按钮 就可以打开脚本助手模式,如左图所示。在脚本助手模式下,同样可以通过双击工具箱中的动作或使用“添加脚本”按钮来添加脚本,并可以方便地为动作设置参数,如右图所示。

51 6.7 Action Script 2.0编程入门 4.帧脚本 如果在关键帧上添加了脚本,在动画播放时,当播放头进入该帧,就会触发上面的脚本运行。单击要添加脚本的关键帧,再打开“动作”面板,就可以为该帧添加脚本。此时“动作”面板的标题栏会显示为“动作-帧”,如左图所示。添加脚本后,包含脚本的关键帧处会出现一个“a”字,如右图所示。

52 6.7 Action Script 2.0编程入门 5.按钮脚本
几种常用鼠标事件含义如下: press:当鼠标指针经过按钮时按下鼠标。 release:当鼠标指针经过按钮时按下再释放鼠标。 rollOver:鼠标指针滑过按钮。 rollOut:鼠标指针滑出按钮区域。

53 6.8 Play、Stop和Go To语句 1.play函数 2.stop函数
Play、Stop和Go To是常用的时间轴控制语句,配合按钮使用,可以很好地实现与动画的交互。它们都以函数的形式出现在脚本中,函数的前半部分为“函数名”;函数名后的小括号用来放置参数(有些函数不需要参数);有的函数跟有一对花括号,用来放置该函数的脚本(例如,“on”函数)。 1.play函数 格式:play() 功能:在时间轴中向前移动播放头,可以使停止的动画从当前位置开始播放。 2.stop函数 格式:stop() 功能:停止当前正在播放的SWF文件。

54 6.8 Play、Stop和Go To语句 3.gotoAndPlay函数 4.gotoAndStop函数
功能:将播放头转到指定场景中指定的帧并从该帧开始播放。使用该函数可以实现播放头的跳转,使播放头跳过一些帧后,直接去播放指定的帧。 参数“场景”不是必需的,如果未指定场景,则播放头转到当前场景中的指定帧。只能在根时间轴上使用“场景”参数,不能在影片剪辑或文档中的其它对象的时间轴内使用该参数。如果使用“场景”参数,场景名必须放在双引号中。必须为“帧”指定参数 4.gotoAndStop函数 格式:gotoAndStop([场景],帧) 功能:将播放头转到指定场景中指定的帧并停止播放。该函数的使用注意事项与gotoAndPlay()函数相同。

55 知识拓展——其他常用语句 1.prevFrame 函数 2.nextFrame 函数 3.nextScene 函数
功能:将播放头转到前一帧。如果当前帧为第 1 帧,则播放头不移动。 2.nextFrame 函数 格式:nextFrame() 功能:将播放头转到下一帧。 3.nextScene 函数 格式:nextScene() 功能:将播放头转到下一场景的第1帧。

56 知识拓展 4.prevScene 函数 5.stopAllSounds 函数 格式:prevScene()
功能:将播放头转到前一场景的第1帧。 5.stopAllSounds 函数 格式:stopAllSounds() 功能:在不停止播放头的情况下停止SWF文件中当前正在播放的所有声音。

57 上机实训 1.使用左所示的地图素材,制作如右图所示的旋转地球动态效果(提示:把地图作为运动的被遮罩层,水平排列两份地图可实现循环画面的完美衔接)。

58 上机实训 2.使用引导路径动画制作花瓣纷纷飘落的效果(提示:多种形态的路径能使效果更逼真)。
3.分别用“嵌入式”和“渐进式”导入视频,制作自己的播放器(可以尝试加入遮罩等效果,使你的作品与众不同)。 4.制作一个班级电子相册,为照片配上背景音乐,并能够使用按钮停止和播放动画和音乐。


Download ppt "项目五 高级动画 本章要点 本章导读 本章任务 上机实训."

Similar presentations


Ads by Google