Hey guys. Do you guys know any tutorials on the web on how to create sprites using Photoshop, as well as on how to animate them?
Thanks a lot.
There are a few easy steps:
1) Pick a game engine, or at least a rendering engine.
2) Learn how this engine handles sprites
3) Learn principles of animation
4) Learn an animation software, hopefully one that will allow you to export files compatible with your engine.
6)Export animations in compatible format
7) Fiddle some more with the files if necessary (for exemple, if your animation software exports individual bmp's you might need to assemble them in a strip in Photoshop)
8 )Integrate into software you are developping.
use square brush with 100 hardness and desired pixel width . make your file with the desired width & Height.
in photoshop open up your animation window. ( window > animation)
in that animation window switch to frame mode if not already there (square frame icon on the lower right)
create the number of frames desired and separate your sprites in seperate folders for each frame that way you can turn on and off desired art for each frame (easiest cleanest way i have found)
thats pretty much it. then it depends on your art skills and animation skills, quite simple really, just like animating on real paper.
Thanks guys! Do you have tips on creating 32x32 sprites? I'm doing something like the early Final Fantasy ones but in isometric. I sketched something out, but I find it hard to make a pixelized version of it. Plus my sketch gets all messed up once I resize to 32x32 so it's hard to use as a guide.
Hi, Maybe you know this but the pencil tool does not produces anti-aliasing when drawing at the pixel level.
Deviant art is actually a great search engine for excellent tutorials (especially for what you'd expect from dA, sprites, animuu or anything fanart)
Here, how to make pixel art:
How to animate it:
Other varying sprite tutorials:
There was a weekly sprite competition here about a year ago. You might do a search to see if there are links and tips to help you. I can almost guarantee that there are. Way of the pixel is a good start.
here is another link I had in the archives.
use a 1 px square pencil brush. sketch out your dude roughly in the small size. create new layer and paint out your guy following your sketch. use 2 -3 tone levels ( shadow, mid tone, highlight) and what helps me usually is creating an isometric tile in a layer so i sorta know the angle I'm supposed to be drawing at. Don't use opacity that will only mess you up.
Oh and when animating, anything you do to the layer on the first frame will move all other frames so careful with that.
One thing which really helps when doing art in general, faces and pixel art in particular, is to create a New Window (under Arrange) and set it at a different zoom. When doing pixel art I set the window I'm not working in to 200%, and the work window to much more.
I turn on the Grid if I'm working with tiles.
Pencil tool is good, yeah. Sometimes if I work with a big palette (256) I just paint big, scale down and clean up the pixels. Sometimes I set the pencil tool to 60% opacity if I want to paint and blend at a pixel level.
It's a pity PS doesn't have some of Deluxe Paint's features. I know there are some new similar programs, but I prefer working in PS.
Jamen jag tror att han skäms, och har gömt sig. Vårt universum det är en av dom otaliga spermasatser som Herren i sin självhärliga ensamhet har runkat fram för å besudla intet.
lookin good, its roughness could be why it doesnt skew at 32x32 so well, try making a linework of it first
if you shrink that to 32x32 it will be too blurry to translate. So just use it as reference and not a tracing device. redraw an outline of him as close as you can to what you want to achieve in the 32x32 square.
the guy has enough detail i think and he's looking good. Keep at it.