Tutorial de Alinhamento - PhotoShop

Abra seu photoshop e crie um novo documento 32x32 com Background Transparent.
Agora com a ferramenta Pencil risque o canto superior e o canto esquerdo, como mostra a imagem:
http://img517.imageshack.us/img517/8118/19030518dd2.png
Para alinhar com o personagem, faça uma linha vertical de 8 pixels, como demonstra a imagem
http://img236.imageshack.us/img236/6997/97368561qz6.png(valeu marcotonio)
Agora vá em Edit > Define Pattern.
http://img217.imageshack.us/img217/5787/65049784ro2.png
Na tela de sua fake, aperte Ctrl+A (seleciona toda a tela), crie uma nova Layer e aperte Shift+Backspace.
http://img53.imageshack.us/img53/7122/46311602gg0.png
Pressione enter e tcharã! Sua telinha vai estar dividida em mágicos quadradinhos de 32x32, muito fácil, non?
Espero que seja útil para os iniciantes.

Ha, boa idéia! xD
Prática de se fazer, é aprender uma vez e nunca mais precisar ficar desenhando tabuleiros.
Acho que podia ser acrescentado uma linha diagonal na parte inferior direita, com 8x8 pixels de inclinação, que serviria para alinhar o pé dos chars.

s=D|--<

pode colocar também ;p

no fireworks é mais fácil fazer isso o_o

Citação:

---

Postado originalmente por Reibinitz

pode colocar também ;p

---

Exato, foi o que eu disse... û.u
É uma sugestão para ser adicionada.

s=D|--<

Edit:
Pra adiantar seu trabalho, aqui estão as duas imagens:
http://img236.imageshack.us/img236/6997/97368561qz6.png
http://img236.imageshack.us/img236/6997/97368561qz6.png

A primeira traça o risco 8x8, e depois na segunda deixa só o último pontinho que vai ser usado no alinhamento.
http://img265.imageshack.us/img265/8430/s2mv2.png
http://img265.imageshack.us/img265/8430/s2mv2.png

Ok, valeu. To sem photoshop até amanhã, dai não tinha como fazer. Valeu