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

前面两个章节对Hype 4交互动效制作软件进行了介绍，了解了Hype 4 H5创作工具的作用。本章节通过一个简单的案例，完整讲述Hype 4的基础操作，让小伙伴了解怎么样使用Hype 4交互动效制作软件设计一个动效。

由于本章节只是入门介绍，章节中的步骤不会非常详细，其次序并不是固定的，先后次序是可以更换的。

创作的整个效果如下（案例的效果请参考图1）：

一个由矩形和两个圆形组成的对象从左边沿着上边的曲线旋转360度移动到右边。移动过程中，速度由慢到快，大小从100%变为150%。

运动对象静止1秒后，又沿着下边的曲线旋转360度移动到左边。移动过程中，速度由快到慢，大小从150%恢复到100%。

图1：案例效果图

一、添加对象

在工具箱中选择元素，在画布上添加一个矩形和一个椭圆形形状。

图2：添加形状

在“元素”面板，调整矩形和椭圆形的边框值为0.

图3：调整形状边框值

在“度量”面板调整矩形和椭圆形的大小，并把椭圆形移动到矩形上边，如图4效果。

图4：调整形状大小

复制一个椭圆形，并移动到原来椭圆形的旁边，如图5效果。

图5：复制对象

二、编辑对象

在“元素”面板，给三个形状更换背景颜色。

图6：更换形状颜色

全部选取三个形状，在工具箱中选择“成组”，把三个形状打组，组合成为一个对象。

图7：把形状打组

三、编辑时间线

选择对象，在时间线面板上有一个红色的圆点，这是“录制”按钮。点击选择这个录制按钮，移动时间指示器到1秒位置。

图8：点选录制按钮并移动时间指示器

把选中的对象水平移动到右边。对象向右移动的过程中，拉出了一条虚点线，这条虚点线就是运动路径。

图9：移动对象

四、编辑运动路径

鼠标移动到运动路径上，运动路线由虚点线变为一条蓝色的实线。鼠标在实线上中间点击左键，在是线上出现一个锚点。选择锚点并拖拽向上移动，运动路径由水平线段变为一条曲线段。

图10：编辑运动路径

本章节介绍了使用Hype 4交互动效制作软件制作动效的工作流程中的四个步骤：创建对象、编辑对象、编辑时间线和编辑运动路径。在一下章节：基础教程：Hype 4工作流程（二），将继续介绍Hype 4工作流程中的步骤：编辑运动曲线、编辑运动对象的属性以及如何浏览制作的动效等。