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

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

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

1. 一、形状

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

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

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

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

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

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

1. 3、矢量形状。

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

1. 4、铅笔

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

1. 二、小结

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

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

作者：东佛