[Resolvido] Tutorial basico de Pixel Art

Bom vou criar um tutorial basico de pixel art para vocês entenderem como funciona sombras, cores, combinaçoes, etc... (Não reparem nos erros de português)

Vamos lá, vou começar com fontes de luz e sombras. Vou usar o paint mais pode usar qualquer outro programa.

1- Crie como exemplo um cubo obviamente sem cores

/applications/core/interface/imageproxy/imageproxy.php?img=http://img100.imageshack.us/img100/8449/cuboscores.png&key=0a3d22177078e50ad954062ecb532d6cabada27adc54a918694566b62d7fb137" alt="Imagem Postada" />

2- Agora vamos adicionar sombra(fonte de luz) nesse cubo.

/applications/core/interface/imageproxy/imageproxy.php?img=http://img192.imageshack.us/img192/48/cubocomcores.png&key=b7f9d006e0241eadde710b736aa93d434418aa45a64cb374b475db6675114f50" alt="Imagem Postada" />

Para fazer isso é facil e muito simples imagine que o Sol está encima ex: 14:00 e o seu cubo ta lá no jardim o Sol batendo nele então a luz(cor) do cubo ficará mais clara encima dele veja um exemplo:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img6.imageshack.us/img6/2465/solc.png&key=c4ff39d050c11784cc3e8808a5270120ad9cf38dbdb47884a591bff5c431ccca" alt="Imagem Postada" />

E para fazer o resto da sombra(luz) basta você imaginar se o Sol está batendo lá encima aqui na frente deve estar nessa claridade e aqui atraz um pouco mais escuro até obter o resultado acima.

3- Agora vamos tornar este desenho vamos se dizer 3D um pouco mais real fazendo o seguinte

/applications/core/interface/imageproxy/imageproxy.php?img=http://img202.imageshack.us/img202/2689/cubocomcoresd.png&key=7e0b19980aea05133731ad77c84caa09a31eef854c654bf07097f886e24a06d9" alt="Imagem Postada" />

Facil fazer isso da até pra notar é só você pegar as linhas do meio do desenho e mudar para a cor branca só deixar linha preta em volta do desenho ou seja em contorno do desenho. Ah! lembrando que tem duas maneiras de transformar seu desenho em 3D deixando as linhas do meio brancas ou retirando as linhas do meio desse jeito:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img97.imageshack.us/img97/2136/cubocomcoresd2.png&key=5582f7e9d198413e5add0ce8f0f9ed6927cd2807daa08c4e0361b11eb832ee22" alt="Imagem Postada" />

Eu uso esse jeito =).

4- Agora vamos colocar sombras em seu desenho que já é 3D veja:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img32.imageshack.us/img32/6846/3desombra.png&key=1a588ca033595243e40875548e5d41394b31a676fd994933b42971a570895d4e" alt="Imagem Postada" />

Facil criar uma sombra basta você fazer a mesma coisa que eu expliquei para criar uma fonte de luz saiba aonde você vai criar o Sol se for 14:00 o Sol estará praticamente no meio do céu então você calcula como vai ser a sombra. Lembrando que de noite também tem sombra se for uma Lua bem clara xD.

5- Seu desenho está finalizado você irá obter este resultado:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img406.imageshack.us/img406/8093/fimcubo.png&key=72020fbf6ae205a3139961d959220758dadadede1344bae7be53dd3538a26d70" alt="Imagem Postada" />

Você pode aproveitar esse tutorial para criar vários desenhos em 3D com sombras como uma casa, prédio, barril, latinha, até grandes desenhos como uma cidade etc...

Não sei se esse tutorial já existe mais tá ai =)