Gimp Sprites Tutorials

Discussion in 'Game Guides' started by Gonsegon, Apr 6, 2016.

  1. Gonsegon

    Gonsegon Active Member

    Joined:
    Mar 4, 2016
    Messages:
    149
    Likes Received:
    99
    Opening,Dropping,and Moving:


    Merging Sprites and fixing discolor:


    Editing Timing:


    Saving Animations:


    Sprite Sheets:
     
    Last edited: Apr 6, 2016
    lVlonsterCat, Draygashi and Shana like this.
  2. Gonsegon

    Gonsegon Active Member

    Joined:
    Mar 4, 2016
    Messages:
    149
    Likes Received:
    99
    Sprite Packs:


    Gimp Sprites Tutorials Assinging Delete Key and Fixing Discolor


    Gimp Sprites Tutorials Making Video Gifs with Sony Vegas

     
    Last edited: Dec 11, 2016
  3. Shana

    Shana Creator of Heartseeker, SF, IAS, BD & CC

    Joined:
    Mar 12, 2016
    Messages:
    4,048
    Likes Received:
    5,412
    These guides caused the beginning of my scroll-making journey. I strongly recommend them
     
    lVlonsterCat likes this.
  4. Shana

    Shana Creator of Heartseeker, SF, IAS, BD & CC

    Joined:
    Mar 12, 2016
    Messages:
    4,048
    Likes Received:
    5,412
    On the fourth video, where you save your animation in GIMP, I just wanted to point something out

    When you click [File] > [Save As]
    The part where you rename your file, change the .jpg .png part of the name, to .gif

    That is how you get to the step where you can configure the gif settings for the file.

    I hope that helps!
     
    lVlonsterCat likes this.
  5. Shana

    Shana Creator of Heartseeker, SF, IAS, BD & CC

    Joined:
    Mar 12, 2016
    Messages:
    4,048
    Likes Received:
    5,412
    And if you want the .gif file in the viewable form

    Click [File]>[Export As]

    Change the .jpg .png part of the name to .gif and save


    And then once that is done, right-click the exported file
    Click [Open as] > [GoogleChrome/InternetExplorer/AnyInternetBrowserOfYourChoice]

    Hope this helps too!
     
    lVlonsterCat likes this.
  6. Shana

    Shana Creator of Heartseeker, SF, IAS, BD & CC

    Joined:
    Mar 12, 2016
    Messages:
    4,048
    Likes Received:
    5,412
    This is a useful sprite database for many characters. Not all characters have sprites, but you can have some fun looking for the ones you like.

    http://www.fightersgeneration.com/main.htm

    Once you found the character you're looking for, scroll all the way down. You will see "(Name)'s Animations"


    You'll find that some animations will get discolored, no matter what. This is where the discoloration tutorial steps in.

    You'll find that using sprite sheets (you will find them in Google Images) will 100% avoid the discoloration, but you'll spend a bit of time erasing colored spots using the magic wand. And the timing of the sprites are unspecified, because you would have to start with a clean canvas.

    Typically, the first sprite should be set as
    Frame 1 (100ms) (replace) or Frame 1 (100ms) (combine)

    And the last sprite should be set as
    Frame 27 (110ms) (replace) or Frame 27 (110ms) (combine)

    Sprites in the between are usually like this
    Frame 1 (100ms) (replace)
    Frame 2 (50ms) (replace)
    Frame 3 (50ms) (replace)
    Frame 4 (50ms) (replace)
    Frame 5 (50ms) (replace)
    Frame 6 (110ms) (replace)


    Sometimes some frames should be shortened for better flow, so sometimes it could be set as
    Frame 2 (30ms) (replace)

    or some frames should be lengthened for better flow
    Frame 2 (60ms) (replace)



    (Replace) tends to work better with sprites in transparent backgrounds. (Combine) should always be considered last, since most people usually like clean, transparent sprites to work with. You'll know which to use by viewing your gif file. If you see the frames going all over the place, it's a sign you need to switch between replace and combine.
     
    Last edited: May 28, 2016
    lVlonsterCat likes this.
  7. Shana

    Shana Creator of Heartseeker, SF, IAS, BD & CC

    Joined:
    Mar 12, 2016
    Messages:
    4,048
    Likes Received:
    5,412
    lVlonsterCat likes this.
  8. Shana

    Shana Creator of Heartseeker, SF, IAS, BD & CC

    Joined:
    Mar 12, 2016
    Messages:
    4,048
    Likes Received:
    5,412
    If you have excess canvas size when you are finished with your animation,

    Click [Image] > [fit canvas to layers]
     
    lVlonsterCat likes this.
  9. Shana

    Shana Creator of Heartseeker, SF, IAS, BD & CC

    Joined:
    Mar 12, 2016
    Messages:
    4,048
    Likes Received:
    5,412
    I think I found a cool fix to discoloration. Right click canvas, [Image]>[Mode]>[RGB Mode]
    This can allow colorizing and enable all filters
     
    lVlonsterCat likes this.
  10. Shana

    Shana Creator of Heartseeker, SF, IAS, BD & CC

    Joined:
    Mar 12, 2016
    Messages:
    4,048
    Likes Received:
    5,412
    Another way to add a whole animation into your canvas is [File]>[Open as Layers]

    And if you want to crop your canvas to fit all your layers, [Image]>[Fit Canvas to layers]
     
    lVlonsterCat likes this.
  11. Gonsegon

    Gonsegon Active Member

    Joined:
    Mar 4, 2016
    Messages:
    149
    Likes Received:
    99
    I definitely need to redo these.
     
    lVlonsterCat and Shana like this.
  12. Shana

    Shana Creator of Heartseeker, SF, IAS, BD & CC

    Joined:
    Mar 12, 2016
    Messages:
    4,048
    Likes Received:
    5,412
    dam looks like I'll need to make a thread on this soon
     
  13. Prizmo

    Prizmo Well-Known Member

    Joined:
    Mar 5, 2016
    Messages:
    728
    Likes Received:
    536
    Shana we need you.
     

Share This Page