Aprenda Pixel Art [Re-color]

Na verdade, faço mais esse tópico para tentar melhorar a qualidade dos jogos do forum, que normalmente, deixam a desejar no quesito gráfico, apesar de serem coloridos, não tem muitos detalhes que é o que eu quero ressaltar aqui.

Como todos devem saber, o jogo fica bem melhor com sprites melhores.
A maioria do forum até sabem desenhar, porem não sabem colorir corretamente, faltando um sombreamento, uma cor mais viva, ou menos viva... Bom, esse tópico, vou mostrar-lhe uma imagem do yoshi 16-bits de três ângulos (ou melhor, cores) e vocês mesmos verão que vale a pena gastar algumas horas a mais com gráficos melhores.


Palletas: na sequencia: verde do corpo, marrom do "cangote", cinza do peito, marrom(laranja) do sapato.

Para melhor visualização de uma imagem, tampe as outras com as mãos e fixe olho na imagem, é bom se acostumar a ver imagens menores.

IMG 1: O Yoshi do jogo Super Mario World, mas eu tirei todo o sombreamento, só para mostrar que, sem sombra, parece que a imagem não tem vida, a imagem parece plana, sem graça.

IMG 2: O Yoshi original do Super Mario World, podem ver que até legal, mas dexa a desejar, mas já está 100% melhor que a anterior, agora a imagem não tem um verde sem graça, está mais alegre, e o verde escuro, simula um efeito de relevo, se o verde escuro tivesse em cima, teriamos a impressão que a imagem estaria afundada.

IMG 3: O Yoshi com uma nova palleta de cores, que eu recolori, ele ficou bem melhor, ficou mais suave o brilho, fazendo um dêgrade até chegar na cor mais clara, deixando o personagem com um cores ainda mais vivas, o efeito de sombreamento chega a ser tão realístico a ponto de parecer que o yoshi vai saltar da tela xD.

Qual as principais coisas na hora de recolorir?
Uma palleta. Observe aquele dêgrade ao lado dos yoshi, essas são as palletas, podem ver e concluir que cada vez mais variações de um mesmo tom, melhor.

Qual o melhor Editor de imagens?
Eu particularmente recomendo o PAINT - o do Windows - até mesmo, pela simplicidade, pela falta de efeitos, etc. É importante não poluir seu pixel art com efeitos. O máximo que recomendo em um outro editor é uma vetorização, já que tem pessoas que mal sabem desenhar. Pode-se usar o editor do GM sem nenhum problema, os problemas maiores são do editor, que está repleto de bugs.. 7.7'
O CCPHREAKER me recomendou o GraphicsGale FreeEdition (link direto), que é bem completo e oferece recursos indispensáveis pra um bom pixel art...

Esse foi um esboço, até o próximo tutorial, aonde vou ensinar vocês a criar suas próprias palletas para recolorir usando a matemática (:

Legal, ficou bem maneiro mesmo =D

Eu também uso o Paint em tudo! Até em montagens!

Adriel escreveu:Legal, ficou bem maneiro mesmo =D

Eu também uso o Paint em tudo! Até em montagens!

Vlw.. (:

Eu usava o PAint obsecivamente até.. depois comecei a usar o Paint.NET, as coisas mais complexas uso Paint.NET x)

Eu odeio Paint.NET >=(

Acho horrível, prefiro mil vezes o Paint normal

Concordo com o Adriel, ja tentei usar o paint.net e não me dei bem, e quanto ao tuto será muito aproveitado por mim quando precisar colorir sprites.

OBS: Seu tuto está bem formatado e explicado e com imagens que ajudam a comprensão, você esta de parabens!

No começo também não me adaptei com o Paint.Net...

Obrigado Mateus (:

Com certeza a parte mais trabalhosa... Bom se recordar desse programa, me passa, o zoom x10 do paint XP ja ta faltando xD

Um... olha um exemplo de um sombreamento bem detalhado:


O problema que o povo parece que ta cego, nem acham isso impressionante.. x.x
Demorei umas 3 horas detalhando...

Ficou perfeito cara! Muito massa!

O nome do programa é Graphic Gale (esse link é lá do Xcreator, é link direto):
http://www.xcreator.com.br/site/index.php/downloads/category/9-editores-grficos?download=9%3Agraphic-gale

Moderadores, prestem atenção aqui heim. Isso é link direto, não vem falar que link direto é spam não!

Valeu!

Só achei que o Mario grande tá com o maior narigão XD

Mas tá show

bem legal seu tuto adorei, e em relação paint.net prefiro o paint do Windows 7

Adriel: http://www.gamemakerbrasil.com/exposicao-f18/cabeca-do-mario-grande-2d-t11089.htm ¬¬'

XXPHREAKER podia escolher um nick mais curto É bem legal esse programa, o unico problema é que ele não seletor de cores.. O_O
Ou estou enganado? O Seletor e uma das ferramentas que eu mais uso O_O

Zoom 4000% o/

Correiajoao: Obrigado, eu tambem prefiro ¬¬ Mais no XP é meio tenso...

Não lembro se tem! Eu usei ele, achei phoda mas depois consegui fazer o que eu queria no Photoshop! Depois eu vou instalar ele de novo

hauahuahauh, Já aprendi: o botão direito. Estranho, não?

Ótimo tutorial, da pra melhorar bastante os sprites assim.
Olha o q eu fiz: https://2img.net/r/ihimizer/i/knuckles.jpg/
Não ficou la essas coisas não, mas ta bom para o primeiro

Uma dica: nunca salve as imagens em JPEG/ JPG... A imagem perde qualidade.
E ficou lá essas coisas sim
Ficou ótimo.. Até parece que foi feito com massinha xD..

Agora sim uma aula bem explicada, vlw aí Biel.