使用Hype制作元素渐变透明动画

结合使用Hype 4.0（Mac系统）的时间线功能、元素检查器功能，用户可以制作多种有趣的渐变动画效果，比如颜色的渐变、图形形状的渐变等。本文将为大家演示物体颜色透明化的颜色渐变动画，接下来，让我们一起看下怎么操作吧。

图1：Hype 4界面

一、创建图形

首先，我们需要使用Hype 4的元素创建功能，在场景中创建一个矩形来做演示。如图2所示，单击顶部菜单栏的元素创建下拉框，选择其中的矩形选项，即可创建矩形图形。

图2：创建图形

二、创建渐变透明动画

然后，在右侧Hype 4检查器面板中，打开元素检查器，为图形添加初始颜色，这里将矩形的颜色调整为黄色。

完成矩形颜色的设置后，就可以在Hype 4的时间线面板中，单击记录按钮，开启自动记录关键帧功能。

图3：自动记录关键帧

首先我们需要制作矩形颜色由实色变为透明的动画效果。如图4所示，先设置动画时间线的范围，然后在场景中将矩形下移，并在右侧元素检查器中，将矩形的不透明度调为0%。

图4：创建关键帧一

然后，我们再制作矩形颜色由透明变为实色的动画效果。同样地，先设置时间线范围，然后在场景中将矩形上移，并在元素检查器中将不透明度调为100%。

图5：创建关键帧二

三、导出动画

完成了以上两个关键帧的设置后，就完成了图形颜色在实色与透明之间渐变的动画效果。为了进一步预览动画的效果，我们可以通过Hype 4的导出功能，将场景导出为GIF动画。

如图6所示，单击Hype 4的文件菜单，选择其中的“导出为影片”选项，导出GIF动画。

图6：导出GIF动画

如图7的GIF动画所示，矩形在下降的过程中，渐渐由实体变为透明，而在上升的过程中，渐渐由透明变为实体。

图7：最终GIF动画效果

以上就是如何使用Hype 4制作元素渐变透明动画效果的全部演示过程。如果您还需要其他的功能介绍，或者希望学习其他Hype实战案例，请访问城东书院网站。