1、第6章 传统补间动画,教师：杨萌 QQ：229781818 Email：xian_, 6.1 传统补间动画的基本概念 6.2 传统补间动画的制作方法 6.3 传统补间动画实例,内容概况,6 传统补间动画,在Flash动画中，传统补间动画是应用最多，在动画制作方面涉及最广的一种动画形式。 定义：改变对象的位置、大小、旋转和倾斜，做出物体运动的各种效果；改变对象的透明度、滤镜以及色彩变化的效果，淡入和淡出效果。传统补间动画使用Flash中的“传统补间动画”来制作，与逐帧动画不同，“传统补间动画”，只需编辑首尾两帧上的对象，中间的变化过程由过渡帧来完成。动作补间动画首尾两帧上的对象，必须是元件实例（
2、图形、影片剪辑、按钮），且必须是同一个元件的实例。除了元件，组合体或文本也可作为制作动作补间动画的对象。,什么是传统补间动画,6.1 传统补间动画的基本概念,制作条件,6.1 传统补间动画的基本概念,制作传统补间动画需要具备以下3个条件： 一个传统补间动画中至少要有两个关键帧 这两个关键帧中的对象必须是同一个对象 这两个关键帧中的对象必须有一些变化,传统补间动画的分类,6.1 传统补间动画的基本概念,位置的移动,大小的变化,旋转,颜色的变化,6.2 传统补间动画的制作方法,当满足了制作条件后，就可以制作传统补间动画。可以通过右键菜单，也可以通过菜单命令，两者相比，前者更方便快捷，比较常用。 1
3、.通过右键菜单创建传统补间动画 选择同一图层的两个关键帧之间的任意一帧，单击鼠标右键，在弹出的菜单中选择【创建传统补间】命令。 2.通过右键菜单创建传统补间动画 选择同一图层的两个关键帧之间的任意一帧，单击菜单【插入】|【传统补间】命令。,创建传统补间动画,【传统补间动画帧】创建成功的的传统补间动画在两个关键帧之间绘制一个浅绿色背景填充的实线箭头。,成功创建的形状补间帧,6.2 传统补间动画的制作方法,【未完成或中断的渐变】如果补间动画出现错误，则本应出现的实线箭头符号显示为虚线。,未成功创建的形状补间帧,6.2 传统补间动画的制作方法,6.2 传统补间动画的制作方法,如果想删除创建的传统补间
4、动画，可以通过右键菜单，也可以通过菜单命令，两者相比，前者更方便快捷，比较常用。 1.通过右键菜单删除传统补间动画 选择已经创建传统补间的两个关键帧之间的任意一帧，单击鼠标右键，在弹出的菜单中选择【删除补间】命令。 2.通过菜单命令删除传统补间动画 选择已经创建传统补间的两个关键帧之间的任意一帧，单击菜单【插入】|【删除补间】命令。,删除传统补间动画,6.2 传统补间动画的制作方法,传统补间动画的属性同样通过【属性】面板的【补间】选项进行设置。首先选择已经创建传统补间动画两个关键帧之间的任意一帧，然后展开【属性】面板,动画属性设置,6.2 传统补间动画的制作方法,（1）缓动：默认情况下，过渡帧
5、之间的变化速率是不变的，可以调整变化速率，创建更为自然地由慢到快的加速或先快后慢的减速效果【取值】0 ：默认，匀速 -100-0 :加速0-100 ：减速,动画属性设置,6.2 传统补间动画的制作方法,（2）缓动编辑：单击“缓动”选项右侧的编辑按钮，在弹出的【自定义缓入/缓出】对话框中设置过渡帧更为复杂的速度变化。【属性】：取消【为所有属性使用一种设置】选项的勾选时才可使用。 速率曲线：用于显示对象的变化速率，单击可添加控制点，按住鼠标拖拽，可以对控制点进行调整，按Delete键，可将控制点删除 【播放】：单击以定义好的速率曲线预览动画 【停止】：单击以停止播放动画 【重置】：单击将速率曲线重
6、置为默认的线性状态,动画属性设置,6.2 传统补间动画的制作方法,（3）旋转：用于设置对象旋转的动画，单右侧的下拉菜单，选择相应的选项，参数如下：【无】：选择该项，不旋转 【自动】 :在需要最少动作的方向上将对象旋转一次 【顺时针】 ：将对象进行顺时针旋转，并可设置旋转次数 【逆时针】 ：将对象进行逆时针旋转，并可设置旋转次数贴紧：勾选该项，可以将对象紧贴到引导线上同步：勾选该项，可以使图形元件实例的动画和主时间轴同步调整到路径：制作运动引导线动画时，勾选该项，使动画对象沿运动路径运动缩放：勾选该项，可改变对象大小,动画属性设置,平移效果传统补间动画,(1) 制作开始帧 (2) 制作结束帧(3
7、) 添加过渡帧,【步骤】,6.2 传统补间动画的制作方法,平移效果传统补间动画,播放效果序列,“添加了过渡帧的”时间轴,“开始帧,“结束帧”,6.2 传统补间动画的制作方法,旋转效果传统补间动画,(1) 制作开始帧 (2) 制作结束帧（对元件进行旋转）(3) 添加过渡帧,【步骤】,6.2 传统补间动画的制作方法,旋转效果传统补间动画,播放效果序列,“开始帧,利用任意变形工具修改角度 修改完成后的结束帧,6.2 传统补间动画的制作方法,缩放变形效果传统补间动画,(1) 制作开始帧 (2) 制作结束帧（对元件进行缩放）(3) 添加过渡帧,【步骤】,6.2 传统补间动画的制作方法,缩放变形效果传统补
8、间动画,播放效果序列,“开始帧,利用任意变形工具修改大小 修改完成后的结束帧,6.2 传统补间动画的制作方法,斜切变形效果传统补间动画,(1) 制作开始帧 (2) 制作结束帧（对元件进行斜切）(3) 添加过渡帧,【步骤】,6.2 传统补间动画的制作方法,斜切变形效果传统补间动画,播放效果序列,“开始帧,利用任意变形工具做斜切变形 斜切变形完成后的结束帧,6.2 传统补间动画的制作方法,通过传统补间，也可以实现对象颜色的变化 步骤如下：,建立一个图形元件，然后绘制出该元件 在时间轴上建立一个关键帧，把元件拖放到工作区中 在时间轴上插入另外一个关键帧，作为颜色渐变的结束帧。选中该帧，单击刚才建立的
9、元件，在“属性”面板中选择作为结束帧的对象的颜色 单击刚才建立的两个关键帧之间的任意一帧，在右键菜单中选择“创建传统补间”,颜色渐变动画,6.2 传统补间动画的制作方法,6.2 传统补间动画的制作方法,颜色渐变动画,实例：绘制“变色鱼”,6.2 传统补间动画的制作方法,颜色渐变动画,实例：绘制“变色鱼”,1.导入小鱼图片到库 2.将小鱼图片拖到舞台，作为第一个关键帧，并将小鱼图片转换为元件（右键菜单转换为元件） 3.在第10帧插入关键帧，修改小鱼元件的属性：色彩效果样式为Alpha，数值为30% 6.选择中间任意一帧，单击右键，在菜单中选择“创建传统补间”,创建基本元件 创建图形元件 “车轮”
10、,绘制轮胎及“库”中效果,6.3 传统补间动画实例,老爷车上路,2. 制作会转动的车轮,制作“转动的车轮”的开始帧和结束帧,转动设置,老爷车上路,6.3 传统补间动画实例,3. 制作“老爷车”车身,老爷车车身 “库”窗口,老爷车上路,6.3 传统补间动画实例,老爷车车身的安排 “会跑的老爷车”时间轴窗口,4. 制作“会跑的老爷车 ”,老爷车上路,6.3 传统补间动画实例,6. 制作上路效果,老爷车上路,6.3 传统补间动画实例,跳跃障碍的小猪,6.3 传统补间动画实例,跳跃障碍的小猪,6.3 传统补间动画实例,1.在图层1的第1帧，利用工具绘制小猪要跳跃的障碍，并在第40帧处添加普通帧（快捷键
11、F5）,跳跃障碍的小猪,6.3 传统补间动画实例,2.新建图层2，在障碍左上方绘制小猪，将其转换为图形元件（快捷键F8），并在第40帧处添加普通帧（快捷键F5）,跳跃障碍的小猪,6.3 传统补间动画实例,3.新建图层3，放置在图层1下方，在障碍左下方绘制小猪的阴影，将其转换为图形元件（快捷键F8），并在第40帧处添加普通帧（快捷键F5）,跳跃障碍的小猪,6.3 传统补间动画实例,4.在图层2的第20帧处添加关键帧（快捷键F6），将小猪移动障碍中间；在图层3的第20帧处添加关键帧（快捷键F6），将阴影移动障碍中间小猪的下方，并放大。 6.在图层2中复制第1帧，粘贴在第40帧处，并将40帧处的小猪
12、平移至右侧障碍上方；在图层3中复制第1帧，粘贴在第40帧处，并将40帧处的阴影平移至右侧障碍下方； 6.分别选中图层2和图层3中的1帧和20帧，在右键菜单中选“创建传统补间动画”，出现带箭头的淡蓝色色带即可。,“送福”动画,6.3 传统补间动画实例,“送福”动画,6.3 传统补间动画实例,1.打开“课堂实例/第六章/送福.fla” 2. 选择“福字”图层第1帧，在舞台上选择福字，点击F8，将其转换为元件 3.在第80帧处，插入关键帧 4.在第1帧处，选择福字实例，对其进行缩小，并在【属性】面板修改：色彩效果Alpha=0； 5.选择第1帧和第80帧之间的任意一帧，单击右键，选择【创建传统补间】 6.选择第1帧和第80帧之间的任意一帧，在【属性】面板中设置旋转顺时针2次,
