如何在Hype中编辑图像

Hype 4.0（Mac系统）能让用户体验到更加直观的HTML5制作过程。Hype 4运用场景、元素、符号等内容制作可视化的动画或者交互性的网页内容，而无须借助代码等专业工具，让普通的用户也能发挥创作力，制作有趣的网页内容。

随着人们审美标准的提高，图像成为一个网页中必不可少的要素。接下来，小编就为大家演示一下如何使用Hype 4的图像导入功能，以及如何简单调整图像。

图1：Hype 4界面

一、插入图像

用户为Hype 4新建了场景后，就可以单击顶部工具栏的“插入”菜单，同时选择其中的“图像”，完成图像的导入。Hype支持多种Web格式图像的导入，其中包括JPEG、GIF、PNG与SVG。

图2：插入图像

如图3所示，用户可以将电脑内的图像逐个导入到Hype 4中，也可以同时选择多个图像，实现批量导入的功能。

图3：选择图像

如图4所示，图像成功导入到Hype 4后，会呈现在场景中。用户可以通过拖拉图像边缘来实现调整图像大小的功能。

除此之外，用户还可以通过将图像拖放到场景，或者从其他程序复制粘贴图像到场景中。

图4：成功导入图像

二、度量检查器

用户如果需要对照片进行更加细致的调整，可以单击Hype 4顶部菜单栏的“查看”菜单，并选择其中的“度量检查器”来进一步调整图片的格式。

图5：打开度量检查器

如图6所示，用户可以对图像的位置、大小、旋转、倾斜等格式进行调整。为了让图片在调整过程中保持不变形，可以在度量检查器中，勾选放置、缩放等选项中的“限制比例”功能，让图像在调整过程中保持原比例的缩放，避免出现变形等情况。

图6：调整图像形态

另外，用户还可以将图像转换为矢量形状后，进行更加灵活的调整。矢量形状的体积小，缩放不失真，而且由于其点、线、多边形的结构，让图像可以进行更加自由的缩放、拉伸等，比如可以将图像由长方形调整为菱形的形状。

具体的操作是，选中需要调整的目标图像，然后打开Hype 4顶部的“编辑”菜单，并选择其中的“转换成矢量形状”，即可完成矢量形状的转换。

图7：将图像转换成矢量形状

用户可以通过使用Hype 4 对SVG文件（可缩放的矢量图形）进行缩放、中心点调整、宽度拉伸、高度拉伸等处理，以实现更高阶的图像处理，并获得更加流畅的动画效果。

通过使用Hype 4的图像导入功能，用户可以为自己的网页作品添加各种美观的图像素材。如果您还需要其他的功能介绍，或者希望学习其他使用技巧，请访问城东书院网站。