
最近看了几个官网,发现好多官网都在用 SVG 做特效和动画
占用资源少的同时还能实现各种炫酷的动画
自己一下午写一个鸭子移动的画面,总之就两个字:抽象,太抽象了,以失败告终。
不知道各位 SVG 大佬对于 SVG 的动画、坐标都是怎么理解的?
1 zhhbstudio 2024-11-21 19:30:54 +08:00 有没有可能,他们是拿工具做的 |
2 jydeng 2024-11-21 19:32:07 +08:00 用 AI 写 |
3 ETiV 2024-11-21 20:02:34 +08:00 在上古时代,有一个套方案叫 Flash ,本来是 Macromedia 的,后来被 Adobe 收购了 Flash 除了 Player ,它自身还有一套非常成熟的帧动画编辑器… iPhone 出来后,Flash 就没落了 再后面,Adobe 就把它给改成了一个叫 Animate 的工具,我看了下文档,是可以导出 SVG 的 1. https://www.adobe.com/products/animate.html 2. https://helpx.adobe.com/animate/using/exporting-svg-format.html |
4 ETiV 2024-11-21 20:39:11 +08:00 除了 SVG ,还一个新的方案,Lottie ,可以使用 Adobe After Effects 的特效时间线来生成动画 https://lottie.github.io/ 跟 SVG 不一样,这个是绘制在 HTML Canvas 上,或者其他平台上有它自己的实现 https://airbnb.io/lottie/ https://github.com/airbnb/lottie-web Google 到了几个比较酷炫的网站… 1. https://lottiefiles.com/ 2. https://www.lottielab.com/ 3. https://lordicon.com/ 腾讯最近也出了一套方案,PAG https://pag.io/ (企业版要收费) |