11

What animation tool do you use?

over 3 years ago from , freelance

Hey DN!!

I want to make simple illustrations like these: https://digitalsynopsis.com/design/loading-animations-preloader-gifs-ui-ux-effects/

I am currently using atomic, but wondering whether there is a easier and quicker way of making animations. Sometimes I feel like writing CSS might be faster...

Do I just need to master atomic? or is there a better way to go around?

13 comments

  • Luke Fiji, over 3 years ago

    I know the two most popular ones right now are Framer, which is code-based but very precise; and Principle, which is timeline-based, similar to After Effects

    6 points
  • Marc EdwardsMarc Edwards, over 3 years ago

    I’ve used Cheetah 3D and Photoshop for stuff like that (one, two, three).

    I’d bet most of those examples were created in After Effects, Processing, or Cinema 4D. Framer is definitely another option worth investigating.

    Most of Dave Whyte’s work is Processing.

    The Android loader: “It's all After Effects using shape layers”

    I think most of Mark Pearson’s work like this is done in Cinema 4D.

    IU8 use a bunch of tools, including After Effects and Cinema 4D.

    5 points
  • Patrick LoonstraPatrick Loonstra, over 3 years ago

    You can also use After Effects. Thé tool for all kind of 2d animation. And to transfer them to the web, Airbnb made a small tool for that, called Lottie.

    2 points
  • Ed LyEd Ly, over 3 years ago

    Just wanted to +1 Principle. :)

    You can find lots of examples/templates here, in case this is close to anyone's interests...

    http://principletemplates.com/

    2 points
    • Ayaka Sasaki, over 3 years ago

      didn't know they had templates! this is definitely one reason to start using principle eh? :) thanks alot

      0 points
  • Jan SemlerJan Semler, over 3 years ago

    After Effects, you will find ton of tutorials out there i can recommend videocopilot.net start with the old ones they are really helpful. Principle, framer, flinto are possible but not really flexible. If you wanna manipulate vectorshapes you have to use after effects. You will also have nice plugins bodymovin for example with works with the lottie framework for ios or android or exports svg animations for web. Or rubberhouse to animate bodys of characters. If you know the basics then you will create fast really easy animations. Search for: key framing und vector shape animations. Good luck.

    1 point
  • Ryan Cuppernull, over 3 years ago

    I personally still use After Effects for most animation needs like this. And now with things like Lottie and Bodymovin, you can even export shape based AE animations as SVG and such for use in web and mobile apps.

    1 point
    • , over 3 years ago

      yes, Lottie is pretty huge now. is it worth trying though?

      0 points
      • Ryan Cuppernull, over 3 years ago

        I definitely think so. Lottie uses bodymovin as well to export animations from after effects, it provides the code/wrappers to then use those animations natively in apps. I think for more robust animation elements it provides the most flexibility since you have the full use of shape layers in after effects.

        1 point