配色: 字号:
《Flash CS3二维动画制作案例教程》第6章 高级动画
2023-05-23 | 阅:  转:  |  分享 
  
第6章 高级动画本章要点本章导读本章任务上机实训本章要点6.1 图层与图层文件夹 图层概述 图层文件夹概述 编辑图层和图层文件夹
控制图层和图层文件夹6.2 创建遮罩动画 遮罩层概述 创建遮罩层 创建被遮罩层 断开图层和遮罩层的链接6.3
创建引导路径动画的方法 引导路径动画概述 为补间动画创建运动路径 将图层和运动引导层链接起来 断开图层和运动引导
层的链接本章要点6.4 应用引导路径动画的技巧 调整到路径 对齐元件到路径的技巧 使用路径技巧6.5 FLASH
中的声音 声音概述 导入声音 设置声音属性 为帧添加声音 为按钮添加声音 编辑声音6.6 使用
视频 FLASH视频概述 关于嵌入视频 将视频嵌入到FLASH的方法 修改嵌入的视频剪辑属性 关于渐进
式下载视频 导入渐进式下载视频 修改视频播放器属性6.7 Action Script 2.0编程入门 Action
Script2.0概述 “动作”面板 “脚本助手”模式 帧脚本 按钮脚本6.8 Play、Stop和Go
To语句本章要点本章要点知识拓展—其他常用语句 prevFrame 函数 nextFrame 函数 nextScene
函数 prevScene 函数 stopAllSounds 函数本章导读 使用图层和图层文件夹是组织复杂FLASH动画的
基本方法;使用遮罩动画和路径引导动画可以创造神奇的动画效果;通过添加声音和视频,可以创造更加美轮美奂的动画效果;使用动作脚本可以实
现动画的交互功能。本章主要介绍图层和图层文件夹的用法,遮罩动画和路径引导动画的制作方法,添加声音和视频的方法,简单动作脚本的用法。
本章任务1、掌握图层和图层文件夹的操作方法;2、掌握创建遮罩动画和路径引导动画的方法;3、掌握使用声音和视频的方法。4、掌握动作脚
本的简单用法6.1 图层与图层文件夹 (2)图层类型 FLASH中的图层分为一般层、引导层、被引导层、遮罩层、被遮罩层5
种类型,它们的特点、功能和在时间轴上的形态各不相同。右图展示了FLASH中不同的图层类型和形态。6.1 图层与图层文件夹6.1 图
层与图层文件夹2.图层文件夹概述 使用图层文件夹可以把图层组织成易于管理的组,并放在一个树形结构中,像在计算机中组织文件一样
来组织图层,这样有助于组织工作流程。例如,用文件夹分别组织象声音、视频等不同种类的内容,会有助于快速找到这些项目进行编辑。6.1
图层与图层文件夹3.编辑图层和图层文件夹(1)创建图层可以执行下列操作之一:(2)创建图层文件夹可执行下列操作之一:6.1 图层与
图层文件夹 (3)重命名图层或文件夹 默认情况下,新图层是按照创建顺序命名的:图层1、图层2,依此类推。要直观地反映图
层的内容,可以重新命名图层或文件夹。 可执行下列操作之一: 双击时间轴中图层或文件夹的名称,然后输入新名称。 右键单
击图层或文件夹的名称,然后从上下文菜单中选择“属性”,打开“图层属性”对话框,在“名称”框中输入新名称,然后单击“确定”。 在时间
轴中选择图层或文件夹,然后选择菜单“修改→时间轴→图层属性,在“名称”框中输入新名称,然后单击“确定”。6.1 图层与图层文件夹
单击时间轴中图层或文件夹的名称。 在时间轴中单击要选择的图层的任意一个帧。 在舞台中选择要选择的图层上的一个对象。 要选择连续的几
个图层或文件夹,可以按住Shift单击它们的名称。 要选择几个不连续的图层或文件夹,可按住Ctrl单击它们的名称。6.1 图层与图
层文件夹6.1 图层与图层文件夹6.1 图层与图层文件夹(7)将对象“分散到图层” 使用“分散到图层”命令,可以把一帧中的所
选对象快速分散到各个独立的图层中,以便分别操作这些对象。没有选中的对象都保留在它们的原始位置。对任何类型的元素都可以使用“分散到图
层”命令,由此创建的新图层,会自动根据每个新图层包含的元素名称来命名。右图展示了把文本分散到图层的效果。 操作方法:选择要分
散到图层的对象,然后执行下列操作之一: 选择菜单“修改→时间轴→分散到图层”。 右键单击所选对象之一,然后选择“分散到图层”。6.
1 图层与图层文件夹6.1 图层与图层文件夹6.1 图层与图层文件夹6.1 图层与图层文件夹6.2 创建遮罩动画1.遮罩层概述
遮罩层的功能是隐藏下面的图层,只让其中的部分内容显示出来。当遮罩层上没有任何内容时,下面的图层会全部被隐藏;当遮罩层上有内容时
,下面图层上的图像会透过该内容区域显示出来,区域之外的部分仍会被隐藏。在发布的影片中,遮罩层上的任何内容都不会显示。6.2 创建遮
罩动画3.创建被遮罩层 可执行下列操作之一: 将现有的图层直接拖到遮罩层下面。 在遮罩层下面创建一个新图层。 选择“修
改→时间轴→图层属性”,然后选择“被遮罩”。4.断开图层和遮罩层的链接可执行下列操作之一: 将图层拖到遮罩层的上面。 选择菜单
“修改→时间轴→图层属性”,然后选择“一般”。6.2 创建遮罩动画6.3 创建引导路径动画的方法1.引导路径动画概述 引导路
径动画可以实现复杂的曲线运动。 要制作引导路径动画,至少需要两个层,一个层用来放置引导路径,另一个层用来创建补间动画。包含路
径的层,叫作“引导层”;包含沿路径补间动画的层,叫作“被引导层”。也可将多个层链接到一个运动引导层,使多个对象沿同一条路径运动。引
导路径动画效果如图所示。6.3 创建引导路径动画的方法6.3 创建引导路径动画的方法6.4 应用引导路径动画的技巧3. 使用路径技
巧 路径必须是连续、不间断的。 当使用填充形状作为路径时,元件会沿着形状的边缘运动。 路径在动画发布的时候是看不到的,所以路径的颜
色可以随意设置,只要便于与场景中的对象颜色区分开就可以。 对象运动时会选择开始点与结束点之间的最短路径。如果路径的形状是完全封闭的
,例如圆形,对象的运动方向往往与制作意图不符,无法按照圆形路径的形状完成圆周运动。这时只需把封闭路径擦出一个小缺口就可以了。 在工
作时要想只显示对象的移动,可以隐藏引导层。6.4 应用引导路径动画的技巧6.5 FLASH中的声音1.声音概述 FLASH中有两
种声音类型:事件声音和音频流。事件声音必须完全下载后才能开始播放,除非明确停止,它将一直连续播放。音频流在前几帧下载了足够的数据后
就开始播放,音频流可以与时间轴同步。6.5 FLASH中的声音3.设置声音属性 选择时间轴上要添加声音的帧,然后打开如下图所
示的“属性”面板,就可以设置声音属性。 (1)选择声音 单击“声音”下拉列表,可以显示“库”中所有声音的列表,如右图所示
。选择一个声音,就可以把它添加到时间轴。选择“无”,不会添加声音,如果所选帧上已经存在声音,则会删除该声音。6.5 FLASH中的
声音 (2)声音效果 可以通过“效果”选项设置声音的声道和音量变化效果。单击打开如图所示的下拉列表,可从中选择一种声音效
果。 各选项含义如下: 无:不对声音文件应用效果,选中此项也可以删除以前应用的效果。 左声道/右声道:只在左声道或右声道
中播放声音。 从左到右淡出/从右到左淡出:会将声音从一个声道切换到另一个声道。 淡入:随着声音的播放逐渐增加音量。 淡出:随
着声音的播放逐渐减小音量。 自定义:允许使用“编辑封套”创建自定义的声音淡入和淡出点。6.5 FLASH中的声音 (3)声
音同步 “同步”选项用来设置声音在动画中的播放和停止的方式。单击打开如图所示的下拉列表,可从中选择一种同步方式。 各选
项含义如下: 事件:会将声音和一个事件的发生相关联,只有当事件被触发时,才会播放声音。事件声音只有完全下载后才能开始播放,声音独
立于时间轴完整播放,除非明确停止,即使SWF文件停止,播放也不会停止。 开始:与“事件”选项的功能相近,但是如果声音已经在播放,
则新声音就不会播放。 停止:使指定的声音静音。 数据流:可以边下载边播放声音,声音与动画同步播放。与事件声音不同,数据流声音随
着SWF文件的停止而停止。 重复:设置声音的重复次数。6.5 FLASH中的声音4.为帧添加声音 在FLASH中,既可以使
用单一的声音,也可以同时添加多个声音;可以把多个声音放在一个图层上,也可以放在多个图层上。建议将每个声音放在单独的图层上,以便于编
辑。播放影片时,所有图层上的声音会混合在一起。 操作步骤如下: (1)在时间轴上,选择要添加声音文件的第一个帧。 (
2)打开“属性”面板,从“声音”弹出菜单中选择声音文件;从“效果”弹出菜单中选择效果选项;从“同步”弹出菜单中选择“同步”选项,为
“重复”输入一个值以指定声音重复的次数,或者选择“循环”以连续重复声音。 若要测试声音,可在包含声音的帧上拖动播放头,或使用
“控制器”或“控制”菜单中的“测试影片”命令。6.5 FLASH中的声音5.为按钮添加声音 将声音添加到按钮元件,可以使按钮
操作更具互动性。 操作步骤如下: (1)双击要添加声音效果的按钮,进入按钮编辑状态。 (2)在按钮的时间轴上,添加一个声
音层。 (3)在声音层中需要添加声音的状态帧上创建一个关键帧。 (4)单击已创建的关键帧。从“属性”面板的“声音”弹出菜单中
选择一个声音文件;从“同步”弹出菜单中选择“事件”。为按钮添加声音的编辑效果如图所示。6.5 FLASH中的声音6.编辑声音除了使
用预设的声音效果外,还可以自定义效果,包括定义声音的起始点和结束点、控制播放时不同位置的声音音量及其变化效果。这些编辑可以在“编辑
封套”对话框中进行。 选择包含声音的帧,然后打开声音“属性”面板,单击“效果”右边的“编辑”按钮或选择“效果”列表中的“自定
义”,即可打开如图所示的“编辑封套”对话框。对话框中上下两块波形区域分别代表左、右声道。波形上方的封套线,用来显示音量大小,上下拖
动线上的矩形手柄就可以调节音量,调到最上端表示音量最大,最下端表示静音。 6.5 FLASH中的声音 单击声道任意区域,可添
加封套手柄(最多8个),拖动封套手柄就可以改变声音中不同点处的音量大小。将封套手柄拖出窗口可以删除它。在如图所示的对话框中,通过添
加和拖动封套手柄自定义封套,实现了声音在左右两个声道交替的效果。6.5 FLASH中的声音6.6 使用视频1.FLASH视频概述
FLASH视频具备创造性的技术优势,允许将视频、数据、图形、声音和交互式控制融为一体,从而创造出引人入胜的丰富效果。
FLASH提供了完善的视频导入向导,在导入视频时可以使用两种方法:一种是将视频剪辑作为嵌入文件导入,嵌入的视频文件成为FLASH文
档的一部分。另一种是把视频剪辑放在FLASH文档的外部,当播放SWF时再动态加载,包括使用渐进式下载、数据流传输和链接QuickT
ime格式的视频剪辑。2.关于嵌入视频 嵌入的视频允许将视频文件嵌入到SWF文件,使它成为FLASH文档的一部分。使用这种方
法导入视频时,该视频放置于时间轴中,可以在时间轴中看到各个视频帧的位置。 若要播放嵌入在SWF文件中的视频,必须先下载整个视
频文件,然后再开始播放该视频,因此,嵌入视频适合较短的视频文件。6.6 使用视频3.将视频嵌入到FLASH的方法 (1)选择菜
单“文件→导入→导入视频”,打开“选择视频”对话框。单击“浏览”按钮,选择本地计算机上要导入的视频剪辑,然后单击“下一个”。
(2)从“部署”对话框中选择“在SWF中嵌入视频并在时间轴上播放”,然后单击“下一个”。 (3)在“嵌入”对话框中,可以设置嵌
入的方式。 (4)在“拆分视频”对话框中,可以把视频拆分成多段剪辑同时导入。 如图所示。6.6 使用视频 (5)“导入视频
向导”在视频剪辑导入时会将其编码为FLASH视频(FLV)格式。在如图所示的“编码”对话框中,上半部分为视频预览区,拖动播放头可以
查看视频;下半部分为编码设置区。如果导入的是FLV文件,可以使用已应用于该文件的编码设置,不需要在导入过程中设置编码参数。6.6
使用视频4.修改嵌入的视频剪辑属性 对于“库”中的嵌入视频,可以通过“视频属性”对话框查看它的详细属性,也可以进行重命名、更
新、替换等操作。步骤如下: (1)在“库”面板中选择视频剪辑,然后从“库面板”菜单中选择“属性”,打开如图所示的“视频属性”对
话框。 (2)执行下列操作之一: 若要重命名,可在“元件”框中输入新名称。 若要更新视频剪辑,可导航到更新的视频文件并单击“打
开”,即会用编辑过的文件更新嵌入的视频剪辑。初次导入该视频时选择的压缩设置,会重新应用到更新的剪辑。 若要使用FLV剪辑替换视频剪
辑,可单击“导入”,导航到替换当前剪辑的FLV文件,然后单击“打开”。 若要将当前视频导出为独立的FLV文件,可单击“导出”,指定
保存目录,然后单击“保存”。6.6 使用视频5.关于渐进式下载视频 渐进式下载可以将外部FLV文件加载到SWF文件中,并在运
行时回放。视频内容独立于其它FLASH内容和视频回放控件,因此更新视频内容相对容易,可以不必重新发布SWF文件。 渐进式下载
视频在播放时,可以边下载边播放,因此适合导入较长的视频文件。6.6 使用视频6.导入渐进式下载视频 (1)选择菜单“文件→导入
→导入视频”。打开“选择视频”对话框,单击“浏览”按钮,选择要导入的视频剪辑,然后单击“下一个”。 (2)在“部署”对话框,选
择“从Web服务器渐进式下载”,然后单击“下一个”。(3)此时的“编码”对话框,比导入嵌入视频时增加了如图所示的“提示点”选项卡。
可以为每个“提示点”分配一个事件类型和一个参数。设置完成后,单击“下一个”。6.6 使用视频 (4)单击“外观”对话框中的“外
观”下拉列表,从中选择一种播放器的外观样式。 (5)单击“下一个”,然后单击“完成”,FLASH开始对视频编码。编码完成后,可
以用“测试影片”命令测试影片。 编辑完成后,在保存影片的文件夹下会有4个对应这个影片的文件。例如,在“电子相册”案例的保存文
件夹下有以下4个文件:电子相册.fla(影片源文件)、舞蹈.flv(编码后的外部视频文件)、电子相册.swf(影片播放文件)、Mo
javeExternalAll.Swf(播放器外观组件文件)。6.6 使用视频7.修改视频播放器属性使用“组件检查器”,可以修改渐
进式下载视频播放器的外观、播放内容等属性。步骤如下: (1)选择舞台上的播放器,单击菜单“窗口→组件检查器”打开如图所示的“组件检
查器”。 (2)单击右侧的“值”,进行相关的设置。几个常用设置的用法如下: autoPlay 设置视频是否自动播放。选择“tr
ue”值自动播放,“false”不自动播放。 contentPath 用其它的FLV视频替换当前的视频。单击对应的“值”,然后选择
一个其它的FLV视频即可。 skin 可以重新设置播放器的外观。单击对应的“值”,然后选择一个其它的外观即可。6.6 使用视频6.
7 Action Script 2.0编程入门 ActionScript,译作动作脚本,是FLASH的编程语言。借助脚本,可
以创造精彩的动画效果,实现强大的人机交互功能。 FLASH CS3兼容多个ActionScript版本,本教材使用2.0版本
。可以把脚本添加在关键帧、影片剪辑或按钮上。动画播放时,当满足了某个条件(例如,按下了特定的键、点击了特定的按钮或是播放头进入了特
定的帧),就会触发某段脚本运行,实现控制动画播放流程或改变对象属性等功能。这种触发脚本运行的条件,就是“事件”,脚本的运行是受事件
驱动的。2.“动作”面板 “动作”面板是用来添加和调试动作脚本的窗口。选择菜单“窗口→动作”或按F9,即可打开如图所示的“动作”面
板。 面板右半部分的“脚本窗格”,是进行动作编程的主要区域,当前对象的所有脚本程序也都显示在这里;左上部分是“动作工具箱”,
它包含了所有的动作命令和语法;左下部分是“脚本导航窗格”,可以显示当前编辑的脚本在影片中的结构位置,便于确认当前的编辑对象。6.7
Action Script 2.0编程入门6.7 Action Script 2.0编程入门 6.7 Action Scrip
t 2.0编程入门4.帧脚本 如果在关键帧上添加了脚本,在动画播放时,当播放头进入该帧,就会触发上面的脚本运行。单击要添加脚
本的关键帧,再打开“动作”面板,就可以为该帧添加脚本。此时“动作”面板的标题栏会显示为“动作-帧”,如左图所示。添加脚本后,包含脚
本的关键帧处会出现一个“a”字,如右图所示。 6.7 Action Script 2.0编程入门5.按钮脚
本 为按钮添加脚本,是实现与动画交互的重要手段。选择舞台上的按钮实例,然后打开“动作”面板,就可以为按钮添加脚本。按钮脚本必须放
在“on(){}”函数的花括号中,小括号中的参数用来设置触发按钮脚本的事件。几种常用鼠标事件含义如下: press:当鼠标指针经过
按钮时按下鼠标。 release:当鼠标指针经过按钮时按下再释放鼠标。 rollOver:鼠标指针滑过按钮。 rollOut:鼠标
指针滑出按钮区域。6.7 Action Script 2.0编程入门6.8 Play、Stop和Go To语句 Play、S
top和Go To是常用的时间轴控制语句,配合按钮使用,可以很好地实现与动画的交互。它们都以函数的形式出现在脚本中,函数的前半部分
为“函数名”;函数名后的小括号用来放置参数(有些函数不需要参数);有的函数跟有一对花括号,用来放置该函数的脚本(例如,“on”函数
)。1.play函数 格式:play() 功能:在时间轴中向前移动播放头,可以使停止的动画从当前位置开始播放。2.st
op函数 格式:stop() 功能:停止当前正在播放的SWF文件。6.8 Play、Stop和Go To语句3.got
oAndPlay函数 格式:gotoAndPlay([场景],帧) 功能:将播放头转到指定场景中指定的帧并从该帧开始播
放。使用该函数可以实现播放头的跳转,使播放头跳过一些帧后,直接去播放指定的帧。 参数“场景”不是必需的,如果未指定场景,则播
放头转到当前场景中的指定帧。只能在根时间轴上使用“场景”参数,不能在影片剪辑或文档中的其它对象的时间轴内使用该参数。如果使用“场景
”参数,场景名必须放在双引号中。必须为“帧”指定参数4.gotoAndStop函数 格式:gotoAndStop([场景],
帧) 功能:将播放头转到指定场景中指定的帧并停止播放。该函数的使用注意事项与gotoAndPlay()函数相同。1.prev
Frame 函数 格式:prevFrame() 功能:将播放头转到前一帧。如果当前帧为第 1 帧,则播放头不移动。2.nextFrame 函数 格式:nextFrame() 功能:将播放头转到下一帧。3.nextScene 函数 格式:nextScene() 功能:将播放头转到下一场景的第1帧。知识拓展——其他常用语句知识拓展4.prevScene 函数 格式:prevScene() 功能:将播放头转到前一场景的第1帧。5.stopAllSounds 函数 格式:stopAllSounds() 功能:在不停止播放头的情况下停止SWF文件中当前正在播放的所有声音。上机实训 1.使用左所示的地图素材,制作如右图所示的旋转地球动态效果(提示:把地图作为运动的被遮罩层,水平排列两份地图可实现循环画面的完美衔接)。 上机实训 2.使用引导路径动画制作花瓣纷纷飘落的效果(提示:多种形态的路径能使效果更逼真)。 3.分别用“嵌入式”和“渐进式”导入视频,制作自己的播放器(可以尝试加入遮罩等效果,使你的作品与众不同)。 4.制作一个班级电子相册,为照片配上背景音乐,并能够使用按钮停止和播放动画和音乐。
献花(0)
+1
(本文系昵称1689447...原创)