Got a tip for us?
Let us know
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
graphics with motion
- Thread starter zoran
- Start date
- Sort by reaction score
Adobe has specific software for animation, Adobe Animation. You can get a try at that one if you already have the suite. Or there are for sure more software out there, even coding can be a possibility
Maybe Tumult Hype fits your needs, it's a bit like a reduced Adobe Flash/Animate but for HTML5.
Two frameworks to animate typography are animate.css and cssanimation.
Another interesting full blown animation framework for web devs is GreenSock's GSAP.
If you're looking for a special effect or a transition, there are dozens of ready to use animations and frameworks on the net.
Two frameworks to animate typography are animate.css and cssanimation.
Another interesting full blown animation framework for web devs is GreenSock's GSAP.
If you're looking for a special effect or a transition, there are dozens of ready to use animations and frameworks on the net.
Adobe XD is often confused for a website or app authoring app - but it is meant for prototyping only.
Flash is replaced by HTML5 animations, which can be generated with SVG, CSS, Javascript or a combination of two or three.
Adobe rebranded Flash to Animate CC, and implemented a HTML5 animation output option. It is still Flash, though. Web animations are quite simple to do in Animate CC.
For Mac only Tumult Hype is also a good alternative: https://tumult.com/hype/
Another good options is Saola Animate. Available for both Mac and Windows.
All of these sport animation timelines and keying of properties.
Another method is output to HTML5 Canvas. Godot is perhaps more complex (since it is a game authoring tool) but it also features a fully functional animation timeline, and allows for far more complex interactive behaviour - making it possible to create fully interactive 3d environments, if need be. For free (it is open source).
Unity is similar to Godot in that regard, and can also be used for output to HTML5 Canvas.
godotengine.org
unity.com
For 2d visual programming and animations with timelines, another alternative is Construct 3.
www.construct.net
I mention Godot, Unity, and Construct here because Flash was (and still is) often used for online interactive game experiences as well.
Flash is replaced by HTML5 animations, which can be generated with SVG, CSS, Javascript or a combination of two or three.
Adobe rebranded Flash to Animate CC, and implemented a HTML5 animation output option. It is still Flash, though. Web animations are quite simple to do in Animate CC.
For Mac only Tumult Hype is also a good alternative: https://tumult.com/hype/
Another good options is Saola Animate. Available for both Mac and Windows.
All of these sport animation timelines and keying of properties.
Another method is output to HTML5 Canvas. Godot is perhaps more complex (since it is a game authoring tool) but it also features a fully functional animation timeline, and allows for far more complex interactive behaviour - making it possible to create fully interactive 3d environments, if need be. For free (it is open source).
Unity is similar to Godot in that regard, and can also be used for output to HTML5 Canvas.
Godot Engine - Free and open source 2D and 3D game engine
Godot provides a huge set of common tools, so you can just focus on making your game without reinventing the wheel.
Unity Real-Time Development Platform | 3D, 2D, VR & AR Engine
Create and grow real-time 3D games, apps, and experiences for entertainment, film, automotive, architecture, and more. Get started with Unity today.
For 2d visual programming and animations with timelines, another alternative is Construct 3.
Game Making Software - Construct 3 ★★★★★
Construct 3 is the worlds best game making software. Make your own game in your browser without coding or with Javascript. Building games has never been easier!
I mention Godot, Unity, and Construct here because Flash was (and still is) often used for online interactive game experiences as well.
Last edited:
That's an obscenely long list. There are tons of apps that can create "motion graphics." As long as you can someone save/export those motion graphics in a format supported by browsers, it doesn't really matter what app you use.
There are so many that I don't want to spend the time to list the ones I know about here. Adobe makes several, Apple makes several, and there are probably hundreds upon hundreds of third-party apps. Heck, you could actually use Apple's Keynote app for simple animation and export it as a video to be placed on a webpage.
It just depends on your level of experience using them as to which ones are best for you.
If you're looking to make animations that are responsive on the web, you're better off learning HTML5.
That's going to enable basic moves, rotates, fading... that kinda stuff.
If you're want something that's more like a video or animated GIF on a website (anything output as frames... which can also work on the web – you've seen Apple use this too as you scroll down a page and it essentially scrubs through a video's timeline), then I would suggest looking into Adobe After Effects. The great thing about After Effects is that there's no ceiling to how exacting or precise you can be or the nature of the animations. It's what professionals in movies, commercials, and TV show intros, etc. use to do their animations (in addition to 3D software). It's the Photoshop of motion.
Animate is the modern day version of Flash, but unfortunately there hasn't really been a true successor to Flash. You can do the same animations in Animate, so they'll look just as good in your Animate software editor, but there is no universal .SWF format that can play on all web browsers anymore.
It's really too bad. I started design in Flash and it was amazing how much one designer could do, with so much fidelity, without code. We're about 15 years after Flash was a thing and no websites can do now what Flash could do back then.
That's going to enable basic moves, rotates, fading... that kinda stuff.
If you're want something that's more like a video or animated GIF on a website (anything output as frames... which can also work on the web – you've seen Apple use this too as you scroll down a page and it essentially scrubs through a video's timeline), then I would suggest looking into Adobe After Effects. The great thing about After Effects is that there's no ceiling to how exacting or precise you can be or the nature of the animations. It's what professionals in movies, commercials, and TV show intros, etc. use to do their animations (in addition to 3D software). It's the Photoshop of motion.
Animate is the modern day version of Flash, but unfortunately there hasn't really been a true successor to Flash. You can do the same animations in Animate, so they'll look just as good in your Animate software editor, but there is no universal .SWF format that can play on all web browsers anymore.
It's really too bad. I started design in Flash and it was amazing how much one designer could do, with so much fidelity, without code. We're about 15 years after Flash was a thing and no websites can do now what Flash could do back then.
Conversely, Flash SWF files were a disaster for accessibility, a closed proprietary binary format that required a proprietary player, did/do not adapt well to various screen sizes, was dreadful for content management, and allowed designers to eschew commonly accepted UX usability norms.
But I do agree it was great for (interactive) animations.
(And it could do things with video that are still not possible in html5).
That said, let's not idealize Flash: html5 can do 99% of what Flash could do at the time. And Flash tech is missing a LOT that is now possible in html5 (such as full hardware accelerated 3d and easy responsive screen behaviour).