《【教学课件】第12章动画练兵场.ppt》由会员分享，可在线阅读，更多相关《【教学课件】第12章动画练兵场.ppt（47页珍藏版）》请在三一办公上搜索。
1、第12章动画练兵场,第12章动画练兵场,12.1 元件、实例和库12.2 遮罩动画12.3 路径动画12.4 自由落体运动,12.1 元件、实例和库,12.1.1 元件概述12.1.2 元件的创建12.1.3 设置实例的属性 12.1.4 库的使用12.1.5 公用库的使用12.1.6 使用已存在的动画库12.1.7 导入素材到库,12.1.1 元件概述,在photoshop中，制作好一个对象后，当我们需要相同的对象时，可通过复制图层或复制组的方法得到。而在flash中，一方面，flash本身并没有提供复制图层的功能，另一方面，在flash中图层中还包含了帧、关键帧等内容。那么它重复利用的机制
2、是如何实现的呢？这就要通过元件来实现。,12.1.1 元件概述,元件是flash动画中可以反复取出利用的部件，它可以是图形、按钮或影片剪辑，它可以独立于主动画进行播放。元件可以反复使用，因而不必反复制作相同的动画或素材，大大提高了工作效率，常见的元件类型有以下几种：,12.1.1 元件概述,1.图形元件图形元件可用于创建静止的图形，也可以创建由多个关键帧组成的动画。它的特点是依赖于时间轴。,12.1.1 元件概述,2.影片剪辑元件影片剪辑元件本身可用于创建静止的图形，也可以创建由多个关键帧组成的动画。它的特点是不依赖于时间轴。,12.1.1 元件概述,3.按钮元件按钮元件用于创建动画的控制按钮
3、，以响应鼠标的按下、单击等事件。按钮元件包括“弹起”、“指针经过”、“按下”和“单击”4种状态，在按钮元件的不同状态上创建不同的内容，可以使按钮对鼠标操作进行相应的响应。,12.1.1 元件概述,创建的元件存放在flash中一个称为库的地方，因此，要使用元件必须打开库面板，将元件从库中拖放到场景中，这个过程就称建立了该元件的一个实例。由于一个元件可以调用多次，且调用一次就产生一个实例，因此一个元件可以产生多个实例。,12.1 元件、实例和库,12.1.1 元件概述12.1.2 元件的创建12.1.3 设置实例的属性 12.1.4 库的使用12.1.5 公用库的使用12.1.6 使用已存在的动画
4、库12.1.7 导入素材到库,12.1.2 元件的创建,元件的创建可通过以下几种方法来实现：（1）新建一个空白元件，用快捷键【Ctrl+F8】，并在元件编辑状态中创建元件内容。（2）将场景中创建好的对象转换成元件，用快捷键【F8】。（3）在元件库中复制元件，在要复制的元件上右击，在弹出菜单中选择“重制”。,12.1 元件、实例和库,12.1.1 元件概述12.1.2 元件的创建12.1.3 设置实例的属性 12.1.4 库的使用12.1.5 公用库的使用12.1.6 使用已存在的动画库12.1.7 导入素材到库,12.1.3 设置实例的属性,将元件拖动到场景后，选中该元件对应的实例，在“属性”
5、面板中即可调整实例的各种属性，如名称、颜色、宽、高等，如图所示。,12.1 元件、实例和库,12.1.1 元件概述12.1.2 元件的创建12.1.3 设置实例的属性 12.1.4 库的使用12.1.5 公用库的使用12.1.6 使用已存在的动画库12.1.7 导入素材到库,12.1.4 库的使用,每个Flash文件都有一个元件库，用于存放动画中的所有元件、图片、声音和视频等对象。打开元件库的方法为选择菜单“窗口”|“库”命令或按【F11】键或【CtrlL】键。由于每个动画使用的素材和元件都不相同，因此库面板中的内容也可能不相同。在库面板中选中一个元件时，在预览窗口中将显示元件的内容。,12.
6、1.4 库的使用,在库中，可以对元件进行操作：（1）新建元件：单击新建元件按钮可新建元件，并打开“创建新元件”对话框。（2）新建元件文件夹：单击新建元件文件夹按钮可新建元件文件夹，在其后高亮显示的文本框中输入新文件夹的名称，再按【Enter】键即可。利用它可以对库中的元件进行分类管理。,12.1.4 库的使用,在库中，可以对元件进行操作：（3）属性：在库面板中选取某个元件后，单击属性按钮可打开相应的元件属性对话框，在其中可对元件的名称和类型进行重新设置。（4）删除：选取库面板中的元件或文件夹后，单击删除按钮可删除元件或文件夹。,12.1 元件、实例和库,12.1.1 元件概述12.1.2 元件
7、的创建12.1.3 设置实例的属性 12.1.4 库的使用12.1.5 公用库的使用12.1.6 使用已存在的动画库12.1.7 导入素材到库,12.1.5 公用库的使用,Flash自带了几个公用库，用户可以从中直接调用元件，而不必自己创建，这样可以大大提高工作效率。使用公用库的方法是：选择菜单“窗口”|“公用库”命令。,12.1 元件、实例和库,12.1.1 元件概述12.1.2 元件的创建12.1.3 设置实例的属性 12.1.4 库的使用12.1.5 公用库的使用12.1.6 使用已存在的动画库12.1.7 导入素材到库,12.1.6 使用已存在的动画库,除了可以调用自己创建的元件和公用
8、库中的元件外，还可以将其他动画的元件调用到当前动画中，方法是：选择菜单“文件”|“导入”|“打开外部库”命令。,12.1 元件、实例和库,12.1.1 元件概述12.1.2 元件的创建12.1.3 设置实例的属性 12.1.4 库的使用12.1.5 公用库的使用12.1.6 使用已存在的动画库12.1.7 导入素材到库,12.1.7 导入素材到库,在前面介绍调用素材的方法时，是直接将素材调用到舞台中。实际上，也可以先将所有需要的素材导入到元件库中，再使用这些元件，而不必等到要使用时再调用素材。将素材导入到库的方法是：选择菜单“文件”|“导入”|“导入到库”命令，在弹出的菜单中选择相应的文件即可
9、。,第12章动画练兵场,12.1 元件、实例和库12.2 遮罩动画12.3 路径动画12.4 自由落体运动,12.2 遮罩动画,遮罩，顾名思义就是遮挡住下面的对象。在Flash中，遮罩动画是通过遮罩层来实现有选择地显示位于其下方的被遮罩层中的内容的，在一个遮罩动画中，遮罩层只有一个，被遮罩层可以有多个。,12.2 遮罩动画,12.2.1 遮罩动画的概念 12.2.2 创建遮罩的方法 12.2.3 遮罩动画举例,12.2.1 遮罩动画的概念,1.什么是遮罩 遮罩，顾名思义就是遮挡住下面的对象。在Flash中，遮罩动画是通过遮罩层来实现有选择地显示位于其下方的被遮罩层中的内容，在一个遮罩动画中，遮
10、罩层只有一个，被遮罩层可以有多个。,12.2.1 遮罩动画的概念,2.遮罩层的基本原理能够透过该图层中的对象看到被遮罩层中的对象及其属性（包括它们的变形效果）。,12.2.1 遮罩动画的概念,3.遮罩的作用 在Flash动画中，遮罩主要有2种用途：（1）用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，（2）用来遮罩住某一元件的一部分，从而实现一些特殊的效果。,12.2 遮罩动画,12.2.1 遮罩动画的概念 12.2.2 创建遮罩的方法 12.2.3 遮罩动画举例,12.2.2 创建遮罩的方法,1.创建遮罩 在Flash中只要在某个图层上单击右键，在弹出菜单中选择“遮罩”，
11、该图层就会从普通图层转化为遮罩层。,12.2.2 创建遮罩的方法,2.构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为填充图形。被遮罩层中的对象只能透过遮罩层中的对象看到。在被遮罩层，可以使用按钮、影片剪辑、图形、位图、文字和线条等对象。,12.2.2 创建遮罩的方法,3.遮罩中可以使用的动画形式可以在遮罩层和被遮罩层中分别或同时使用形状动画、动作动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。,12.2 遮罩动画,12.2.1 遮罩动画的概念
12、 12.2.2 创建遮罩的方法 12.2.3 遮罩动画举例,12.2.3 遮罩动画举例,无论看电视或是看电影或是亲临现场，我们总是比较容易看到舞台上的灯光闪来闪去，也总觉得很神奇很奇妙！那么现在，我们来看看在Flash中类似这种灯光闪来闪去的效果是怎么实现的。,12.2.3 遮罩动画举例,第12章动画练兵场,12.1 元件、实例和库12.2 遮罩动画12.3 路径动画12.4 自由落体运动,12.3 路径动画,12.3.1 路径概述12.3.2 路径动画举例,12.3.1 路径概述,在此以前，我们所实现的动画都是在两点之间做直线运动，可实际应用中，有很多做曲线运动的动画。这一功能，在flash
13、中是通过路径动画来实现的。,12.3.1 路径概述,创建路径动画的方法如下：（1）在普通层中插入一个元件的实例。（2）在普通层上方新建一个运动引导层（建立运动引导层的方法是单击图层面板中的添加运动引导层按钮【】），普通层自动变为被引导层，在运动引导层中绘制一条路径。（3）将运动引导层中的路径沿用到某一帧，如在第20画格处插入帧。,12.3.1 路径概述,（4）在被引导层中将元件的中心控制点移动到路径的某一个位置作为运动的起点。（5）在被引导层的某一帧插入关键帧，并将元件移动到引导层中路径的终点，如在第20画格处插入关键帧。,12.3.1 路径概述,（6）在被引导层的两个关键帧之间创建动画，动画
14、制作完成。需要注意的是，在flash版本中，对运动引导层内容的要求一定是shape图形的线条，而不可以是填充、文字、元件的实例等非shape图形。被运动引导层的内容则必须是文字、群组对象以及元件的实例等非shape图形。运动引导层中的内容实际上是作为被运动引导层中对象的运动路径，因此，它不会在最终的动画预演中显示出来。,12.3 路径动画,12.3.1 路径概述12.3.2 路径动画举例,12.3.2 路径动画举例,第12章动画练兵场,12.1 元件、实例和库12.2 遮罩动画12.3 路径动画12.4 自由落体运动,12.4 自由落体运动,由于受作用力的不同，物体在运动时可能会匀速、加速和减速运动，本节借助篮球自由落体运动来制作非匀速运动,本章结束！,
