WEB动画制作与设计课件：创建补间动画.ppt

二、制作流淌的奶油2、在“奶油动”图层的第45帧，按F6键，插入一个关键帧。在第45帧对应的舞台窗口中，绘制奶油流淌下来的效果，如左图所示。并利用选择工具将多余线条删除，效果如右图所示。【课堂案例】—制作“流淌的奶油”二、制作流淌的奶油3、选择“颜料桶”工具，将“填充颜色”设为紫色（#9933FF），选中“奶油动”图层的第l帧，用鼠标在封闭的曲线中单击，为奶油填充颜色，如左图所示。选中“奶油动”图层的第45帧，在舞台窗口中为流淌的奶油填充颜色，如右图所示。【课堂案例】—制作“流淌的奶油”二、制作流淌的奶油4、选中“奶油动”图层的第1帧，在时间轴上单击右键，选择“创建补间形状”命令,在第l帧～第45帧创建变形动画。5、选中“奶油动”图层的第1帧，选择“修改形状添加形状提示”（其快捷键为Ctrl+Shift+H）命令，在奶油的中间出现红色的提示点“a”，将提示点移动到奶油的左上方，如左图所示。选中“奶油动”图层的第45帧，第45帧的奶油上也出现相应的提示点“a”，如图右所示。【课堂案例】—制作“流淌的奶油”二、制作流淌的奶油6、将奶油上的提示点移动到其左上方，提示点从红色变为绿色，如左图所示。选中第1帧，可以观察到刚才红色的提示点变为黄色，如右图所示，这表示在第1帧中的提示点和第45帧的提示点已经相互对应。【课堂案例】—制作“流淌的奶油”二、制作流淌的奶油7、用相同的方法在第l帧的奶油图形中再添加4个提示点，分别为“b”、“c”、“d”、“e”，并按顺时针方向将其放置在奶油图形的边线上，如左图所示。在第45帧中，将“b”、“c”、“d”、“e”提示点按顺时针的方向分别设置在奶油图形的边线上，如右图所示，完成提示点的设置。【课堂案例】—制作“流淌的奶油”二、制作流淌的奶油8、单击“时间轴”面板下方的“插入图层”按钮，创建新图层并将其命名为“水果”。将“库”面板中的图形元件“水果”拖曳到舞台窗口中，如左图所示。再重复拖曳4次图形元件“水果”，并应用“任意变形”工具毯改变水果的大小及倾斜度,如右图所示。【课堂案例】—制作“流淌的奶油”二、制作流淌的奶油9、单击“时间轴”面板下方的“插入图层”按钮，创建新图层并将其命名为“水果动”。将图形元件“水果”拖曳到舞台窗口中并将其缩小，如图所示。【课堂案例】—制作“流淌的奶油”二、制作流淌的奶油10、选中“水果动”图层的第45帧，按F6键，插入一个关键帧，将第45帧中的“水果”实例向下移动，如图所示。【课堂案例】—制作“流淌的奶油”二、制作流淌的奶油11、用鼠标右键单击“水果动”图层的第l帧，在弹出的菜单中选择“创建补间形状”动画命令，在第1帧～第45帧生成动作补间动画，如图所示。【课堂案例】—制作“流淌的奶油”二、制作流淌的奶油12、单击进入“场景l”的舞台窗口。将“背景图”导入到舞台窗口中，在组“属性”面板中将“X”、“Y”选项的数值设为0，如图所示。【课堂案例】—制作“流淌的奶油”二、制作流淌的奶油13、将“库”中的影片剪辑元件“流淌的奶油”拖曳到舞台窗口中，应用“任意变形”工具改变其大小并放置在背景图中白色矩形的中间，效果如图所示。流淌的奶油制作完成，按Ctrl+Enter组合键即可查看效果。【课堂案例】—制作“流淌的奶油”（1）添加形状提示单击补间形状动画的开始帧，执行“修改形状添加形状提示”命令或按Ctrl+Alt+H组合键。这样在形状上就会增加一个带字母的红色圆圈，相应地在结束帧的形状上也会增加形状提示符，如图所示。【理论知识】——形状提示点原理（2）形状提示原理继续添加形状提示点，并调节提示点位置，此时图形的变化过程如图所示。【提示】形状提示点一定要按顺时针的方形添加，顺序不能错，否则无法实现效果。【理论知识】——形状提示点原理任务：制作“旋转三棱锥”【举一反三】1、掌握传统补间动画的制作原理；2、掌握传统补间动画的创建方法；【课堂学习目标】【案例学习目标】使用变形工具调整图形大小，使用创建传统补间动画命令制作动画。【案例知识要点】使用任意变形工具将蝙蝠翅膀进行变形，然后利用补间动画制作手段制作蝙蝠在夜空中飞行的动画效果，使大家更好的掌握传统动作补间动画的制作方法。效果如图所示。【课堂案例】—制作“蝙蝠与月亮”1、传统补间动画原理传统补间动画是指在两个或两个以上的关键帧之间对元件进行补间的动画，使一个元件随着时间变化其颜色、位置、旋转等属性，如图所示。【理