9. 形状补间动画.ppt

1.* Flash动画设计与制作 1.* Flash动画设计与制作 形状补间动画是在两个关键帧中创建出来的，但两个关键帧必须是两个不同图形对象，通过形状补间可以将两个图形间的转换过程补间出来。 形状补间的对象只能是分离的可编辑图形，形状补间使图形形状发生变化，一个图形变成另一个图形。 要对组、实例或位图图像应用形状补间，必须首先将这些元素分离或位图转变为矢量图。要对文本应用形状补间，必须将文本分离（文本串须分离两次） 创建形状补间动画 制 作 条 件 制作形状补间动画需要具备以下3个条件： 在一个形状补间动画中至少有两个关键帧。 这两个关键帧中的对象必须是可编辑图形，如果是其他类型的对象，则必须将其转换为可编辑的图形。 这两个关键帧中的图形必须有一些变化，否则制作的动画将没有动的效果。 在复杂的形状补间动画中，最好创建中间形状然后再进行补间，而不要只定义起始和结束的形状。 创建成功的的形状补间动画在两个关键帧之间绘制一个浅绿色背景填充的实线箭头。 如果补间动画出现错误，则本应出现的实线箭头符号显示为虚线。 未完成或中断的渐变 使用形状提示控制形状变化 在制作形变动画时，可以通过添加形状提示，控制较为复杂的形变。 形状提示是一个有颜色的实心小圆，上面标志着小写的英文字母，用于识别起始形状和结束形状中相对应的点。对于每一个形变过程，可以为它添加26个形状提示，从a标记到z标记，实际上只用几个就够了。 【形状提示点制作方法】 选择开始关键帧，单击【修改】|【形状】|【添加形状提示】，可添加一个提示点，再次选择可继续添加提示点； 调整控制点到合适位置； 选择结束关键帧，重复步骤1、2。 1.在开始帧输入文本“1” 2.在结束帧输入文本“2” 3.把文本“1”和“2”打散 4.在帧属性面板上创建形状补间动画 5.设置形状补间动画 【缓动】0 ：默认，匀速；-100-0 ：加速；0-100 ：减速。 【混合】分布式：创建的动画中间形状更为平滑； 角 形：创建的动画中间形状会保留明显的角和直线。 形状补间动画 - 例 制作“日月变换”动画 新建Flash文件，然后设置影片的属性，包括背景色和屏幕大小； 在时间轴窗口选择当前图层，然后单击选择一空白单元格，按F6键，建立起始关键帧。如果是第一帧，可省去此操作； 选择工具箱中的工具绘制图形，作为补间形状的起始图形。在本例中，选用椭圆工具、选择工具、颜料桶工具绘制月牙； 在第30帧处插入关键帧，使用椭圆工具绘制太阳； 在两个关键帧中任选一帧，单击右键选择“创建补间形状”； 出现浅绿色填充的箭头即可。 注：可给“日月变换”动画添加形变提示 图层1命名为“框”，编辑内容：一个进度条的框和文字loading 新建一个图层“颜色”，内容：画一个颜色条长宽刚好和框的大小一致 在第50帧处插入关键帧，将颜色条的宽度调整为和“框”的宽度一样 在第1帧和第50帧之间的任意一帧处单击右键，选择【创建补间形状】 制作“进度条”动画 【步骤】 图7-35 制作完成的封面 图7-36 入库后的封面 制作“翻书效果”动画 制作“翻书效果”动画 1. 制作封底 新建图层“封底”，在第1帧处使用矩形工具绘制封底矩形（黑色），并绘制一个小的内页矩形（蓝色）放置其上方，在第90帧处插入帧（F5）。 图7-35 制作完成的封面 图7-36 入库后的封面 制作“翻书效果”动画 2. 制作封面 新建图层“封面”，在第1帧处使用矩形工具绘制矩形（橙色，与封底一样大小），放置在封底上方，并对齐； 在第15帧处插入关键帧（F6），修改矩形为棱形。 选1-15之间的任意帧，添加补间形状； 图7-35 制作完成的封面 图7-36 入库后的封面 制作“翻书效果”动画 在第16帧处插入关键帧（F6），将菱形水平翻转，并移动到封底左侧； 在第30帧处插入关键帧，将第1帧处的矩形复制粘贴过来，并对齐； 选16-30之间的任意帧，添加补间形状。 2. 制作封面 图7-35 制作完成的封面 图7-36 入库后的封面 制作“翻书效果”动画 3. 制作内页 新建图层“内页1”，在第31帧处插入关键帧（F6），将内页矩形复制粘贴过来； 在第45帧处插入关键帧（F6），修改矩形为棱形； 选31-45之间的任意帧，添加补间形状； 图7-35 制作完成的封面