SVGator 3.0 重塑 SVG 的创建和动画方式,提供大量新功能

制作动画可能很复杂,特别是制作引人入胜的动画时,你不仅仅是在屏幕上滚动一个球,而是在构建一个场景,其中许多事物在协调一致地移动和变化。当引人入胜的动画成为目标时,时间线 GUI 界面是一个行之有效的实现方式。这在 Flash 时代(RIP)就是如此,如今在所有严肃的视频编辑工具中也是如此。

但是,我们在网络上有什么工具可以用来制作矢量图形的动画呢?我们有 SVGator,它是一款创新且独特的 SVG 动画制作工具,无需任何编码技能!借助新的 SVGator 3.0 版本,它成为了一种突破性的工具,可以以直观的方式制作网页动画。

值得一看的是它的首页,看看所有使用该工具本身制作的精彩动画。

强大的工具触手可及

我喜欢基于浏览器的设计工具。我的所有项目都在云端,无论我在哪里都可以使用它们。这是我使用 SVGator 制作的一个基本动画项目。

任何设计工具的用户在这里都会感到宾至如归。它配备了一个直观的界面,可以满足专业工作流程的要求,提供各种选项,让你可以更好地控制工作空间。你可以在左侧找到元素和组的列表,以及顶部的主要编辑工具。所有属性都可以在右侧找到,你可以在时间轴上设置关键帧,让任何元素都栩栩如生。

说实话:我之前从未真正使用过 SVGator,我阅读了零文档,却能在短短几分钟内将这些动画 CSS-Tricks 星星拼凑起来。

看到上面的动画了吗?

  • 它输出为单个 animation-stars.svg 文档,我没有任何问题就可以将其上传到这篇文章中。
  • 仅在 SVG 内部使用 CSS 进行动画。它也有一个 JavaScript 动画输出选项,可以实现更广泛的跨浏览器兼容性和额外的功能(例如,仅在进入视图时开始动画,或单击时开始动画!)。
  • 最终文件只有 5 KB。非常小!
  • SVG(包括 CSS 动画部分)已预先优化和压缩。
  • 再说一次,我花了不到两分钟就弄明白了。

想象一下,如果你真的有设计和动画才能,你能做到什么。

直观且实用的导出选项
优化的 SVG 输出

SVGator 也是一个出色的矢量编辑器

随着 3.0 版本的发布,SVGator 不再只是一个动画工具,而是一个功能齐全的 SVG 创建工具!这意味着你不需要第三方矢量编辑工具,你可以在 SVGator 中从头开始创建或编辑你之前创建的任何预先存在的 SVG。带有快速编辑选项的钢笔工具、易于编辑的形状、复合选项以及许多其他令人惊叹的功能将帮助你完成工作。

这对变形补间特别有用,SVGator 完全支持变形补间!

我的一句话评论

Cool (animating in and out with scale and blur effects)

SVGator 的全新界面有一个可折叠面板的侧边栏,用于控制设计的各个方面。看看这个动画是如何通过控制一行文本、变换和滤镜来制作的,然后在下方选择这些内容的关键帧。

适合所有人的计划

如果你想将 SVGator 用作矢量编辑工具,这是完全免费的,这意味着无论你的订阅计划如何,你都可以创建和导出无数个静态矢量图形。事实上,即使是免费计划,你每个月也可以导出三个动画。当你需要更高级的动画工具或每月无限制的动画导出时,你需要升级到付费计划。