Creating animated 2d character GIFs with arty

in AI Art & Information2 years ago (edited)

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
Sort:  

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

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 join this community!

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.

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

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.

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

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

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: