Thank you Kivutar.
and no sweat at least it's documented as to avoid future clashes and help anyone willing to join in with me or make sprites in their own style.
Now for a second part just going over, first some very basic tools for spriting in Photoshop, then some helpful shortcuts... This could be a spriters' Red Shoes-The nudge tool
can be used with the keyboard arrows to move an image or selection pixel by pixel; it can also be used to move images or selections 10 pixels by holding shift and pressing an arrow key (Shift+Up for example).-The marquee tool
can select one area to work in specifically or many; to make multiple selections hold shift key and make another selection. Use this tool select something you wish to move alone or copy (control+C to copy and Control+V to paste). To invert a selection press Control+Shift+I. You can also change the shape from rectangular to circular by clicking and holding over the icon.-Lasso tool
, right below it, is pretty much the same thing; works the same way.-The magic wand tool
is used for selecting all of one color primarily. Set it with a Tolerance of 1 and make sure anti-aliasing is off. If you check the box 'Contiguous' it will only select one part of one contiguous color.-The eye dropper
is just used to pick colors from a sprite-sheet or another image.-The pencil and brush tool
is used to push pixels. One handy shortcut for changing brush size is toggling with the [
keys as mentioned above but not used in pixel art Shift+[or] to toggle brush hardness with a quickness
.-The history brush tool
is something to know about. You wont use it here unless you choose to make indexed color sprites. I do use the tool often when spiting for FFT. It also needs to be at hardness 100% since it's always in brush mode (so shift+[ and hold to set). This tool takes what ever you draw over back to exactly how it was when first opened. so to set a desired point with this save and close/reopen the image.-Eraser tool
functions just like the pencil and brush tool so use it in pencil mode or brush set to full hardness.-The paint-bucket tool
needs to be set with anti-aliasing off and tolerance to 1. Set to contiguous you can fill one area of color; with contiguous unchecked you can paint all shared colors at once.
Those are the basic visual tools commonly used in pixel art making. Some more commonly used things would be:
-Merging layers (Control+Shift+E)
-Making Layers (Control+Shift+N)
-To rotate one thing. Marquee select (or select with wand or lasso), then hit Control+T to transform... rotate by grabbing a corner of the 'transform box' and holding Shift key
, this keeps it in 45 degree angles so the pixels don't; in indexed, distort and in rgb, blur.
-To double the size of something go to Image, mode and set to indexed. Then go to Image, image size and change it to 200%.. if you dont have it in indexed the pixels will be blurred terribly.
-How to extend the canvas.. say you want to make room for more frames. Go to Image, Canvas size and click on the side you want to retain opposite to the side or sides you want to extend.. in this case let's say we're adding one frame to on of mine. Click the arrow on the opposite of the side you want to extend and add another 96 pxls to the width.
-Also since this is the only spriting related Photoshop thing I can think of To make something save with a transparent background make it one layer. If it says 'Background' where the layer is shown, double click on it to turn it too a layer then use magic wand/non contiguous to select all of the background color and Backspace to delete it. Then go under File and select 'save for web and devices' then save as an indexed gif or png or an RGB png24.
There are a lot more awesome tools and shortcuts but for this mini spriting guide this is all I can think of; I have covered enough for spriting though.