画面分镜头脚本案例 ——以《补间动画》为例
其中，“序号”、“知识点”、“解说/配音”这三部分由教师完成；“画面效果”由教师和录制人员共同探讨完成；“景别”由录制人员根据实际情况填写。 序号 知识点 1 解说/配音 播放背景音乐 景别 全景 画面效果 片头 教师右下角出境；PPT在画面左侧出境 相应操作的录屏 备注 2 补间动画是Flash软件具有的独特的动画效果。你只需要创建出动画起始帧画补间动画 面和结束帧画面，中间的动画过程由Flash软件自动生成。使用补间动画，你可以实现对象的空间移动、对象的形状变化等效果。 补间动画的种类 补间动画案例：弹跳小球 补间动画有两种：“运动补间Motion”和“形状补间Shape”。 运动补间，可以实现物体空间的移动。例如，小球从左到右的运动。 形状补间，可以实现物体形状的改变。例如，字母A变成一个心形图形。 中景 3 近景 24fps 4 下面，我用一个弹跳小球的例子讲解一下两种补间动画的异同。 中景 教师右下角出境；“弹跳小球动画”24fps 在画面左侧出境 5 渐变变形工具 新建一个空白Flash文档，双击图层一，重命名为“小球”。 使用椭圆工具，按着Shift键绘制一个正圆。填充合适的颜色。可以使用“渐变变形工具”调整填充色的渐变中心和影响范围。 补间动画不需要在每一帧都插入关键帧，也不需要每一帧都绘制对象，只需要在对象位置改变时创建关键帧即可。中间动画过程由计算机自动生成。 在这个小球弹跳动画中，你只要完成一个弹跳循环，就可以在播放器中循环播放。一个完整的弹跳循环包含三个关键帧信息：落地、最高点、落地，第一个关键帧“落地”的信息已经有了，你可以分别在第10帧和第20帧插入关键帧，第10帧中，将“小球”垂直上移，作为小球弹起的最高点，上移时，每次单击键盘上的“向上键”，对象移动1个像素，若按着Shift键不松，单击“向上键”，则每次可以移动10个像素。第20帧小球位置不变，作为小球落地。三个关键帧都具备以后，你可以为1-10帧、10-20帧创建补间动画，这时，时间轴动画帧呈现蓝色底纹，黑色实线箭头，表明动画创建成功。测试，小球匀速弹起，匀速下落。 近景 相应操作的录屏 24fps 6 补间动画的创建 近景 相应操作的录屏 24fps 7 地心引力哪里去了呢？这不符合常理，怎样才能加速或者减速？你可以通过设置“缓动”来实现。缓动是针对一个完整的补间动画过程起作用的，因此，非匀速动你可以选中第一个补间的起始帧，第1帧，在属性面板，将缓动的值设置为画的设置 最大：100，打开“绘图纸外观”按钮，影响范围为整个完整补间，这时，你可以看到每两帧之间的小球间距由大变小。 时间与间距 而每帧画面播放时间相同，间距越大，动画越剧烈，间距越小，动画越舒缓。这就是在传统手绘动画里讲到的“时间与间距”的关系。在Flash动画中也是如此，如果要表现快速、有力、紧张的动作，你可以加大两帧对象的间距，如果要表现轻柔、缓慢、安静的动作，则要缩小两帧对象的间距。 继续讲解小球非匀速运动的设置，缓动值调整为100，就意味着小球受到了地心引力的作用，向上弹起的重力加速度越来越小，在某一时刻为0，静止在顶端。在下一个补间中，小球要加速下落，反应在间距上，就是间距由小变大。缓动值调整为-100.测试，这时，有了一个比较连贯的动画效果。 近景 相应操作的录屏 24fps 8 全景 时间与间距的动画案例 24fps 9 近景 相应操作的录屏 24fps 10 自定义缓入/缓出 你也可以通过自定义的方式设置缓动。选择补间起始帧，在属性面板单击缓 动后面的“编辑…”按钮，打开“自定义缓入/缓出”参数调节面板。横坐标代表帧数，从第1帧到第10帧，纵坐标代表补间的变化量，从1%到100%。分别单击变化曲线的起始点和结束点，调整手柄，可以快速地得到一种缓入/缓出效果，也可以在曲线的任何位置单击，创建缓入/缓出变化。 此时，小球的运动补间动画就已经制作完成了。下面，我通过小球阴影的动画，为你讲解一下“补间形状”动画的制作要点。 相应操作的录屏 11 相应操作的录屏 12 在时间轴面板，单击“插入图层”按钮，可以新建一个图层。将图层名称改 为“阴影”。在Flash中，不允许在同一个图层上有多个动画过程，要求一个对象的动画一个单独图层。当然，如果动画对象都是元件实例的话，是可以插入图层 放在同一图层的。否则，你都要新建图层。Flash图层的概念和Photoshop图层的概念非常类似，可以理解为每一个图层都是一个透明的拷贝纸，每个图层的对象叠加起来形成了动画的层次。可以利用图层的相对运动制作远景、中景、近景不同速度的动画。形成视觉的空间运动感。 锁定图层 插入图层以后，可以锁定之前做的小球图层，防止误操作。 图层运动，形成远景、中景、近景不同速度的动画 13 相应操作的录屏 14 图层的位置 选择“阴影”图层的第1帧，在小球的下方绘制一个椭圆，填充灰色。调整 阴影的位置，这时，你发现阴影放置在小球的上方，这是由图层位置关系决定的，上层对象会覆盖下层对象。你可以拖动“阴影”图层到“小球”图层的下方，调换两个图层的位置关系。 接下来，阴影的关键帧位置和小球的一致，小球落地时，阴影较大，小球弹 起到最高点时，阴影较小。在第10帧，和第20帧插入关键帧，在第10帧，将阴影缩小。可以使用“任意变形工具”手动缩小，也可以使用“变形”面板等比例精确缩小。第20帧不需要处理。然后，分别为两个动画过程创建“补间形状”动画。补间形状区域颜色呈现绿色。测试，这时的动画过程相对比较逼真。但是，现在没有考虑空气阻力，小球可以永无止境地一直弹跳下去。 真实的动画效果是这样的，开动脑筋想一想，如何修改呢？自己尝试一下吧，在课堂互动的时候，请你把结果告诉我！ 相应操作的录屏 15 相应操作的录屏 16 模拟真实小球弹跳效果，视频或者动画均可 17 细心的你或许会发现，这个例子比较特殊，使用运动补间创建阴影的变化也是可以的。这是因为Motion动画也能支持形状缩放动画。下面这个例子就必须用形状补间来完成了。 相应操作的录屏 18 这个效果，爱心形状静止10帧后，变化成文字。你需要在第1帧使用钢笔工 具绘制心形形状，绘制时可以借助标尺、辅助线等辅助工具实现。然后填充红色，刷子工具刷出高光。在第11帧插入关键帧，作为补间形状的开始。在形状—字 第30帧，插入空白关键帧，使用文本工具创建文字“爱心社”，修改字体，补间动画 颜色等信息。这时注意，文字默认是一个整体区域，这在进行补间形状时，计算机是无法识别，或者默认错误的，你必须将整体的对象打散，按Ctrl+B，打散一次，成为单个的字，再次打散，这时成为完全分散的对象。 通过这个案例，你应该注意：形状补间要保证起始端和结束端的关键帧对象两种补间 必须打散，而运动补间则恰好相反，要保证两端关键帧对象必须为整体。只创建技巧 不过后者计算机可以帮你实现，而形状补间则必须自己动手啦。 扩展 结束语 看到这些动画效果了吗？一个摆动的钟摆，一本正在翻页的书本，一个变形的花朵，一个翻转的立方体，甚至这个吐泡泡的小金鱼，电闪雷鸣下大雨等等，都用到了补间动画，你都看明白怎么制作了吗？ 自己试着动手操作一下，看看你能做出多少个动画！ 相应操作的录屏 19 相应操作的录屏 相应动画 20 21