flash+动画设计与项目实践6.ppt

第6章创建动画,6.1创建与编辑帧6.2逐帧动画6.3动作补间动画6.4形状补间动画6.5引导动画6.6遮罩动画6.7应用实例6.8习题与实验指导,主目录,6.1创建与编辑帧,“时间轴”面板是用于制作动画时使用层、帧以及组织动画内容的面板，主要由层、帧和播放头组成如图6-1所示。Flash文档将时长划分为帧，帧是创建动画时最基本的元素之一，其原理与电影用的胶片一样，不同的帧代表不同的时刻，动画随着时间的推移逐步显示，如下图所示。,时间轴面板,6.1.1帧的类型,普通帧：普通帧一般跟在关键帧的后面，用以表示动画的延续。关键帧：关键帧用来定义动画在某一时刻的新状态。空白关键帧：空白关键帧就是什么内容都没有的关键帧。过渡帧：包括形状过渡帧和运动过渡帧，在制作形状补间动画和运动补间动画时，由系统自动生成。,6.1.2创建帧,在动画的制作过程中，可以随时插入帧。插入单个帧有以下3种方法：插入普通帧：在时间轴中选中要插入帧的位置，然后在菜单栏中选择“插入”“时间轴”“帧”菜单命令，即可在该位置插入一个普通帧，或者按F5键快速插入一个普通帧。插入关键帧：在时间轴中单击要选中关键帧的位置，然后在菜单栏中选择“插入”“时间轴”“关键帧”菜单命令，或者按F6键快速插入一个关键帧。插入空白关键帧：在时间轴中选中要插入空白关键帧的位置，然后在菜单栏中选择“插入”“时间轴”“空白关键帧”菜单命令，或者按F7键快速插入一个空白关键帧。,6.1.3编辑帧,帧的具体编辑包括对帧进行选择、复制、粘贴、移动和删除操作等。1选择帧2复制与粘贴帧3删除帧4移动帧5翻转帧,6.1.4设置帧的频率,设置帧频的具体操作步骤如下：（1）选择“修改”“文档”命令，弹出“文档属性”窗口。（2）在“帧频”文本框中输入需要定义的帧频数值，如图右图所示。（3）设置完毕后，单击“确定”按钮，退出设置。,帧频用来控制动画播放的速度，即每一秒中播放帧的数量，其单位为“帧/秒”。数值越大，速度越快，反之速度越慢。一般在网络上的帧频为12帧/秒，而电视中的播放可以采用标准的动画帧频24帧/秒。,文档属性窗口,6.1.5使用绘图纸外观,通常情况下，在某个时间舞台上仅显示动画序列的一个帧。为便于定位和编辑逐帧动画，可以使用绘图纸外观的命令在舞台上一次查看两个或更多的帧，这样在绘图纸外观作用下的每一帧，看起来就好像是画在一张半透明的绘图纸上，而且这些半透明的绘图纸相互层叠在一起。,绘图纸外观的具体操作方法如下：（1）“绘图纸外观”按钮（2）“绘图纸外观轮廓”按钮（3）“编辑多个帧”按钮（4）“修改绘图纸标记”按钮,时间轴面板,本章目录,6.2逐帧动画,6.2.1逐帧动画定义,逐帧动画是指动画效果由许多的关键帧逐帧播放来实现，每一帧的内容都在发生变化，因此它可以递增地修改动画中的帧。逐帧动画是比较传统的动画制作方法，适合于制作每一帧中的图像都在变化的动画，所以往往文件比较大。,6.2.2制作逐帧动画,创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像，每个新关键帧最初包含的内容和它前面的关键帧是一样的，并且需要对动画中的每一帧进行绘制调整，最终生成动画效果。通过制作字母切换的逐帧动画，来学习逐帧动画的具体步骤。,第1帧第2帧第3帧第4帧,6.2.3使用时间轴特效,1.时间轴特效的类型：（1）变形/转换变形：调整选中元素的位置、缩放比例、旋转、Alpha和色调。“变形”特效可应用单一特效或特效组合，从而产生淡入/淡出、放大/缩小以及左旋/右旋的特效。转换：使用淡化、擦除或两种特效的组合向内擦除或向外擦除选中的对象。,（2）效果分离：可以产生对象发生爆炸的感觉，也可以使文本或复杂对象组（元件、形状或视频片断）的元素裂开、自旋和向外弯曲。展开：在特定时间内放大、缩小或者既放大又缩小对象。该特效对组合在一起或在影片剪辑、图形元件中组合的两个或多个对象及包含文本或字母的对象上使用时效果最好。投影：在选取的对象下方创建阴影。模糊：通过更改对象在特定时间内的Alpha值、位置或比例，创建运动模糊效果。（3）帮助分散式直接复制：将选取的对象按设置的次数进行复制，且第一个元素是原始对象的副本。对象将按一定增量发生改变，直至完成指定次数的复制。复制到网格：按列数直接复制选取对象，然后乘以行数，以创建元素的网格。,2.添加时间轴特效（1）选中需要添加时间轴特效的对象。（2）在菜单栏中选择“插入”“时间轴特效”菜单命令，根据需要从中选择一种特效，如选择“分离”，将打开如下图所示的“分离时间轴特效”对话框。,“分离时间轴特效”对话框,3.编辑时间轴特效创建好时间轴特效后，用户还可对其进行编辑，具体操作如下：（1）选中舞台上添加了时间轴特效的对象。（2）在菜单栏中选择“修改”“时间轴特效”“编辑特效”菜单命令，即可在弹出的对话框中对已经设置好的特效进行编辑修改；也可在属性面板中，单击“编辑”按钮，在弹出的对话框中进行编辑；还可以右键单击对象，在弹出的快捷菜单中选择“时间轴特效”“编辑特效”命令。4.删除时间轴特效如果用户要删除时间轴特效，可将该对象选中，在菜单栏中选择“修改”“时间轴特效”“删除特效”菜单命令，即可将对象上的特效删除。,【实例6-1】下面将使用逐帧动画和时间轴动画制作方法，来制作如下图所示海豚标志动画。,海豚标志动画,本章目录,6.3动作补间动画,6.3.1动作补间动画定义,在实际制作动画的过程中，动作补间动画是经常使用的方法之一。动作补间动画可以进行色彩的变化、透明度的变化、明暗度等的调整。“动作补间动画”是在两个关键帧之间由Flash程序自动生成的一些过渡画面。其主要特点是文件体积较小，比较适合于网络传输，但其生成的动画效果不如逐帧动画灵活。,6.3.2制作动作补间动画,下面通过一个例子来介绍制作动作补间动画的基本操作步骤，如下图所示。,第1帧第15帧,制作一个小球由小变大的动作补间动画,6.3.3设置动作补间动画实例属性,当用户在“属性”面板中选择“动作”选项后，会激活许多控制选项，这些选项可以帮助用户更好地创建动画，如下图所示。,动作补间动画实例属性面板,对各选项的功能说明如下：缩放：选中该复选框后，在动作动画中有大小渐变的效果。缓动：可以输入数值，也可以使用滑杆进行调节，用于控制对象的动作速度。当值为0时，对象的动作在每一帧的速度为匀速；若值小于0，对象加速运动；若值大于0，则对象减速运动。编辑：单击“编辑”按钮，可在弹出的对话框中自定义缓动设置。,【实例6-2】使用动作补间动画制作方法制作如下图所示的太阳落山动画。,太阳落山动作补间动画,本章目录,6.4形状补间动画,6.4.1形状补间动画定义,形状补间动画是Flash独具特色的动画表现方法，它与运动补间动画相似，但它们最大的区别是：运动补间动画是对象自身属性的变化，如位置、大小、颜色、透明度，旋转，而形状补间是矢量对象本质改变，尤其在文字与图形之间的变化上运用比较多。,6.4.2制作形状补间动画,下面通过一个例子来学习形状补间动画的基本操作步骤，如下图所示。,第1帧第15帧,制作一个由球形变方形的形状补间动画,6.4.3设置形状补间动画实例属性,当用户在“属性”面板中选择了“形状”选项后，会激活许多控制选项，这些选项可以帮助用户更好地创建动画，如下图所示。,形状补间动画实例属性,对各选项的功能说明如下：缩放：选中该复选框后，在动作动画中有大小渐变的效果。缓动：可以输入数值，也可以使用滑杆进行调节，用于控制对象的动作速度。当值为0时，对象的动作在每一帧的速度为匀速；若值小于0，对象加速运动；若值大于0，则对象减速运动。,6.4.4使用形状提示,在制作形状补间动画时，可以使用变形参考点控制原始图形与新图形间对应部位的变形，即让一个图形上的某一点变换到另一个图形上的某一点，使得用户可以控制对象之间的变形过渡。变形参考点是一个有填充色并标有的不同小写的英文字母的实心圆，最多可以给图形中添加26个变形参考点。下面通过一个例子来学习使用变形参考点制作形状补间动画的具体操作，如下图所示。,第1帧第10帧第20帧,本章目录,6.5引导动画,6.5.1引导动画的概念,引导动画可以通过制作引导图层来使对象沿着固定的曲线路径运动。引导层动画至少需要两个图层：一个是被引导图层，里面存放着对象；另一个是引导层，该图层中存放着对象运动的路径。,6.5.2简单引导动画的制作,通过一个例子来学习简单引导动画的基本操作步骤，如下图所示。,第1帧第20帧,6.5.3多层引导动画的制作,在上一节介绍的制作简单引导动画的例子的基础上，进一步制作多层引导动画。,运用引导动画来制作如右图所示的钢笔写字动画。,钢笔写字,使用方法如下：（1）使用运动引导层来制作钢笔的移动。（2）使用逐帧动画来制作墨迹。,本章目录,6.6遮罩动画,6.6.1遮罩动画的制作原理,遮罩动画中的图层由遮罩层和被遮罩层组成。遮罩层把与它相关联的图层的内容遮挡起来，只有在遮罩层上有填充内容的地方才会显示出下面相关图层的内容，即遮罩动画表现出来的外观由遮罩层的形状决定。,6.6.2简单遮罩动画的制作,通过一个例子来学习简单遮罩动画的基本操作步骤，如下图所示。,6.6.3多层遮罩动画的制作,在上一节介绍的制作简单遮罩动画例子的基础上，进一步制作多层遮罩动画。,运用遮罩动画来制作如右图所示的百页窗动画,百页窗实例,使用方法：（1）用黑色矩形制作百叶窗的效果。（2）用做好的百叶窗效果来制作遮罩层。,本章目录,6.7应用实例,实例1：制作综合动画,本例完成的效果,主要运用遮罩制作场景开头动画，使用运动引导