基础教程：Hype 4工作流程（二）

在上章节中，详细讲述了Hype 4交互动效制作软件的基本工作流程中的四个步骤，本章节继续讲述编辑运动曲线、编辑运动对象属性以及在场景中预览运动效果等步骤。

想要了解上章节内容的小伙伴们可以点击：基础教程：Hype 4工作流程（一）

一、编辑运动对象的属性

在“度量”面板缩放参数中，把宽度改为150%，由于默认是勾选“限制比”，因此高度也改变为150%。在旋转参数中，把Z轴的角度改为360度。

图1：编辑运动对象属性

二、场景中预览运动效果

点击“录制”按钮停止录制，然后点击“复位”按钮，使时间指示器回到0的位置。点击“播放”按钮，在场景画布中显示对象的运动效果。

从画布上看到对象的运动效果：对象沿着运动路径曲线360度旋转向右移动。运动过程中，对象由小变大，运动速度从慢到快最后又变慢。对象在1秒后运动停止。由于运动速度是从慢到快，需要修改运动曲线，使速度从慢到快。

图2：场景中预览运动效果

三、编辑运动曲线

在时间线面板的“属性”面板中，属性的右侧显示“渐入渐出”，这就是其中一种运动曲线，表示“开始慢然后快最后慢”的运动过程。点击“渐入渐出”，在弹出框内展示出全部的运动曲线。并且可以通过调整曲线的锚点，微调曲线，从而改变对象的运动方式。

图3：运动曲线弹出框

选中运动对象，在“属性”面板中的“原点（运动路径）”一栏，右边的时间线上，有一段两端为菱形的线段。鼠标左键双击在线段上，会弹出运动曲线框，选择“渐入”运动曲线，表示对象的运动过程是“开始慢最后快”。

图4：选择运动曲线

四、使用浏览器预览场景内容

在工具箱中，有一个“预览”工具，里面有三个浏览器：Safari、Firefox和Chrome。鼠标点击其中一个浏览器，系统就会自动打开浏览器软件，并自动显示当前场景中的内容。

小编在这里选择了Chrome浏览器，系统自动打开Chrome浏览器并自动播放了对象的运动。

图5：浏览器预览场景内容

五、小结

为了让小伙伴能够更清楚地了解Hype 4HTML5制作工具的动效制作流程，小编用了两章篇幅通过详细的步骤讲述了对象一半的运动效果。小伙伴可以看到，制作过程只使用了“录制”，没有使用关键帧，就可以完成动效的制作。

在下一章节：基础教程：Hype 4工作流程（三），将详细讲述对象下一半的运动效果。在这里，就不光需要使用“录制”，还需要使用到关键帧。