over 5 years ago from Jon Sutherland, Co-founder & Head of Design at Monarch
I'm interested in learning how to do animation for logos, UI, etc. and am not a big fan of Adobe's pricing model, so would therefore like to avoid After Effects. What are the other most-used tools for animation? And do you know of any good tutorials to help me get started?
Great list. Some additional tools that may also be of use:
Hype (visual HTML/CSS animations) - https://tumult.com/hype/
Processing (code based animation) - https://processing.org
Thank you! This is super helpful
Keyshape.
It's the best web animator I've used. Powerful and user-friendly. SVG, PNG, GIF, MP4 and Lottie support. Mac only. Obvs. Oh and it's like $30.
Principle is great for interactive prototyping, I use it a lot, but for export it doesn't have many options. Nothing adequate for the web in a compressed format, it's not really intended for that.
Honestly might just be worth using 3D software with the lighting turned off at that point.
AE is really an outstanding piece of software, easily the best one Adobe produces. It's hard to find anything that competes with it. I might have a deeper view of what it's capable of though than most.
Have you tried Haiku? One of the cool things it does is its tight integration with development. You can create an animation in Haiku and export the result as React component or Lottie file, which can be directly used in production without losing fidelity.
I really enjoy using Tumult Hype (https://tumult.com/hype/) – it's a very straightforward app, similar to Sketch in that it's built around HTML design paradigms.
However, you can export animations as web apps, GIFs or MP4 video – so I use it all the time to create quick sketch animations.
Thanks for the tip. The UI does look a lot like Sketch
For logos, I would look into Blender. Free and powerful. For UI animation, the suggestions in this thread are very good.
Thanks, I'll give Blender a try
And all the motion apps that are UI focused seem to be narrowly tailored to mobile. To me web motion is the biggest underserved market.
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now