基础教程：交互动效制作软件 Hype 4 添加元素（一）

在Hype 4中，元素是场景中的内容，是场景中可操作的对象，它可以是形状、文本、按钮、音频、视频和图片等。点击打开在工具栏的“元素”工具，就可以选择将所需的元素添加到场景画布上。

本章节重点讲解Hype这款交互动效制作软件元素中的添加形状元素。

一、形状

Hype的动画实现主要靠元素里面的形状，形状有四个：矩形、圆角矩形、椭圆形和多边形。此外，Hype 4 HTML5创作工具还增加了钢笔和铅笔两个创作形状的工具，增强了Hype的绘图功能。

1、矩形、圆角矩形和椭圆形。

“元素”工具在画布上添加的矩形默认边长为100px的正方形；添加的圆角矩形默认边长为100px、圆角半径为10px的圆角正方形；添加的椭圆形默认直径为100px的圆形。注意：这三个形状默认有1px的边框。

图1：添加形状

圆角矩形和圆形都可以归类为矩形。通过改变矩形4个角的半径，可以实现矩形元素转变为圆角矩形和椭圆形（圆形）元素。改变矩形4个角的半径可以在元素面板“边框”-“半径”实现。

图2：矩形向圆角矩形和圆的转变

“元素”工具在画布上添加的椭圆形默认为圆形，通过改变圆形的宽度或者高度，可以把圆形改变为椭圆形。

图3：添加椭圆

2、多边形。

多边形是Hype 4新增的一个矢量形状。通过“元素”工具在画布上添加的多边形默认为正五边形。在元素面板改变“多边形”的“边”，可以把五边形变为正三角形、正菱形、正六边形 ……

图4：添加多边形

多边形为矢量形状，通过把多边形的顶点变为锚点，拖动锚点两边的线段，可以改变多边形的形状。

图5：通过锚点改变多边形形状

3、矢量形状。

矢量形状是Hype 4新增的绘图工具，相当于Photoshop中的钢笔，可以给图形描边、绘画自定义形状。

图6：添加心形矢量形状

4、铅笔

铅笔也是Hype 4新增的绘图工具，它绘画出来的也是矢量图形。铅笔在绘画中更加自由。不同于矢量形状（钢笔）只能绘画出线段或者封闭的形状（绘画中即使形状没有封闭，软件默认是封闭的），铅笔既可以绘画封闭的形状，也可以绘画出任意曲线。

图7：使用铅笔添加形状

二、小结

在Hype 4的形状工具中新添加了多边形、矢量形状和铅笔三个工具，大大增强了Hype 4的绘图功能。而且，Hype 4绘图工具制作的图形均是矢量图形，不会因为形状的变大而产生锯齿。

形状在Hype中非常重要，而创建形状的工具又如此丰富，小伙伴应该熟练使用这些形状工具创建各种各样的形状，无需借助其他软件来创建形状。