动画素材的加工与处理--张葵

动画制作基础动画制作基础株洲市第一中学株洲市第一中学张葵张葵2014201420142014年年年年1 1 1 11 1 1 1月月月月16161616日日日日联系电话：联系电话：联系电话：联系电话：13397535395133975353951339753539513397535395 QQ QQ QQ QQ：381973112381973112381973112381973112FLASH动画制作一、动画原理一、动画原理动画利用了人眼的视觉暂留特性，当若干幅有一定差异的图片连续不断在眼前显示时，便可感觉到动画的效果FLASH动画制作二、二、FLASHFLASH动画分类动画分类按制作方法分五类不同类型的动画制作方法不同不同类型的动画制作方法不同逐帧动画形状补间动画动画补间动画引导层动画遮罩动画FLASH动画制作二、二、FLASHFLASH动画分类动画分类按制作方法分五类不同类型的动画制作方法不同不同类型的动画制作方法不同逐帧动画形状补间动画动画补间动画引导层动画遮罩动画简单动画FLASH动画制作三、三、FlashFlash界面界面FLASH动画制作FLASH 8.0FLASH 8.0界面介绍界面介绍工具箱时间轴舞台属性面板浮动面板FLASH动画制作四、重要概念四、重要概念v1.1.帧的概念帧的概念帧的概念帧的概念v组成动画的每一个画面就是一帧。也可以把帧看组成动画的每一个画面就是一帧。也可以把帧看作是作是Flash动画中在最短时间单位里出现的画面。动画中在最短时间单位里出现的画面。帧越多，播放时间就越长。在帧越多，播放时间就越长。在Flash中，我们将中，我们将每一秒钟播放的帧数称为帧频，默认情况下每一秒钟播放的帧数称为帧频，默认情况下Flash的帧频是的帧频是12帧帧/秒秒(fps)，也就是说每一，也就是说每一秒钟要显示动画中的秒钟要显示动画中的12帧画面。如果动画有帧画面。如果动画有48帧，那么动画播放的时间就是帧，那么动画播放的时间就是4秒。秒。FLASH动画制作四、重要概念四、重要概念v在在Flash的工作界面中，时间轴中的每一个小方的工作界面中，时间轴中的每一个小方格就代表一个帧，一个帧包含了动画中某个时刻格就代表一个帧，一个帧包含了动画中某个时刻的画面。的画面。v帧是组成动画的基本单位，帧分帧是组成动画的基本单位，帧分关键帧关键帧、空白关空白关键帧键帧和和帧帧三种。三种。FLASH动画制作四、重要概念四、重要概念v2.关键帧关键帧v关键帧主要用于定义动画的变化环节，是动画中关键帧主要用于定义动画的变化环节，是动画中呈现关键性内容或变化的帧，关键帧中的内容可呈现关键性内容或变化的帧，关键帧中的内容可以编辑。关键帧用一个黑色小圆圈表示，按以编辑。关键帧用一个黑色小圆圈表示，按【F6】键可以创建关键帧。键可以创建关键帧。FLASH动画制作四、重要概念四、重要概念v3.空白关键帧空白关键帧v空白关键帧是指没有内容的关键帧，主要用于在空白关键帧是指没有内容的关键帧，主要用于在画面与画面之间形成间隔，或是为添加动作和注画面与画面之间形成间隔，或是为添加动作和注释所需。它用空心的小圆圈表示。一旦在空白关释所需。它用空心的小圆圈表示。一旦在空白关键帧中创建了内容，空白关键帧就会变为关键帧，键帧中创建了内容，空白关键帧就会变为关键帧，按按【F7】键可以创建空白关键帧。键可以创建空白关键帧。FLASH动画制作四、重要概念四、重要概念 构成动画的基本单位、时间轴上的小格子帧 动画中呈现关键性内容的帧 有内容、实心圆圈的方格 、可编辑关键帧 无内容、空心圆圈的方格 、可编辑空白关键帧 内容与前一关键帧内容完全相同 不可编辑，用于延长动画播放时间普通帧 一个图层只能控制一个运动的对象 多个对象同时运动必须建立多个图层 静止的和运动的对象不能放同一图层图层FLASH动画制作五、五、FLASHFLASH文件格式文件格式.FLAF FLASH源文件源文件F FLASH软件才能打开软件才能打开F 可以进行编辑可以进行编辑F 文件文件另存为另存为.SWFF 影片影片文件文件F FLASH播放器中播放播放器中播放F 不可以进行编辑不可以进行编辑F 文件文件导出导出导出影片导出影片FLASH动画制作六、逐帧动画六、逐帧动画v逐帧动画是指由许多连续的关键帧组成的动画。逐帧动画是指由许多连续的关键帧组成的动画。制作者在动画的每个关键帧中创建不同的内容，制作者在动画的每个关键帧中创建不同的内容，当播放动画时，当播放动画时，Flash就会一帧一帧地显示每一就会一帧一帧地显示每一帧中的内容。帧中的内容。FLASH动画制作六、补间动画六、补间动画v补间动画包括补间动画包括补间动画补间动画和和补间形状补间形状。v补间形状就是平常所说的变形动画，它是指形状补间形状就是平常所说的变形动画，它是指形状逐渐发生变化的动画。逐渐发生变化的动画。v图形的变形不需要人工干预，只需确定变形前的图形的变形不需要人工干预，只需确定变形前的画面和变形后的画面，中间的变化过程交由画面和变形后的画面，中间的变化过程交由Flash自动完成。自动完成。FLASH动画制作形状补间动画制作形状补间动画制作两个关键帧两个关键帧 对象有差异不能有边框不能有边框 修改分离 点点状补间为形状补间为形状先选中两个关键帧中间的任何一帧先选中两个关键帧中间的任何一帧 FLASH动画制作动画补间动画制作动画补间动画制作两个关键帧两个关键帧必须有边框必须有边框补间为动画补间为动画 对象要相同 位置不相同 大小不相同 透明度和颜色不相同（仅限实例）实例 组合对象 修改组合先选中两个关键帧中间的任何一帧FLASH动画制作七、遮罩动画七、遮罩动画v遮罩，顾名思义就是遮挡住下面的对象。在遮罩，顾名思义就是遮挡住下面的对象。在Flash中，遮罩动画是通过遮罩层来实现有选择中，遮罩动画是通过遮罩层来实现有选择地显示位于其下方的被遮罩层中的内容的，在一地显示位于其下方的被遮罩层中的内容的，在一个遮罩动画中，遮罩层只有一个，被遮罩层可以个遮罩动画中，遮罩层只有一个，被遮罩层可以有多个。有多个。FLASH动画制作 （一）遮罩动画的概念（一）遮罩动画的概念v1.什么是遮罩什么是遮罩 v遮罩，顾名思义就是遮挡住下面的对象。遮罩，顾名思义就是遮挡住下面的对象。v在在Flash中，遮罩动画是通过遮罩层来实现有选中，遮罩动画是通过遮罩层来实现有选择地显示位于其下方的被遮罩层中的内容，在一择地显示位于其下方的被遮罩层中的内容，在一个遮罩动画中，遮罩层只有一个，被遮罩层可以个遮罩动画中，遮罩层只有一个，被遮罩层可以有多个。有多个。FLASH动画制作（一）遮罩动画的概念（一）遮罩动画的概念v2.遮罩层的基本原理遮罩层的基本原理v能够透过该图层中的对象看到被遮罩层中的对象能够透过该图层中的对象看到被遮罩层中的对象及其属性（包括它们的变形效果）。及其属性（包括它们的变形效果）。FLASH动画制作（一）遮罩动画的概念（一）遮罩动画的概念v3.遮罩的作用遮罩的作用 v在在Flash动画中，遮罩主要有动画中，遮罩主要有2种用途：（种用途：（1）用）用在整个场景或一个特定区域，使场景外的对象或在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，（特定区域外的对象不可见，（2）用来遮罩住某）用来遮罩住某一元件的一部分，从而实现一些特殊的效果。一元件的一部分，从而实现一些特殊的效果。FLASH动画制作（二）创建遮罩的方法（二）创建遮罩的方法v1.创建遮罩创建遮罩 v在在Flash中只要在某个图层上单击右键，在弹出中只要在某个图层上单击右键，在弹出菜单中选择菜单中选择“遮罩遮罩”，该图层就会从普通图层转，该图层就会从普通图层转化为遮罩层。化为遮罩层。FLASH动画制作（二）创建遮罩的方法（二）创建遮罩的方法v2.构成遮罩和被遮罩层的元素构成遮罩和被遮罩层的元素v遮罩层中的图形对象在播放时是看不到的，遮罩遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，文字等，但不能使用线条，如果一定要用线条，可以将线条转化为填充图形。可以将线条转化为填充图形。v被遮罩层中的对象只能透过遮罩层中的对象看到。被遮罩层中的对象只能透过遮罩层中的对象看到。在被遮罩层，可以使用按钮、影片剪辑、图形、在被遮罩层，可以使用按钮、影片剪辑、图形、位图、文字和线条等对象。位图、文字和线条等对象。FLASH动画制作（二）创建遮罩的方法（二）创建遮罩的方法v3.遮罩中可以使用的动画形式遮罩中可以使用的动画形式v可以在遮罩层和被遮罩层中分别或同时使用形状可以在遮罩层和被遮罩层中分别或同时使用形状动画、动作动画、引导线动画等动画手段，从而动画、动作动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作使遮罩动画变成一个可以施展无限想象力的创作空间。空间。FLASH动画制作八、路径动画八、路径动画 在此以前，我们所实现的动画都是在两点之在此以前，我们所实现的动画都是在两点之间做直线运动，可实际应用中，有很多做曲线运间做直线运动，可实际应用中，有很多做曲线运动的动画。这一功能，在动的动画。这一功能，在flash中是通过路径动中是通过路径动画来实现的。画来实现的。FLASH动画制作八、路径动画八、路径动画v创建路径动画的方法如下：创建路径动画的方法如下：v（1）在普通层中插入一个元件的实例。在普通层中插入一个元件的实例。v（2）在普通层上方新建一个运动引导层（建立在普通层上方新建一个运动引导层（建立运动引导层的方法是单击图层面板中的添加运动运动引导层的方法是单击图层面板中的添加运动引导层按钮引导层按钮【】），普通层自动变为被引导层，），普通层自动变为被引导层，在运动引导层中绘制一条路径。在运动引导层中绘制一条路径。v（3）将运动引导层中的路径沿用到某一帧，如将运动引导层中的路径沿用到某一帧，如在第在第20画格处插入帧。画格处插入帧。v（4）在被引导层中将元件的中心控制点移动到在被引导层中将元件的中心控制点移动到路径的某一个位置作为运动的起点。路径的某一个位置作为运动的起点。v（5）在被引导层的某一帧插入关键帧，并将元在被引导层的某一帧插入关键帧，并将元件移动到引导层中路径的终点，如在第件移动到引导层中路径的终点，如在第20画格处画格处插入关键帧。插入关键帧。FLASH动画制作八、路径动画八、路径动画v（6）在被引导层的两个关键帧之间创建动画，在被引导层的两个关键帧之间创建动画，动画制作完成动画制作完成。v需要注意的是，在需要注意的是，在flash版本中，对运动引导层版本中，对运动引导层内容的要求一定是内容的要求一定是shape图形的线条，而不可以图形的线条，而不可以是填充、文字、元件的实例等非是填充、文字、元件的实例等非shape图形。被图形。被运动引导层的内容则必须是文字、群组对象以及运动引导层的内容则必须是文字、群组对象以及元件的实例等非元件的实例等非shape图形。图形。v运动引导层中的内容实际上是作为被运动引导层运动引导层中的内容实际上是作为被运动引导层中对象的运动路径，因此，它不会在最终的动画中对象的运动路径，因此，它不会在最终的动画预演中显示出来。预演中显示出来。