HISE Logo Forum
    • Categories
    • Register
    • Login

    Lottie vector animation

    Scheduled Pinned Locked Moved Feature Requests
    52 Posts 9 Posters 3.9k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • lalalandsynthL
      lalalandsynth @gorangrooves
      last edited by

      @gorangrooves Sure , will do that :)

      https://lalalandaudio.com/

      https://lalalandsynth.com/

      https://www.facebook.com/lalalandsynth

      https://www.facebook.com/lalalandsynth

      1 Reply Last reply Reply Quote 0
      • Christoph HartC
        Christoph Hart
        last edited by

        If you‘re on a mac, check out Keyshape, I found it to be the most promising tool for creating vector animations that work reliably as lottie file.

        The original AfterEffects bodymovin plugin looks incredibly hacky and its extremely easy to create something that can‘t be exported properly, while on the other hand the keyshape app is much more limited than After effects, but everything you do there should be exportable.

        lalalandsynthL 2 Replies Last reply Reply Quote 3
        • lalalandsynthL
          lalalandsynth @Christoph Hart
          last edited by lalalandsynth

          @Christoph-Hart Are you referring to the ghosting ? Because I seem to have everything else working properly at the moment.
          I am on Win mostly but also Mac.

          Keyshape looks promising !

          https://lalalandaudio.com/

          https://lalalandsynth.com/

          https://www.facebook.com/lalalandsynth

          https://www.facebook.com/lalalandsynth

          1 Reply Last reply Reply Quote 0
          • lalalandsynthL
            lalalandsynth
            last edited by lalalandsynth

            @Christoph-Hart It seems that the biggest problem for me is that the rLottie just chokes on a lot of the animations. It might work eventually if I waited but it just freezes.

            EDIT: I waited for 15 minutes , it cant handle some of these files.

            https://lalalandaudio.com/

            https://lalalandsynth.com/

            https://www.facebook.com/lalalandsynth

            https://www.facebook.com/lalalandsynth

            1 Reply Last reply Reply Quote 0
            • lalalandsynthL
              lalalandsynth
              last edited by

              Trying out the Keyshape Workflow.
              Seems easy to use , I am more familiar with Illustrator and after fx though.
              Have to do some more testing to see as there are some limitation to the lottie export. but it works.

              Does anyone have a snippet to make it behave like a knob in terms of how it responds to the mouse , I am just using the lottie example and its not suitable.
              Keyshape.gif

              https://lalalandaudio.com/

              https://lalalandsynth.com/

              https://www.facebook.com/lalalandsynth

              https://www.facebook.com/lalalandsynth

              1 Reply Last reply Reply Quote 0
              • lalalandsynthL
                lalalandsynth
                last edited by lalalandsynth

                You can get some nice looking stuff with combining png overlays on top of Vectors . That obviously means that you can use "large" png , scalable static images that will not take that much space.
                Keyshape 2.gif
                Keyshape.jpg

                https://lalalandaudio.com/

                https://lalalandsynth.com/

                https://www.facebook.com/lalalandsynth

                https://www.facebook.com/lalalandsynth

                1 Reply Last reply Reply Quote 0
                • lalalandsynthL
                  lalalandsynth @Christoph Hart
                  last edited by lalalandsynth

                  @Christoph-Hart Been trying out Keyshape and its very promising but I am always having a problem with the rLottie crashing on larger more involved animations .

                  This is obviously quite large so I tried to do this one part at a time , still just crashes.
                  https://lottiefiles.com/share/pP4lQh

                  Any chance of having a look at that or is there another way of bringing in vector animations?

                  https://lalalandaudio.com/

                  https://lalalandsynth.com/

                  https://www.facebook.com/lalalandsynth

                  https://www.facebook.com/lalalandsynth

                  ustkU 1 Reply Last reply Reply Quote 0
                  • ustkU
                    ustk @lalalandsynth
                    last edited by ustk

                    @lalalandsynth Effectively this animation is less than 134000 characters long :)

                    But honestly, something like that can be done in Hise with a paintRoutine (or several)
                    It's not really easy but doable

                    Can't help pressing F5 in the forum...

                    lalalandsynthL 2 Replies Last reply Reply Quote 0
                    • lalalandsynthL
                      lalalandsynth @ustk
                      last edited by

                      @ustk Yes, this is extremely large but it also crashes on much simpler ones.
                      I also exported just parts of it but still crashed.

                      https://lalalandaudio.com/

                      https://lalalandsynth.com/

                      https://www.facebook.com/lalalandsynth

                      https://www.facebook.com/lalalandsynth

                      1 Reply Last reply Reply Quote 0
                      • lalalandsynthL
                        lalalandsynth @ustk
                        last edited by

                        @ustk said in Lottie vector animation:

                        It's not really easy but doable

                        In Keyshape ...it easy ;)

                        https://lalalandaudio.com/

                        https://lalalandsynth.com/

                        https://www.facebook.com/lalalandsynth

                        https://www.facebook.com/lalalandsynth

                        ustkU 1 Reply Last reply Reply Quote 0
                        • ustkU
                          ustk @lalalandsynth
                          last edited by ustk

                          @lalalandsynth If it crashes with smaller animations, it's maybe because some processes are not Hise friendly.
                          I know nothing of Lottie files, but I remember that some processes (like shading, transparency or something I don't imagine...) can lead to some incompatibilities.
                          Don't ask, that's all I know :)

                          So maybe you should begin with fewer processes and bring them one by one so you know what is incompatible (and tell us :) )

                          Can't help pressing F5 in the forum...

                          lalalandsynthL 1 Reply Last reply Reply Quote 1
                          • lalalandsynthL
                            lalalandsynth @ustk
                            last edited by lalalandsynth

                            @ustk Will do , I am experimenting :)

                            This does not work.
                            https://lottiefiles.com/share/F3HrLN

                            This Works. https://lottiefiles.com/share/Nk5rGv

                            So one these shapes below work , but not multiple so either it cannot handle larger files or it has a problem with them overlapping ? Trying two of them next
                            Keyshape 3.gif

                            Ok tried two and it crashes , I have seen much more elaborate animations in HISE that work.
                            So this works
                            https://lottiefiles.com/share/A1YfWb

                            But this does not , only a small addition.
                            https://lottiefiles.com/share/zE77ud

                            Tried this to check if it was the overlap, that does not seem to be the issue .
                            Conclusion so far . One shape works , as soon as I add another , non overlapping , the rLottie app crashes when I copy the json into it.
                            https://lottiefiles.com/share/woBSyQ

                            Certainly this is a much more complex animation then I am making but this works ?
                            Example.gif

                            https://lalalandaudio.com/

                            https://lalalandsynth.com/

                            https://www.facebook.com/lalalandsynth

                            https://www.facebook.com/lalalandsynth

                            lalalandsynthL 1 Reply Last reply Reply Quote 0
                            • lalalandsynthL
                              lalalandsynth @lalalandsynth
                              last edited by lalalandsynth

                              @lalalandsynth Anyone been using this with any luck ?

                              Setting this up again with the needed apps , After FX - Bodymovin for exporting from After FX as Rlottie and Overlord to import into After FX from Illustrator.

                              The Rlottie converter crashes a LOT , It seem to have to do with the file size of the Json , would it be possible to know what are the limits , if there are limits to the file size. It hard to do any animation and not knowing if it will convert or not.

                              https://lalalandaudio.com/

                              https://lalalandsynth.com/

                              https://www.facebook.com/lalalandsynth

                              https://www.facebook.com/lalalandsynth

                              1 Reply Last reply Reply Quote 0
                              • lalalandsynthL
                                lalalandsynth
                                last edited by lalalandsynth

                                Lottie Animator , for PC and MAC

                                https://www.haikuforteams.com/animator/

                                https://lalalandaudio.com/

                                https://lalalandsynth.com/

                                https://www.facebook.com/lalalandsynth

                                https://www.facebook.com/lalalandsynth

                                ustkU 1 Reply Last reply Reply Quote 0
                                • ustkU
                                  ustk @lalalandsynth
                                  last edited by

                                  @lalalandsynth I've seen that some time ago and it seems very cool, but the pricing is a deal-breaker...

                                  Can't help pressing F5 in the forum...

                                  1 Reply Last reply Reply Quote 0
                                  • lalalandsynthL
                                    lalalandsynth
                                    last edited by

                                    Yes, agreed .
                                    Have you used any Lottie stuff so far ?

                                    https://lalalandaudio.com/

                                    https://lalalandsynth.com/

                                    https://www.facebook.com/lalalandsynth

                                    https://www.facebook.com/lalalandsynth

                                    ustkU 1 Reply Last reply Reply Quote 0
                                    • ustkU
                                      ustk @lalalandsynth
                                      last edited by

                                      @lalalandsynth Nope, I make my vectors using Hise paths, but I might improve them with Lottie in the future...

                                      Can't help pressing F5 in the forum...

                                      1 Reply Last reply Reply Quote 0
                                      • First post
                                        Last post

                                      26

                                      Online

                                      1.7k

                                      Users

                                      11.9k

                                      Topics

                                      103.3k

                                      Posts