User:D0gr0ck/Animation

From SpiralKnights

Jump to: navigation, search

Summary

A page to store GIF animations of the armor sets as I work. This is just armor and helm for now. Contrary to my previous statement I will include shields where applicable.

I'm going to try and keep the frame size as consistent as possible (about 165x270). No more than 16 frames per animation. 100ms frame time.

Any comments? Drop them on the Talk page!


How To Make These

These are going to be rather general instructions because I use GIMP for photo editing. General instructions will allow image editor users an outlined understanding.

  • Each GIF is made up of 16 screen shots from the in-game armor window.
  • The un-edited screen shots are each added, sequentially, to different layers in the image editor.
  • Then a Crop to Selection tool is used to shrink all layers at once down to just the character in the equipment window. This method guarantees that all the images are centered.
  • In GIMP just "Save As" and type in .gif as the file extension. The program will ask to merge layers or save as animation. Choose Animation.
  • In Photoshop choose "Save for Web" and make sure in the resulting screen the file is set up as an animation. (I don't posses Photoshop, it might be better to Youtube search for these instructions)
  • Both programs will have a field that ask how much time between frames. All images on this page are 100ms between frames.

Neat tip for GIMP: The time between frames can be set independently per frame. At the end of the layer name just append "(###ms)" where the number is the millisecond value of each frame's display time.

Animations

Groundbreaker Set

Groundbreaker Set-Animation.gif (yeas I realise there's a frame missing)


Cobalt Series

Cobalt Set

Cobalt Set-Animation.gif


Jelly Series

Jelly Set

Jelly Set-Animation.gif


Magic Series

Magic Set

Magic Set-Animation.gif

Elemental Set

Elemental Set-Animation.gif

Miracle Set

Miracle Set-Animation.gif

Grey Feather Set

Grey Feather Set-Animation.gif

Chaos Set

Chaos Set-Animation.gif

Personal tools