O TEMA DO FÓRUM ESTÁ EM MANUTENÇÃO. FEEDBACKS AQUI: ACESSAR

Converter imagens para 8-bits/256 cores

Iniciado por mercia, 19/01/2014 às 10:21

19/01/2014 às 10:21 Última edição: 10/12/2014 às 23:17 por mercia
Sei que algumas pessoas tem essa duvida de como converter imagens para engines mais antigas como o RM 2k/3, e ainda por cima sem perder qualidade. Neste tutorial irei tratar justamente sobre isso, espero que ajude a quem tem essa duvida.



Converter imagens para 8-bits/256 cores

Materiais usados nesse tutorial:

Paint.Net 3.5.10 [Portable] [Baixar]
Imagens do Google

Primeiramente abra o Paint.Net, você encontrará uma interface semelhante a essa:

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/1_zpsb3bed09e.png[/hs]

Feito isso abra a imagem que você quer converter indo em "File" e logo após "Open...". Escolha a sua imagem e clique em "Abrir". No meu caso escolhi uma imagem aleatória:

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/2_zps4a75b35a.png[/hs]

Agora vamos salvar a imagem para convertê-la. Vá novamente em "File" e logo após em "Save As...":

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/3_zps646e7802.png[/hs]

Coloque o nome da sua imagem e escolha o formato ".PNG", logo após clique em "Salvar":

[hs width=500 height=130]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/4_zps59fd4e96.png[/hs]

Abrirá uma janela chamada "Save Configuration" que é a parte mais importante neste tutorial, onde definiremos por exemplo o Nivel de Dithering ao converter para 8-bits/256 cores:

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/5_zps6a3b7db6.png[/hs]

Dentre as opções em "Bit Depth" escolha "8-bit":

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/6_zps12950b32.png[/hs]

Aqui você vai escolher os níveis de "Dithering" e "Transparency". Em "Transparency threshold" deixe em "0", já em "Dithering Level" você vai ajustar o valor de acordo com o que você achar melhor no preview (Prévia/imagem ao lado). Tem imagens que dependendo da quantidade de cores não tem muita diferença dentre ter muito ou pouco nivel de Dithering, Essa imagem é um desses casos:

Imagem com "Dithering Level" "8":

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/7_zps4cb449a4.png[/hs]

Imagem com "Dithering Level" "0":

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/8_zps9854e476.png[/hs]

Nas duas imagens anteriores quase não se nota diferença, exceto na segunda na qual se pode notar algumas "manchas" que na primeira são disfarçadas com o Dithering. Por essa imagem não ter uma quantidade de cores diferentes muito alta, não se nota muita diferença entre o nível máximo ou mínimo, mas caso contrário se notaria, como nesse outro exemplo:

Imagem com "Dithering Level" "8":

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/9_zps21205f18.png[/hs]

Imagem com "Dithering Level" "0":

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/10_zps65f98c60.png[/hs]

Essa imagem por ser mais colorida já se pode notar mais a diferença, e claro que com o Dithering fica bem mais parecendo com a original, porém essa parte fica a seu gosto.



No 2k/3, podemos usar imagens com uma cor para ser a "transparente". Para converter essas imagens é simples, abra a imagem ".Png" que tem o fundo transparente no Paint.Net, crie uma nova "Layer" e a pinte totalmente com uma cor que não esteja sendo usada na imagem para que essa cor seja a transparente:

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/11_zps1f0b76d8.png[/hs]

Quando for salvar a imagem seguindo os passos ensinados anteriormente, use o minimo de Dithering possível, pois pode acontecer de "Borrar" a cor que seria a transparente com qualquer outra cor dependendo da quantidade de cores diferentes que a imagem tem:

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/12_zps6bfbc811.png[/hs]

Quando for salvar a imagem clicando em "Ok" nesse caso se abrirá uma janela chamada "Save" escolha "Flatten" para unir a "Layer" pintada com a imagem:

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/13_zpse2a48096.png[/hs]

Feito isso agora é só importar a imagem para o RM 2k/3, e clicar na cor que será a transparente para selecioná-la:

[hs width=500 height=300]http://i791.photobucket.com/albums/yy200/MerciaCristina/Tutoriais/14_zps3ed5isuk.gif[/hs]

Obs: Algumas imagens podem ficar com serrilhado, isso você terá de remover manualmente.

Bom tutorial, é algo que muita gente que quer usar o 2k/2k3 não faz a menor idéia de como se faz... (Bom, pelomenos ja vi uns 2 assim só no chat, então deve ser xD)

Tá que eu faço isso de um jeito totalmente diferente, mas vou esperimentar esse para ver se vai economizar algo to tempo que eu demoro fazendo isso xD (É, nunca usei o Paint.Net heh)