@scomper

如何用 Keynote 制作动画演示

2016.03.30

Keynote 里的很多特效可以用来制作效果不错的演示,一页页的将需要演示的内容交代清楚后,直接输出成 m4v 的视频格式,为了方便贴到博客或者发布到 Twitter 上,可以进一步用 GIF Brewery 3 转成 GIF 格式。

上面的演示动画中,Keynote 里用到的主要特效包括:「神奇移动」、对象的移动和闪烁、跟随路径移动。

移动并闪烁

为了说明工具栏项目中的一个操作,演示中用了一个蓝色的圆点来突出显示点击对象,闪烁后移动到需要用户关注的焦点位置。

  • 创建一个蓝色的圆形对象
  • 选中蓝色的圆形,在动画效果中添加动作:先添加一个「构建出现」的效果:渐隐渐现,然后依次添加一个闪烁、移动、闪烁的动作。
  • 打开「构建顺序」窗口调整安排好动作的先后顺序(支持拖拽),并设置「起始」条件,因为这里的效果要求,起始条件都选择在上一个构建之后就可以了,通过预览可以查看最终的效果。

神奇移动

幻灯片之间切换利用神奇移动效果,能自动实现对象间的平滑移动和变形,前提是这两页都拥有相同的对象。听起来麻烦,操作起来起始挺简单,第一张幻灯片整好之后,直接复制一份作为下一张,然后移动调整下一张幻灯片中的内容,不要删除对象而是移动他们到画面外头,同理也可以缩放某个对象。

上图所示的第 2 到第 3 页工具栏的滑出用到了神奇移动,第 4 页到第 5 页,描完的屏幕框架前移也同样是用神奇移动实现的。

对象沿路径移动

为了突出钢笔绘制的过程,演示中用小圆点的移动来进行示意,这里的关键点在于首先需要将屏幕框线作为小圆点的移动路径,然后要让圆点的移动和线条的画线特效一起移动,需要设置相同的时长,构建顺序中 5 和 4 一起开始。

将某个形状作为路径,只要一起选中对象和作为路径的形状,如范例中的圆点和屏幕框线,选中后由菜单选择「格式-形状和线条-从形状制作运动路径」即可。

画线特效

利用「画线」我们可以展示绘图笔的轨迹,轨迹的运行方向和你绘制形状时的节点先后有关,可以顺时针或逆时针运动。为了和上一个构建小圆点的运动轨迹一致,要统一它们的持续时间,例如范例中设置的是构建 4、5 都是 8 秒,并且构建 5 (框线)的起始条件是「与构建 4(圆点)一起」。

视频输出需要注意的事项

Keynote 中可以直接导出成 Quicktime 的视频格式,默认是 720P(1024×768) 的分辨率,如果是在 Twitter 上发布会有点大(Twitter 限制 < 3MB),改成自定义的 640×360 大小就可以了。

输出成视频后还要转成 GIF 格式(调整帧率和颜色位深),所以输出前幻灯片中有些地方是要兼顾考虑到:

  • 背景色不建议采用渐变,否则在输出成 GIF 时因为色彩的压缩减少会出现断纹;
  • 幻灯片的切换(开始过渡)建议设置成自动,每张间隔 3 秒比较合适;
  • 构建动画自动开始,构建顺序对话框中第一个构建的起始要设置成:过渡之后,也就是幻灯片切换后自动开始播放动画而不是等待按键;
  • Quicktime 输出时等待设定为 3 秒,构件等待 设置为 0 秒。

Keynote 中编辑和组织好以后 GIF Brewery 里没有太多需要调节的地方,如果 Keynote 是按 720p 输出的,这里也可以进行「缩放」操作,不过时间肯定没有 Keynote 直接输出合适的尺寸快。

每秒帧数可以基于预览结果进行适当的调整,这里的高低决定最终的 GIF 质量和大小,帧数大小和动画的流畅度成正比。颜色优化和内容直接相关,如果包含色彩比较丰富的内容,这里可以适当的调高一些,如果想获得更小尺寸的 GIF 文件,颜色可以设置的小一点。

默认打开视频文件后,GIF Brewery 3 会自动掐头去尾调整起始位置,这里需要你判断一下是否有必要,否则自行调整好起始和结束位置。

--「壹页单章」会员计划 --

Comments
Write a Comment