Inkscape.org
Beginners' Questions Help with spiral animation
  1. #1
    Theguyman2002 Theguyman2002 @Theguyman20122
    *

    anyone know a better way i can go about making a animation like this smoother from scratch? Even tools outside inkscape can be a big help

    i traced over a shape in the microsoft shapes 3d program but in that program the textures dont wrap around it and you cant turn the shapes in small increments. i had to improvise some parts and the back in inkscape.

    i want to make this in 24 frames

  2. #2
    brynn brynn @brynn
    *

    Welcome to the forum!

    When you ask about making it smoother, do you mean that you want the animation to be smoother?  Or do you  mean that you want a smoother process for making it?

    As far as I understand GIF animation, the more different "frames" that you have, and the smaller time segments, the smoother it will look.

    There is a page on the website about animation, that covers all the different ways you can use drawings from Inkscape for animation.  There are several options.  https://inkscape.org/learn/animation/  

    What kind of textures are you talking about?  That image is so small, it's hard to tell if there is some texture on the pieces.  What program did you use to animate it?  I'm sure there are some programs which offer small enough time increments, you'd just have to research it.  I know that GIMP has some GIF animation tools.

    There are some Inkscape extensions, which I think are for GIF animation.  I don't know which of these works, or works with which version of Inkscape.  But you can test them, if you like.

    And there are even more than that, for different types of animation, for example, SMIL and HTML5, and probably others beyond that. 

     

  3. #3
    Theguyman2002 Theguyman2002 @Theguyman20122

    Thank you

    well when you look at picture you can tell each and every individual line doesn't move the same distance after eachother in each frame especially when you look at the bottom. so the distance between each line isnt always equal. i kind of had to improvise or trace over pictures of rotating 3d models from a cheap 3d program with line textures on the 3d model.  Im looking for a smoother easyer process of makeing the distance between the lines always equal and have the illusion thats its rotating in 3d. I want to do it in vector format so it could be used as a asset in something that only takes vector. This is the only animation I ever plan on doing on inkscape also thank you for the resources im gonna read those

     

  4. #4
    brynn brynn @brynn
    *

    I guess you'd have to draw them that way.  Draw each "frame" so that the line has moved a specific distance.  And also you'd have to do some magic math, because the closer you get to the sides (right and left) the slower the lines have to move, and the thinner they need to be, and closer to each other they would need to be, to create the illusion of depth.  I have no idea what kind of math that would be, but I'm sure there are formulas that would be helpful.  Without math, you'd have to just "eyeball it".

    The project would not take much skill for using Inkscape.  The skill would come in knowing how to make the depth happen.

    How will you be able to use the GIF in a vector only environment?  Because of course, GIF is raster.  If it truly needs vector only, you'd have to use a different type of animation (SMIL or  ECMAscript or HTML5 or CSS or other type of code).

    Edit - To look at other extensions for different kinds of animation, go to the Learn menu (top-right area of the forum) and click on Inkscape Resource List.  Go to the bottom where the extensions are listed, and click on Animation/Presentation.

  5. #5
    thebusiness thebusiness @thebusiness

    Hey Brynn, there is also https://svgflipbook.com which can help with flipbook style animations.