Here are all the Snuffles icons made during this tutorial. Below them are a couple of other examples of how you can use the animation effects explained here.
As always, thanks for reading ♥
--> Pixel Art: Basics for Beginners
--> Pixel Art: Animation for Beginners
Next tutorial: Pixel Art Tips & Tricks
I'm posting this tutorial up as part ofGasara's Birthday Celebration Contests. Hopefully some of you will be able to join me in making March pixelicious and joyous!
Filters > Animation > Playback
Would you happen to know how I get it to not make me put up a preview image? I see that Snuffles there doesn't need one. :"D. Also, what category should I put the animation under? Whenever I choose a specific one, it says that the category I chose doesn't allow 'this type of deviation'. ^-^;
You will be asked to provide a preview image if your pixel art is larger than 150px either in length, width, or both. This is just the way deviantART works. If your image is smaller than that then it might be asking you to provide one due to the category settings. I always post my pixel art in the following category: Digital Art / Pixel Art / Other / Non-Isometric
Hope that helps!
The easiest way to make sure your image is always small enough is to set your canvas size when you start a new image. You are given this option whenever you start a new file. If you set the height and width to 150px at that point then you'll know that as long as your image is within the canvas it won't need a preview image. You can crop the canvas down at the end if your image is smaller than the canvas size to remove any empty space around your pixel art.
1. Paths to Illistrator
2. Render Video
Okey-dokey. I think I understand what you want to do. I'm not very good at explaining things but I hope this helps a little!
What you need to do is cut out the part you want to animate. The easiest way to do this is to cut/paste sections of your drawing. The first five tools in gimp are probably what you'll want to use. The rectangle, ellipse, free, fuzzy and colour select tools (hover over the tool icons to see their names and a description) will enable you to select certain parts of your drawing (each tool selects in different ways and the one you want to use will be different depending on what kind of shape you want to animate).
First, duplicate your drawing (Layer > Duplicate Layer). The bottom layer in the layer list (your original drawing) will be your first frame and you won't need to touch it again. Instead, click on the second layer the second layer. Use one of the select tools to select the pixels you want to animate (either by dragging over the pixels to form a box or border, or by clicking on the pixels - this depends on what tool you're using). You should now have a dashed line around the area you have selected. Next go to Edit > Cut (or press Ctrl + X). This will cut the section you have selected from your drawing. Now you want to add it back to your image by going to Edit > Paste (Ctrl + V). If it pastes as a floating section just go to Layer > New Layer. You'll now have your drawing in three seperate layers. The bottom layer should still be your original drawing, the second will be the part of your image you want to stay in one place and the layer above it will be the part you want to move. You can now move the top layer independantly of the middle one. When you have moved the animated part of your image into the correct position you will need to merge it back down onto the layer underneath by going to Layer > Merge Down. This will combine the two layers back together to give you your second frame.
What you can do now is duplicate the layer again (Layer > Duplicate Layer) and repeat the process to make more movements.
And that's about it! If you need any further help please just let me know.