Shop More Submit  Join Login
×




Details

Submitted on
June 22, 2012
Image Size
956 KB
Resolution
600×9431
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
32,615 (12 today)
Favourites
2,017 (who?)
Comments
118
Downloads
682 (2 today)
×
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:
 
:iconfirewyrm2018:
firewyrm2018 Featured By Owner Aug 28, 2014  Hobbyist General Artist
ZOMG I KNOW THAT CHARACTER!!
Reply
:iconfoiieadeux:
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
Reply
:iconnordeva:
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  
Reply
:iconalekto-san:
Alekto-san Featured By Owner Jun 18, 2014
Thank you! Great tutorial!)
Reply
:iconcodereflection:
CodeReflection Featured By Owner Mar 26, 2014  Student Filmographer
You do the lineart over the colored layers, right?
Reply
:iconnamioki:
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!
Reply
:iconcodereflection:
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?
Reply
:iconcultlamb:
CultLamb Featured By Owner Sep 28, 2013  Hobbyist General Artist
I've been looking for an animation tutorial like this for ages!
Reply
:icondarocoth:
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...
Reply
:iconmedli20:
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. 
Reply
Add a Comment: