Deviant Login Shop  Join deviantART for FREE Take the Tour


Submitted on
June 22, 2012
Image Size
956 KB
Submitted with


1,972 (who?)
Pixel art tutorial: Animation by medli20 Pixel art tutorial: Animation by medli20
Addendum: if you have Photoshop CS2 or later, you can do pretty much everything you see above without the use of Imageready. Just go to Window > Animation and you'll get the little animation timeline window thingy.

Also, if you want to upload animations on dA WITHOUT using a preview image, your animation MUST be 150x150 pixels or less. /end addendum

Since I've been getting asked a lot about how I animate my pixel arts, I figured I'd make a tutorial about how I do it. This tutorial only covers Adobe Photoshop and Adobe Imageready, but if you have any similar programs, you may be able to tweak this a bit to fit your program a little better.

I may end up making another animation tutorial later, using a freeware program since I realize that Adobe programs are not exactly cheap to acquire (unless you pirate it, which I really don't recommend doing). Anyway, have this for now. :)

Basic pixel art tutorial: (I may have to revise this later; it's a bit old)

Finished animation: (click to view)
Add a Comment:
foIieadeux Featured By Owner Aug 12, 2014  Hobbyist Digital Artist
thank youuuu for the tutorial <3 i managed to pull it off with sai and made it a gif in gimp!! jack oh lantern by foIieadeux
Nordeva Featured By Owner Jul 26, 2014  Student General Artist
Thank you very much for this useful tutorial!
I managed to do this thanks to your help <3 Toothless Pixel Animation by Nordeva  
Alekto-san Featured By Owner Jun 18, 2014
Thank you! Great tutorial!)
CodeReflection Featured By Owner Mar 26, 2014  Student Filmographer
You do the lineart over the colored layers, right?
NamiOki Featured By Owner Jan 20, 2014  Student Digital Artist
Hey there! I just wanted to stop by and thank you so much for this tutorial. I created this with your help: Thank you! by NamiOki

Keep doing what you're doing, your art is fantastic!
CodeReflection Featured By Owner Dec 2, 2013  Student Filmographer
...I only have Gimp 2.8 And Sai oAo would I still be able to pull this off?
CultLamb Featured By Owner Sep 28, 2013  Hobbyist General Artist
I've been looking for an animation tutorial like this for ages!
darocoth Featured By Owner Aug 13, 2013  Hobbyist Digital Artist
when i save the optimized version and view it i get these white outlines of boxed that appear and disappear :/ i don't know hat i'm doing wrong...
medli20 Featured By Owner Aug 13, 2013  Student Digital Artist
Are you trying to use semi-transparent graphics? .gif files don't support partial transparency, so if you have any stray semi-transparent pixels, it'll convert them to a whitish color. 
darocoth Featured By Owner Aug 13, 2013  Hobbyist Digital Artist
ahhhh i might have some translucent pixels hiding in my image..... thankyou!
Add a Comment: