Deviant Login Shop  Join deviantART for FREE Take the Tour


Submitted on
March 4, 2013
Image Size
271 KB


22,371 (2 today)
1,833 (who?)
Pixel Art Tutorial - Animation for Beginners by Gasara Pixel Art Tutorial - Animation for Beginners by Gasara
Here we have the second part of my pixel art tutorial series. We're taking a quick look at animation this time so you can make all of your pixel art, well, animated. Again, this tutorial is made for people who have not yet attemped any kind of animation so it might not be of much use to those of you who have already dabbled.

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!
Add a Comment:
skittlefuck Mar 27, 2014  New member Hobbyist Digital Artist
This is really helpful but I've ran into some problems. Whenever I try animating in GIMP the frame delay (100ms for example) never shows up on my layers and secondly when I export I don't get any options such as shown in the fourth pic in this tutorial, it just exports it without asking anything else. Do you know how I would go about fixing that?
illusionarycompass Feb 23, 2014  New member Hobbyist Digital Artist
ohmygod this has helped me out so much thankyouthankyouthankyou
Thank you! This will help a lot when I start developing games!
amsa95 Feb 13, 2014  Hobbyist Digital Artist
is it possible to only move one part of the "drawing" to animate?
when i want to move something on gimp, it moves the whole frame but i just want to move one part of it
do you know what to do to only move one part of it? 

;n; ive looked everywhere ((almost lel)) and asked a few people but nobody seemed to understand me ^^;
if you would tell me i would be reeaally grateful 
thank you :iconluvluvplz:

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. :hug:

amsa95 Feb 13, 2014  Hobbyist Digital Artist
thank you so so much <33 :iconyuihugplz: that helped a lottt 
and thank you for taking your time to reply and write all that ;u;
your so kind ;;u;; Broken Fighting Dome (Kawaii Please) Llama Emoji-08 (Crying) [V1] 
again thank you sooo muchh Hug Huggle! Tight Hug 
Heart - Free :iconluvluvplz: :iconsnugplz:

No problem at all, m'dear! Glad I could help. :tighthug:
elementdragon97 Jan 23, 2014  Hobbyist Digital Artist
Thank you so much! It help me a lot! It's just what I'm looking for, thanks! :squee:
You're welcome!:iconcocoloveplz:
bellafunify Jan 20, 2014  Hobbyist General Artist
Very helpful, thanks!
Add a Comment: