VectorStyler
    • Categories
    • Unread
    • Recent
    • Tags
    • Popular
    • Register
    • Login

    How to get the interpolated states of blends between shape variations to generate correctly

    Scheduled Pinned Locked Moved Questions and Support
    27 Posts 5 Posters 38.3k Views 4 Watching
    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.
    • BoldlineB Offline
      Boldline
      last edited by

      @b77 said in How to get the interpolated states of blends between shape variations to generate correctly:

      Btw, selecting all nodes displays their count on the left side of the context panel

      Glad you mentioned this. I had not noticed it and had dedicated the bottom area of the UI for that task. Maybe I'll assign another task down there since it counts for me already at the top as you pointed out

      🍎 macOS Tahoe 26.2, Mac mini (M1, 2020), Chip Apple M1, Memory 16 GB
      Cintiq 27QHD Display and LG Ultra HD Display

      1 Reply Last reply Reply Quote 1
      • N Offline
        Nils
        last edited by Nils

        With all the tips here and after a lot of experimentation with the process I was able to make a simple "dripping" animation using the blend tool and batch exports.

        Needless to say, once a certain workflow has been established, which may take some time, one could use VS for much more complex animations, which is a great thing!

        alt text

        S b77B 2 Replies Last reply Reply Quote 5
        • S Offline
          Subpath @Nils
          last edited by

          @Nils

          smmoooooothhhh result

          Finally, what tool did you use to make the animation ?
          I assume you exported single frames, but then ?

          Win 11
          CPU: AMD Ryzen 5 9600X, 6-core.
          GPU: Nvidia Geforce RTX 5070.

          N 1 Reply Last reply Reply Quote 1
          • N Offline
            Nils @Subpath
            last edited by

            @Subpath Just google gif maker, then choose one of the various results. Animation is just frames in sequence as you'll know.

            S 1 Reply Last reply Reply Quote 1
            • S Offline
              Subpath
              last edited by

              Corel Draw 11 (sadly only this Version i think), had once a vector animation tool
              called "Corel Rave". Basically it had all the vector tools from CorelDraw
              with a timeline and a tweening function. You could save your Animation as Flash (.swf).

              Found a Video here:
              Corel Rave Video

              Win 11
              CPU: AMD Ryzen 5 9600X, 6-core.
              GPU: Nvidia Geforce RTX 5070.

              1 Reply Last reply Reply Quote 0
              • S Offline
                Subpath @Nils
                last edited by Subpath

                @Nils
                ...Just google gif maker, then....
                thanks for the Info

                Win 11
                CPU: AMD Ryzen 5 9600X, 6-core.
                GPU: Nvidia Geforce RTX 5070.

                1 Reply Last reply Reply Quote 0
                • b77B Offline
                  b77 @Nils
                  last edited by

                  @Nils Nice! Blending across multiple artboards?

                  MacBook Pro (Intel) running Monterey 12.6.4

                  N 1 Reply Last reply Reply Quote 0
                  • N Offline
                    Nils @b77
                    last edited by

                    @b77 You can just scale any scene down to make the various interpolated states fit the artboard and then increase your resolution correspondingly on export.

                    Why were you thinking of multiple artboards?

                    b77B 1 Reply Last reply Reply Quote 0
                    • b77B Offline
                      b77 @Nils
                      last edited by b77

                      @Nils If the artboard count is the same with the blend count and you place the start object on the first artboard and the end object on the last one, each interpolation would be on the intermediary artboards.

                      Then after editing the interpolated objects (I guess with your a bit complex animation it involved expanding the blend object and editing the resulting shapes), you can use File > Export Artboards to get all the images for the Animated GIF with one click.

                      See the attached (very basic) example.

                      0_1649538422789_Animate.vstyler

                      MacBook Pro (Intel) running Monterey 12.6.4

                      N 2 Replies Last reply Reply Quote 0
                      • N Offline
                        Nils @b77
                        last edited by

                        @b77 said in How to get the interpolated states of blends between shape variations to generate correctly:

                        I guess with your a bit complex animation it involved expanding the blend object and editing the resulting shapes

                        Surprisingly not. The above is all done without touching any interpolation results. Vs's blend tool is truly great.

                        If the artboard count is the same with the blend count and you place the start object on the first artboard and the end object on the last one, each interpolation would be on the intermediary artboards.

                        That sounds like a great way to emulate a crude timeline! Would also save the hassle of having to align stacked intermediate blends.

                        1 Reply Last reply Reply Quote 2
                        • N Offline
                          Nils @b77
                          last edited by

                          @b77 Here's the problem, though? This doesn't seem to work well with non-linear intensities. Any idea how to work around that? For example, if I have a group with two circles and I want to blend vertical translation inside the group non-linearly, then the intensity will reflect in the group's position aswell if I use the groups for the blend.

                          Also, there doesn't seem to be a way to only blend one axis of translation..
                          I guess I'll have to expand and then realign..

                          b77B 2 Replies Last reply Reply Quote 0
                          • b77B Offline
                            b77 @Nils
                            last edited by b77

                            @Nils Do you refer to a way to simulate "closer" interpolations near the start and end objects (ease-in and ease-out)?

                            If so, it can be done (click the graph button in the Blend panel), but then this multiple artboards trick indeed doesn't work. It's good for repetitive, uniform-speed and -distance GIFs.

                            Although… you could simulate this "ease-in" and "ease-out" by opening the Animated GIF in an image editor and decreasing the ms values manually for the first and last frames.

                            If it's something else, you could post a test file.

                            MacBook Pro (Intel) running Monterey 12.6.4

                            1 Reply Last reply Reply Quote 0
                            • b77B Offline
                              b77 @Nils
                              last edited by b77

                              Bending the blend paths and slightly bending the blend transfer curves can give interesting results:

                              alt text

                              0_1649584277616_Animate_2.vstyler

                              Btw, I'm generating the AnimatedGIF with GiMP (File > Open as Layers, Image > Transform > Rotate 90°, then File > Export as > GIF with 'As Animation' enabled). No need to upload images online.

                              MacBook Pro (Intel) running Monterey 12.6.4

                              S 1 Reply Last reply Reply Quote 2
                              • S Offline
                                Subpath @b77
                                last edited by

                                @b77 thats funny 🙂 and cool

                                Win 11
                                CPU: AMD Ryzen 5 9600X, 6-core.
                                GPU: Nvidia Geforce RTX 5070.

                                1 Reply Last reply Reply Quote 0
                                • S Offline
                                  Subpath
                                  last edited by Subpath

                                  Unfortunalty only for Windows
                                  Can recommend "ScreenToGif" Utility for
                                  converting single frames into a Gif-Animation.
                                  Also very useful for Screen recording.

                                  Video ScreentoGif

                                  Win 11
                                  CPU: AMD Ryzen 5 9600X, 6-core.
                                  GPU: Nvidia Geforce RTX 5070.

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