人们喜欢移动的物体比静态的静态物体更喜欢。 这就是为什么视频和动画如此受欢迎的原因 。 如果将两者进行比较,则动画对于一个简单的移动对象会更有效- 大小和带宽都很轻 。
在网页设计中,创建非常简单的动画非常容易。 您可以使用许多有用的插件。 但是,这些仅是基本的,如果您想要带有很多帧的动画视频,则不合适。 这就是Animatron出现的地方。这是一个免费的,易于使用的Web应用程序,旨在简化动画过程 。
Animatron为您提供了许多功能,并且不需要第三方支持-无需插件,无需下载也不需要编程。 它也支持许多浏览器。 完成编辑后,可以将其发布为视频,gif或HTML5形式,以嵌入到您的网站中。
入门
要开始使用Animatron,只需导航至编辑器页面 。 这是您的工作区,动画创建的所有过程都在此进行。
Animatron工作区及其背后的过程与其他Flash /视频编辑器工具非常相似。 在底部,您可以找到帧和时间控件 。 从关键帧到音频管理,您将在这里控制所有动画行为。
左侧还有用于锁定或使对象不可见的对象控件,以及更多功能。 花点时间测试一下。
在左侧栏上,有一些编辑工具,例如“选择”,“套索”,“铅笔”,“字体”,“画笔”,“形状”,“缩放”等。
播放控件位于画布的正下方。 有关更多信息,请单击播放控件右侧的问号。
在页面的左上角,有一个菜单可用于更多项目选项(新建,重复,删除等)。 您也可以在此处导入内容 。 它支持图像,音频和SVG文件。
想更快地走动吗? 只需导航至“ 帮助”>“显示快捷方式”并使用键盘快捷方式即可解决。
要发布选项,请在页面的右上角。 您可以将动画发布为HTML5,gif或视频(但必须先注册)。
在右侧面板中,您将看到其他功能,例如对象管理,场景控制器,编辑模式切换器等。
影片教学
大多数动画创建过程将取决于帧控制器。 通过Animatron 博客和此教程链接上的教程视频,可以了解它的功能。 您会发现从基础到高级的视频教程以及有关Animatron的信息更新。
最后的想法
即使Animatron不花钱,也不需要使用任何专业技能,您仍需要具有良好的设计技能和准备才能制作出出色的动画。 好消息是Animatron 支持在线协作 。 您需要做的就是将您的项目链接发送给您的合作伙伴,然后您就可以一起从事同一个项目。
翻译自: https://www.hongkiat.com/blog/interactive-animations-animatron/