HOME | DD

Axel230 avatar

Axel230 — Pixel Animation Tutorial


Pixel Animation Tutorial
#animation #avatar #avatars #frames #pixel #sheets #sprite #sprites #timeline #tutorial
Published: 2015-02-17 00:57:24 +0000 UTC; Views: 5772; Favourites: 52; Downloads: 0
Redirect to original
Description For quite some time I did free icon Requests of videogame characters (Mostly walking Pokemon icons) and people kept asking me how do I do it. Realizing I've kept the Requests on hold for over a year by now I decided to step down the free Requests, but I didn't want to do it without passing down the torch XD.

And so, here's a quick starting guide for anyone interested in making Pixel Animations in Photoshop (At least the way I do it). It's very basic but it introduces the core idea of using sprites to put together an animation. It might seem a bit overwhelming, but it's honestly harder to explain in words than it actually is to do it.

One small note: In Photoshop, each frame of animation counts as a separate picture. Forgot to mention that. Also more frames = more complex animation. More frames per second = smoother animation. However, DeviantArt has an avatar size limit of 15Kb so you might want to keep that in mind when making a longer animation (I'm talking 20+ frames here).

PS: Icon Commissions are still open though, so if you're looking for something that might seem a bit beyond your skill level feel free to Note me, we can come to an arrangement.

First tutorial I've made and I didn't know much about making them so some things I had to figure out on the go. Hopefully it's clear enough.

As to where do I get my Sprite Sheets I usually use this site: www.spriters-resource.com/ .

For Pokemon I use the Mystery Dungeon 2 sprites. The sizes are all over the place (Raichu is huge in comparison to Lucario!) but  they have a variety of angles and actions. The problem is that there's no MD2 sprite sheets for Gen 5 and 6 Pokemon so in those cases either I use the in-game menu sprites for those Pokemon (They're small, diagonal and only two frames long!) or do a more in-depth google search for a quality sprite sheet of that Pokemon in particular.

Also, the online .GIF making tool I used can be found here: picasion.com/ .

Oh, also, here's the result: fav.me/d8ibmam
Also, here's the link to the promised .PSD file: sta.sh/2au8a6a8aj

Thanks for reading this far, comments are mostly appreciated.


Pokemon belongs to Nintendo/GameFreak
Related content

Comments (18)