scrobble.life
AI Art & Information

Creating animated 2d character GIFs with arty

I just integrated a neat new Pixel art sprite sheet generator into the stable-diffusion-discord-bot I call Arty .

For more info see Artys introduction post

Here's a quick tutorial on how to use it to make your own 2d animated characters.

First, Generate the sprite sheet

Join my discord server, and come to the artspam channel if you haven't yet.

The first step will probably take the longest, depending on how specific your desired subject is it can take some prompt tweaking and generating a few variations to get something you're happy with.

The bot command to use the spritesheet generator is !dream SUBJECTHERE PixelartRSS --model pixel-sprites

Swap out SUBJECTHERE for your specific idea, eg anonymous guy fawkes hoodie

The PixelartRSS is a special keyword that generates sprites walking to the right, you can also swap RSS for LSS/FSS/BSS for left/front/back side sprites.

So for my example I typed this into the #artspam chat room: !dream anonymous guy fawkes hoodie PixelartRSS --model pixel-sprites

image.png

Second, remove the background

For this, we can use the bot again. Simply reply to the render result you want with background and it will automagically detect the background and reply with a transparent .png image.

image.png

This background-removal tool works with almost any image, and can also be triggered by sending a non-reply message in the channel with just !background and attaching the image to the message

image.png

Third, slice up the sprite sheet into individual frames

The easiest tool I've found for this so far is at ezgif.com/sprite-cutter Click your new image with the freshly removed background, then click "open original" to get the full address of the image. Copy it to clipboard

Go to ezgif.com/sprite-cutter and paste your image address into the image URL box and click Upload

image.png

On the next screen,tick the box under "cutting method" marked "by number of columns/rows ", set it to 4 columns, 1 row with an output format of GIF , then hit the CUT button

image.png

Fourth, create the gif

The previous step will spit out the 4 individual images, at this stage you could download the frames as ZIP for later use in other tools.

For the tutorial we want to click "Create GIF animation"

image.png

..bringing you to this screen where I edit the "delay time" to 10 , and tick the "don't stack frames" box before clicking "Make a GIF"

image.png

The next screen looks like this, at this point I click the left "crop" button

image.png

Bringing you to this screen where I just drag a box around the character to get rid of that excess height, then click "Crop image!"

image.png

Once cropped we see this screen, and you just click the 💾 "save" button on the far right to download your final result

image.png

That's it! Here's the animated gif I ended up with after this process. It takes less then a minute after some practice

ezgif.com-gif-maker(6).gif

Conclusion

This sprite sheet model is a lot harder to customise then the other models installed in arty so far. If you want a very specific result it's going to take some tweaking.

For advanced users chasing extremely specific niche subjects I think you would get the best results by merging this model with your own custom model trained on photos of your subject.

It's still far from perfect, but I thought this was too cool not to share!

I'll keep playing around with this and hopefully one day arty will be able to do all of the above in a single command :)

I hope someone finds this useful, I'll try to find time to write some more tutorial posts about all of the other cool features I've added recently


This post sends 10% rewards to @hive.fund , 90% to the @ausbit.dev arty GPU upgrade fund

Comments · 9

  • @manuphotos(74)· 1340d

    Dear @ausbitbank

    I am hoping you can consider voting on this proposal if you think it could be helpful for communities and hivers in general. Any help, collaboration, or constructive criticism will be welcome.

    You can vote here:

  • @hivebuzz(74)· 1387d

    Congratulations @ausbitbank! You received a personal badge!

    Thank you for taking the time to complete the Hive Keychain survey.

    You can view your badges on your board and compare yourself to others in the Ranking

    Check out the last post from @hivebuzz:

    Our Hive Power Delegations to the October PUM Winners
    Feedback from the November 1st Hive Power Up Day - New Turnout Record
    Take the Keychain Survey and get your Future Shaper badge
  • @solymi(73)· 1389d

    @vikisecrets join this community!

  • @nonameslefttouse(77)· 1391d

    In the feed on peakd with the classic view where all the posts are in strips, that does not look like someone walking.

  • @nickydee(70)· 1391d

    I really like what you're up to. 👏

    I've used art and it's awesome. And now this!

    I have an NFT project in development and need to bulk create images into separate gifs with the same animation.

    The only way I've found is to script with Adobe Premier.

    Any suggestions very welcome please.

  • @sunsan(62)· 1391d

    You are doing good work. I will try these as soon as possible.

  • @vic2ryx(60)· 1392d

    This is crazy, I must confess. I guess I would like to know more about it. Just to try it out. It looks cool to me.

  • @ebingo(71)· 1392d

    This is very cool. You just made an NFT from scratch and it looks neat. Ant boy Arty is becoming smarter. I remember when it was laptop toilets and this.

    I have been wondering if it is possible to generate vectors.

    Thanks for this step-by-step also, I have been wondering how to make art there, I'll run the commands son and see what comes out.

  • @vikisecrets(80)· 1392d

    Very cool, imagine this tech were available in the 80s when all Sprites were drawn by hand, so amazing.