Deviant Login Shop  Join deviantART for FREE Take the Tour
×



Details

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

Stats

Views
27,584 (10 today)
Favourites
1,792 (who?)
Comments
114
Downloads
606
×
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:
 
:iconkumorishadou:
KumoriShadou Mar 26, 2014  Student Filmographer
You do the lineart over the colored layers, right?
Reply
:iconnamioki:
NamiOki 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
:iconkumorishadou:
KumoriShadou 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 Sep 28, 2013  Hobbyist General Artist
I've been looking for an animation tutorial like this for ages!
Reply
:icondarocoth:
darocoth 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 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
:icondarocoth:
darocoth Aug 13, 2013  Hobbyist Digital Artist
ahhhh i might have some translucent pixels hiding in my image..... thankyou!
Reply
:iconfoxwizard916:
foxwizard916 Aug 5, 2013  Student General Artist
thank you for this lovely informative tutorial. here is my first animation using your method.
Reply
:iconfoxwizard916:
foxwizard916 Aug 5, 2013  Student General Artist
i used photoshop elements
Reply
:iconcrystallized-rose:
Crystallized-Rose Aug 3, 2013  Hobbyist General Artist
You have very gorgeous art and these animation are so pretty, I've always wanted to do one and now I could ;w;
Thank you very much for making this tutorial :iconbrohugplz:
Here is what I have made with its help:
Reply
Add a Comment: