Tool to create animated frames

Discussion in 'How Can I...?' started by sysads, Dec 28, 2015.

  1. sysads

    sysads Serious Boxer

    Joined:
    Oct 8, 2015
    Messages:
    885
    Likes Received:
    353
    I have created a set of 12 characters I want to use for my game selection but each will need to rotate meaning I have to create about 18 frames per character :(

    Anyone guide me on any tool that would make life easier and generate the frames needed to animate a rotation?

    Thanks
     
  2. Phill Mason

    Phill Mason Serious Boxer

    Joined:
    Sep 25, 2015
    Messages:
    880
    Likes Received:
    721
    Any photo-editing program like Photoshop would be easy enough to make simple rotations if your character just needs to spin round. Or perhaps something like Gimp (Which is Free), but almost any image editing software would allow simple rotation.

    Of course there's always trusty old Google: http://animizer.net/en/animate-static-image
     
    Wings n Armor likes this.
  3. sysads

    sysads Serious Boxer

    Joined:
    Oct 8, 2015
    Messages:
    885
    Likes Received:
    353
    Thanks for the reply but how can I do that with photoshop. Last time i tried with one image, i have to rotate then save then rotate then save. Its time consuming :(

    I have also tried that link in past but it saves it in sprite format which Buildbox does not support at the moment.
     
  4. jcalle

    jcalle Miniboss Boxer

    Joined:
    Sep 25, 2015
    Messages:
    1,193
    Likes Received:
    541
    Hello, I use "Jasc Animation Shop" for animations, of Paint Shop Pro (For PC)


     
  5. AndyG

    AndyG Miniboss Boxer

    Joined:
    Sep 25, 2015
    Messages:
    1,100
    Likes Received:
    915
  6. sysads

    sysads Serious Boxer

    Joined:
    Oct 8, 2015
    Messages:
    885
    Likes Received:
    353
    tweettopix likes this.
  7. Perry

    Perry Avid Boxer

    Joined:
    Oct 4, 2015
    Messages:
    111
    Likes Received:
    31
    Spriter is pretty good, Ive used it a few times.

    As far as doing that in photoshop, what you can do is the following:
    1) Download this script https://github.com/jwa107/Photoshop-Export-Layers-to-Files-Fast/archive/master.zip and install it to your photoshop script folder
    2) save each image on a different layer
    3) then go to File>Scripts>Export layers to file

    THis will export each layer as a seperate PNG file to be used as keyframes or as you see fit.
     
  8. AndyG

    AndyG Miniboss Boxer

    Joined:
    Sep 25, 2015
    Messages:
    1,100
    Likes Received:
    915
    Alternatively. Just highlight the necessary layers. Right mouse-click and select Quick Export as PNG.
     
  9. netkomm

    netkomm Avid Boxer

    Joined:
    Nov 23, 2015
    Messages:
    274
    Likes Received:
    143
    Spriter is on offer up to 5th January on Steam. 75% off
     
    Wings n Armor and Christoph like this.
  10. AndyG

    AndyG Miniboss Boxer

    Joined:
    Sep 25, 2015
    Messages:
    1,100
    Likes Received:
    915
    Wings n Armor likes this.
  11. Christoph

    Christoph Miniboss Boxer

    Joined:
    Oct 4, 2015
    Messages:
    2,807
    Likes Received:
    2,309
    I bought it on steam with the 75% discount. Never used this platform before. Is there a way to launch the app from the dock in OSX or do I have to launch it always from the steam app (Which would be kind of lame)?
     
  12. AndyG

    AndyG Miniboss Boxer

    Joined:
    Sep 25, 2015
    Messages:
    1,100
    Likes Received:
    915
    Yes just create an Alias. Right mouse-click on it from the list on Steam and select Create Desktop Shortcut (and of course you can place that in the dock).
     
    Christoph likes this.
  13. sysads

    sysads Serious Boxer

    Joined:
    Oct 8, 2015
    Messages:
    885
    Likes Received:
    353
    Well I bought it, watched the first tutorial but tried it as watched and didn't work. For some reason, the time line does not capture when i rotate the image and I am SAD :(
     
  14. brakewind723

    brakewind723 Serious Boxer

    Joined:
    Oct 3, 2015
    Messages:
    583
    Likes Received:
    506
    Have you ever tried adobe flash? If not, I would suggest downloading the trial version of cs5 (what I use) and see if generates the results you are looking for.
     
    ipad666 and Wings n Armor like this.
  15. Christoph

    Christoph Miniboss Boxer

    Joined:
    Oct 4, 2015
    Messages:
    2,807
    Likes Received:
    2,309
    I didn't had the time to check it yet, but it's a program to animate so you will have to animate @sysads. This doesn't happen just because. You have to say the program what to do. At least two keyframes are needed. When you put the first, the second, third, fourth etc for sure will appear automatically. So for a 360 degree turn you will have to set the first keyframe (probably in the rotation property if there is one) and then go to frame X and rotate the image to 360 (or 1x). If the second keyframe does not appear automatically then you will have to put it manually. And that's about it. That's how animation happens and you can go from there.
     
  16. netkomm

    netkomm Avid Boxer

    Joined:
    Nov 23, 2015
    Messages:
    274
    Likes Received:
    143
    Unless you use Flash... And export the sequence of the animation to png files...
     
  17. wayne_martell

    wayne_martell Avid Boxer

    Joined:
    Sep 25, 2015
    Messages:
    301
    Likes Received:
    100
    Wings n Armor likes this.
  18. netkomm

    netkomm Avid Boxer

    Joined:
    Nov 23, 2015
    Messages:
    274
    Likes Received:
    143
    So true... I actually felt ashamed only recommending it :D
     
    wayne_martell likes this.
  19. croomraider

    croomraider Boxer

    Joined:
    Jul 14, 2016
    Messages:
    20
    Likes Received:
    3
    After Effects is another software that you can export PNG image sequences.
     
  20. ipad666

    ipad666 Boxer

    Joined:
    May 6, 2018
    Messages:
    21
    Likes Received:
    0
    nice
     

Share This Page