Do someone know a “Designer” way to create SVG animations? This is painful for us that don’t know too much about code and GIFs are to weight and limited about colors and resolution.
Admittedly there’s a bit of work to them but nothing too difficult if you have some basic graphics knowledge. If you don’t then there are quite a few on the internet at various places that you can just download.
Are you looking for a specific design or creating your own then or are the ones like those on Codrops anything like what you might be after?
Really nice tool, but it just export html/css/javascript files, something like Edge Animate do. To create this kind of animations I think that Webflow Interactions fits perfectly. I was thinking in SVG animation properly like this SVG Loaders - Sam Herbert. Do you know some way to create that?
TIL that animations can indeed be stored into a single SVG file… I was looking to do that but never came across SMIL. Although it’s not at all supported on IE and Edge.
Interesting, going to look for a way to produce those.
Okay It’s been a very very very long time since I used Flash (now Adobe Animate) so please don’t laugh at this but I just put together a very very simple loader animation using Adobe Animate. Only took a couple of minutes and I’m pretty sure it’s the kind of thing you’re looking for?
If so then I’d highly recommend using that if you have it.
Yes that was done entirely in Adobe Animate and then exported using the freely downloadable SVG Animation Extension for Adobe Animate which allows you to export animations to SVG files.
It’s a very very simple timeline animation that I did, frame by frame and I’m absolutely positive that it could be done using Actionscript in probably about 3 seconds but I was pushed for time and not able to get back into learning AS again
As you can see from the GIF below it was very very simply made by me. It’s entirely possible to make the more advanced loader type animations that you see on the internet though. Pretty much anything you can think up really.
Am I the only one surprised that no-one said anything about SVGator? Yes, I know they are still missing key features (or functionalities), but hey - it’s a new project guys, for us, for designers = meaning that it doesn’t require any coding skills and exports a single svg file
They even stated that before launching the project, that they want to encourage the extensive use of svg animations on the web, especially designers.