APP下载

简简单单创建HTML动画

2019-10-30童乐安

电脑爱好者 2019年9期
关键词:右键形状按钮

童乐安

首先,下载并安装Hippo Animator。该软件有三种版本,最后一项Starter Edition供个人用户自由使用,该版本为基本的HTML动画和GIF动画创建提供了足夠的特性,我们可以选择安装该版本(图1)。

启动软件后点击New按钮新建动画文件。从左侧栏中选择动画类型,然后点击Create按钮新建动画(图2)。

通过软件窗口上部的工具栏按钮,向库中添加预置的各种对象,包括线条、形状、图像、文本、按钮、声音、链接、热点等。然后,从库中拖动对象到空白画布上。此外,还可以通过Import按钮,导入各种图像、声音甚至视频(图3)。如果觉得对象形状或大小不合适,可使用右边的属性窗格更改其形状和样式。

将对象放到适当的位置后,右键单击时间线,然后选择AddFrame添加帧(图4)。将时间线滑块向右移动,移动得越多,下一个动画需要的时间就越长。

选择要成为动画的对象,并将其移动到一个新的位置。形状和类型也可以调整。再次右键单击时间线添加帧,如此继续,直到所有的对象都按照希望的方式设置为动画的形式。

动画设置完成后,点击Export按钮,并选择所需的格式来导出动画。

Hippo Animator创建的动画可用在PC、iPhone,iPad和Android平台的Internet Explorer、Firefox、Chrome、Safari、Opera等浏览器环境中,实现跨平台使用。动画创建后,导出为HTML、GIF或PNG,使用一行简单的代码即可将其添加到网页或发布到网上。

猜你喜欢

右键形状按钮
轻松整理Win10右键菜单
你的形状
看到的是什么形状
心的形状