Flash动画的设计与制作第七章 Flash动画功能ppt课件.ppt

《Flash动画的设计与制作第七章 Flash动画功能ppt课件.ppt》由会员分享，可在线阅读，更多相关《Flash动画的设计与制作第七章 Flash动画功能ppt课件.ppt（38页珍藏版）》请在三一办公上搜索。

1、,动画的设计与制作,东北大学 艺术学院 讲师 高路,Flash,千里之行，始于足下。 A journey of a thousand miles begins with single step. 老子第六十四章,2,第七章 Flash动画功能,3,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,第七章 Flash动画功能,补间动画基础操作动画编辑器面板运动与运动引导3D动画属性转换动画替换与删除补间动画中的元件补间动画预设骨骼运动动画,4,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,补间动画基本特性：1、可补间的对象属性2DX和Y位置，3DZ

2、位置，2D旋转（绕Z轴），3DX、Y和Z旋转3D动画要求FLA文件在发布设置中面向ActionScript3.0和Flash Player10，倾斜X和Y，缩放X和Y，颜色效果：颜色效果包括Alpha、亮度、色调、高级颜色设置，所有滤镜。,5,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,补间动画基本特性：2、补间动画的优点1）可应用Flash自带的预设，也可以创建并编辑自定义预设。2）简化了传统运动引导层。3）通过一些强制性的限制，避免可能出现的问题。4）可以在保持各项动画属性不变的情况下，快速更换动画中的元件。5）可创建带3D的动画。,6,Flash动

3、画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,补间动画与传统补间动画二者差异：1）帧组成传统补间使用关键帧。关键帧是其中显示对象的新实例的帧。补间动画只能具有一个与之关联的对象实例，并使用属性关键帧而不是关键帧。2）内容组成传统补间需要组成动画的两个帧中分别存在对象，而补间动画则只使用一个对象。3）文件动画补间动画会将文本视为可补间类型，而不会将文本对象转换为影片剪辑。传统补间会将文本转换为图形元件。,7,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,补间动画与传统补间动画二者差异：4）脚本传统补间允许在补间范围内的帧上添加脚本，

4、而补间动画则不允许。5）3D动画新增的3D动画功能，只支持使用补间动画进行创建。则无法使用传统补间 为3D对象创建效果。6）改变动画范围默认情况下，补间动画范围是一个整体，单击即可选中它，并通过拖动的方式改变其长度或所在的图层等。而传统补间动画，改变范围长度需要单独调节每个关键帧，而如果要移动整个动画范围，则需要手工将其选中，然后进行拖动。,8,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,补间动画与传统补间动画二者差异：7）选择帧选择传统补间动画范围中的帧，可以直接单击，而补间动画则需要按住Ctrl键再单击。8）属性变化使用传统补间动画可以在不同的属性（

5、如色调、亮度）之间进行变化，而补间动画则只能在一个属性上进行变化主要原因就在于补间动画是由一个对象组成的。9）改变动画范围补间动画和传统补间动画都只允许对特定类型的对象进行补间。应用补间动画，则在创建补间时会将所有不允许的对象类型转换为影片剪辑。应用传统补间动画会将这些对象类型转换为图形元件。,9,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,创建补间动画创建传统补间动画和补间动画的方法基本相同。补间动画支持的对象类型包括：影片剪辑，图形元件，按钮元件，文本,10,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,编辑补间

6、动画创建补间动画后，会产生一定长度的补间范围，可以根据实际需要来改变其范围，即在时间轴面板上的长度。,11,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,选择补间范围选择一个或多个补间范围1）若要选择整个补间范围，请单击该范围。2）若要选择多个补间范畴（包括非连续范围），可按住Shift键并单击各个范围。,12,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,属性关键帧关键帧：是动画中的重要元素，是各种对象的载体，是传统补间动画的重要组成部分。属性关键帧：只对补间动画中对象的属性（缓动、亮度、Alpha值等）进行控制，从

7、而完成动画的过渡。属性关键帧的优点：删除其中内容后，为其设置的属性会保留不变。,13,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,属性关键帧）添加属性关键帧手工加入自动添加当播放头所在的位置没有属性关键帧的情况下，选中舞台中的补间动画，设置其属性（如移动位置、设置Alpha值及色调）， 就可以自动在当前位置添加一个属性及关键帧。 注：在补间动画范围中，右键，选择插入帧命令，则可让当前的动画 长度加倍。10帧就变成20帧，新加入的帧位于原范围的前面。,14,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,属性关键帧2）选

8、择属性关键帧3）删除属性关键帧,15,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.1补间动画基础操作,属性关键帧4）查看属性关键帧取消个命令前的“”，即表示不显示该属性的关键帧，便于筛选属性关键帧。,16,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.2动画编辑器面板,“动画编辑器”面板参数 使用动画编辑器面板可以查看所有补间属性及其属性关键帧。它还提供了向补间添加精度和详细信息的工具。动画编辑器显示当前选定的补间的属性。在时间轴中创建补间后，动画编辑器允许以多种不同的方式来控制补间。,17,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.

9、2动画编辑器面板,18,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,转到上一关键帧按钮,图形大小,扩展图形大小,可查看的帧,删除颜色、滤镜或缓动按钮,添加颜色、滤镜或缓动按钮,重置值按钮,添加或删除关键帧按钮,参数标题栏,转到下一关键帧按钮,7.2动画编辑器面板,“动画编辑器”面板参数属性: 基本动画，转换，色彩效果，滤镜，缓动等，每个项目中都包 括具体的参数设置。值：在此区域显示了属性对应的数值。缓动：可以设置属性变化的情况，适用于对动画进行精细的控制。关键帧：选择、添加及删除关键帧。曲线图：设置引导路径的形态及一些高级编辑参数。,19,Flash动画设计及制作 东北大学 艺

10、术学院 讲师 高 路,7.2动画编辑器面板,“动画编辑器”面板参数添加或删除各个属性的属性关键帧使用贝塞尔控制对大多数属性（除X、Y、Z属性外）的补间曲线的形状进行微调。向各个属性和属性类别添加不同的预设缓动。创建自定义缓动曲线。将自定义缓动添加到各个补间属性和属性组中。对X、Y、Z属性的各个属性的关键帧启用浮动。通过浮动，可以将属性关键帧移动到不同的帧或在各个帧之间移动以创建流畅的动画。,20,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.2动画编辑器面板,设置属性的缓动 缓动可以编辑缓动的曲线，也可以适用自带的缓动预设，甚至自定义不同的缓动预设，来丰富动画效果。 缓动可以

11、让使用者重新计划属性关键帧之间的属性变化方式。 例如：汽车经过舞台的动画,21,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.3运动与运动引导,在运动编辑器的基本项目中，共包括了、X、Y和旋转Z3个属性，其中X代表水平方向的位置，Y代表垂直方向的位置，而旋转Z则表示对象的顺时针或逆时针旋转属性。通过设置X、Y和旋转Z这3个属性，就可以实现各种位置及角度的动画效果。,22,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.3运动与运动引导,编辑运动路径1）在动画编辑器中添加关键帧2）工具编辑,23,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.3

12、运动与运动引导,编辑运动路径3）替换并翻转运动路径 选择“运动路径”“翻转路径”,24,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.4 3D动画,3D动画是依托于Flash新增的3D编辑工具，从而让图像在X和Y方向上都可以旋转变化以往的动画都只是在Z轴上进行旋转，即逆时针或顺时针地旋转。 在Flash中，创建3D对象必须先将对象转换为影片剪辑元件，然后才能使用3D工具进行编辑。,25,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.4 3D动画,3D工具的应用及属性：3D轴是由4条不同颜色的线条组成红色直线：可调整X轴上的旋转。绿色直线：可调整Y轴上的旋转。

13、蓝色圆线：可调整Z轴上的旋转。橙色圆线：可调整任意角度的旋转。中心点：当光标置于中心点时，可调整整个3D轴的位置，要恢复初始3D轴的位 置，可以双击改中心点。,26,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.4 3D动画,3D工具的应用及属性3D平移工具可以让对象在三个不同方向平移。,27,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,Y,X,Z,7.4 3D动画,精确控制3D属性通过变形、属性面板进行精确靠调整。,28,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.5属性转换动画,简单来说，转换动画就是通过改变形象的大小、角度等属性而创建

14、的动画效果，通常是与运动动画一同使用，其中包括了“倾斜”、“倾斜”、“缩放”、“缩放”等属性。,29,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.6替换与删除补间动画中的元件,补间图层中的补间范围只能包含一个元件实例，它被成为补间范围的目标实例。其它元件添加到补间范围将会替代补间中的原始文件。从库中直接拖拽元件至舞台中，此时会弹出替换当前补间目标。点击确定即可。,30,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.7补间动画预设,动画预设面板动画预设应用创建动画预设删除动画预设,31,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.7补间动

15、画预设,动画预设面板动画预设应用创建动画预设删除动画预设,32,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.7补间动画预设,补间动画预设功能，即可以将某个动画范围中的属性变化记录下来，便于应用到其它对象上。,33,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.7补间动画预设,动画预设面板选择“窗口”“动画预设”命令即可。,34,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,预览区,搜索区,动画预设区,将选区另存为预设,面板菜单,新建文件夹,删除项目,7.7补间动画预设,动画预设应用(1)选中能够应用补间动画的对象，如元件或文本，在动画预设面板

16、中选中该预设并单击右下角的“应用”按钮即可。(2)一旦将预设应用于舞台上的对象后，在时间轴中创建的补间就不再与动画预设面板有任何关系了。(3)每个动画预设都包含特定数量的帧。在应用预设时，就将按照该预设中记录的帧数进行，可以根据需要在补间范围内进行调整预设长度。包含3D动画的动画预设只能应用于用影片剪辑实例。,35,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.7补间动画预设,删除动画预设在动画预设面板中选择要删除的预设。(1)从面板菜单中选择删除命令。(2)在面板中单击“删除项目”按钮。,36,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,7.8骨骼运动动画,骨骼运动：又称为反向运动，是Flash新增的一项强大的功能，其特点就在于可以依据关节结构对各对象之间的运动进行处理，从而模拟不同的运动效果，其中以人物的运动动画具有代表性。,37,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,课后作业,38,Flash动画设计及制作 东北大学 艺术学院 讲师 高 路,