传统补间动画

1、Flash 动画制作篇创建传统补间一、学习目标1、理解补间的概念2、掌握传统补间动画的创作与删除方法3、理解传统补间的补间对象二、探究新知1、传统补间动画概念:从上可知,传统补间动画是改变对象的位置、大小、旋 转和倾斜, 做出物体运动的各种效果; 改变对象的透明度、 滤镜及色彩变化的效 果,淡入和淡出效果的一种动画。2、传统补间的创建:在两个关键帧之前的任意部分右击,创建传统补间。 3、传统补间的删除:在补间区域右击,删除补间,即可。 4、传统补间的补间对象:散件、文本、元件 注意 :散件和文本只能进行位置补间。而元件能进行位置、旋转、缩放、倾斜、色彩、滤镜补间。5、几种补间类型 位置补间:从

2、一位置变化到另一位置的动画。 旋转补间:元件实例根据指定中心点进行旋转的动画。 缩放补间:元件实例的等比例缩放或是不等比例缩放的动画。 倾斜补间:元件实例按指定角的方向拉伸或缩进, 模拟 3D旋转效果的动画。 元件属性补间:描述元件实例在影片中透明度、亮度、色调、高级颜色和滤镜等发生改变的动画。 (选中关键帧,再选中元件对象,这时在属性面板中 可以看到元件属性。 6、补间帧属性:鼠标单击补间中任意帧,属性面板出现的参数。 缓动:用于设置不规则运动速度的参数。如,一物体要做加速度,即运动速度越来越快,这时缓值则设为负值,负得越多,加速度越大;同理,做减速 运动,则设为正值。 旋转:用于设置动画被

3、单中实例的旋转控制,即在运动的过程中是否做旋转运动及旋转的次数。三、 实践案例案例制作步骤:(1打开素材“效果 .fla ”文件,看看最终的效果图。 我们可以按 ctrl+Enter导出动画,来浏览这个动画效果。我们可以看到星 星在闪动、摇动、变色、旋转、淡入淡出,看到鱼游动且越游越大或越小。综合 分析这个动画,我们知道它用到传统补间动画。下面我们来完成这个动画制作。(2打开素材“传统补间动画案例 .fla ”文件,这里已经有提供好的素材,我们 只需要做动画即可。 (3星透明元件的制作。这是一个淡入淡出的星星动画效果。 1 ctrl+F8,新建一个影片剪辑元件,命名为“星透明” 。 2将“星”

4、元件拖入元件编辑舞台上。 注意:元件有它自己单独的时间轴面板和编辑舞台,这与场景并不冲突。 3为“星透明”制作淡入淡出效果。选择第 15帧按F 6,再选择第 30帧按F 6。再次选中第 15帧,再单击舞台上的星星对象,调整其属性A lpha 的 值为 0。最后在两关键间添加传统补间。 “星透明”元件完成。 (4星旋转元件的制作。这是一个星星旋转的动画效果。 1新建一个“星旋转”影片剪辑元件。 2将“星”元件拖入元件编辑舞台。 3选中第 30帧,按F 6。在两个关键帧之间创建传统补间动画,再选中补间 中任意一帧,在补间属性中使其顺时针旋转一周。 (5“挂星位移”元件制作。这是星星左右摇摆的动画效

5、果。 1新建一个“挂星位移”的影片剪辑元件。 2将“挂星”元件拖入元件编辑舞台。使用任意变形工具,将元件的中心点 调到挂星的线的顶端上。 3分别选中第 5、 10、 15、 20帧,依次按 F6,使用任意变形工具,对第 5帧进行向左旋转,对第 15帧进行向右旋转。这就做出了星摆动的关键帧。 4在两关键帧间创建传统补间动画。 “挂星位移”完成。 (6挂星色调元件制作。 1新建一个“挂星色调”影片剪辑元件 2将“挂星”元件拖入元件编辑舞台。选中第 15帧,按下F 6;再选中第 30帧,按下F 6。选中第 15帧,再单击舞台上的挂星,在属性面板更改其色调 属性值(色调值可以随自己的喜好调整 。 3在

6、两个关键帧间添加传统补间动画。 “挂星色调”元件完成。 (7挂星倾斜元件制作。 1新建一个“挂星倾斜”影片剪辑元件。 2将“挂星”元件拖入到元件编辑舞台。选中第 5、 10、 15、 20帧,按 F6。依次选中第 10、 15帧, Ctrl+T,进行倾斜调整。 3选中这 20帧,复制帧,选择第 21帧,粘贴帧;选中 21到 40帧,进行 翻转帧,翻转后把第 21帧删除,选中 20帧按 F5再往后延续到第 25帧,最后 把 40帧后的帧删除即可。 4对所有的两个关键帧间都添加传统补间动画。元件制作完成。 (8回到主场景, 将图层1重命名为 “背景” , 加上锁。 新建一个 “草” 的图层。 把库

7、里的“叶子1”和“叶子2”拖入到场景中,进行复制、变形等调整,大致 如下图即可。锁定图层。 (9新建一个“挂星”图层,将做的“挂星位移” 、 “挂星色调” 、 “挂 星倾斜”元件拖入场景中,调整好位置和大小。加锁。 (10新建一个“星”图层,将做的“星透明” 、 “星旋转”和“星” 元件拖入,调整好大小位置。锁定图层。 (11新建“月”图层,将“月亮”元件拖入,调整好大小位置。锁定图层。 (12新建“云”图层,将“云”元件拖入,进行复制、大小调整、A lpha 值 等的操作。锁定图层。 (13新建“大鱼”图层,将“鱼”元件拖入,调整好大小,将位置放到舞台 外的左边。 将“云”图层以下的所有图层(包括“云”图层都延续到 30帧。 选中“大鱼”图层的第 30帧,按F 6,再将鱼的位置调到右边舞台外,并进行 适当缩小。 对“大鱼”图层两个关键帧间添加传统补间动画即可。(14新建一个“小鱼”图层,将“鱼”元件拖入,进行适当缩小。再进行水 平翻转(修改变形水平翻转 。同“大鱼”制作方法一样,做出小鱼从 右游向左且越游越大的动画。锁定图层。（15）新建一个“小船”图层，将小船元件拖入场景，调