Jump to content
Sign in to follow this  
ChesterB

Redimensionar Sprites (PO) - GIMP

Recommended Posts

ChesterB    0
ChesterB

Redimensionando Sprites sem perder a qualidade

By ChesterB

 

 

Bem, vou fazer um breve tutorial para ensinar àqueles que querem fazer seu server estilo Pokémon Online como redimensionar os Sprites sem que percam a qualidade ou a forma. Eu utilizarei o GIMP.

 

É necessário um conhecimento prévio sobre como adicionar sprites no .spr, principalmente adicionar sprites cortados (64x64) e uma noção básica sobre o funcionamento do GIMP. Quem usa o Photoshop e sabe como usá-lo não terá dificuldade para seguir este tutorial pois as funções são quase iguais.

 

Download GIMP - Baixaki

Tamanho: 17,30 MB

ATENÇÂO: Observe que na maioria das imagens abaixo eu estou trabalhando COM ZOOM, não é o tamanho real. Para dar Zoom, segure Ctrl e role o mouse para cima.

 

1 - Abra o GIMP :o

 

2 - Abra o sprite que você deseja redimensionar, com fundo transparente, pegue os sprites desse site: http://www.spriters-resource.com/ds/pkmndungeon2/index.html

 

• Caso não saiba como por o findo transparente é simples: vá em Camadas > Adicionar Canal Alfa, agora vá em Ferramentas > Ferramentas de Seleção > Seleção por Cor, agora clique no verde (fundo da imagem) e aperte Delete. Óóóóóó..! O fundo ficou transparente!

 

3 - Selecione o Sprite, peguei o Vulpix de frente para fazer um exemplo:

 

tuto13b.jpg

 

4 - Copie ele e abra um novo arquivo 32x32.

 

5 - Preencha o fundo com a cor rosa, o rosa da imagem abaixo:

 

tuto12.jpg

 

6 - Vá em Imagem > Redimensionar Imagem.

 

tuto02b.jpg

7 - SEMPRE redimensione suas imagens com tamanho x2, x4, x8, x16 etc. pois assim ela nao perde a forma e nem as proporções, no nosso caso vamos redimensionar x2, sendo 2 x (32x32) = 64x64, entao vamos redimensionar nossa imagem para 64x64:

 

tuto03d.jpg

8 - OK, agora abra uma nova imagem, com fundo transparente, 64x64.

 

tuto04l.jpg

8.1 - Preencha o fundo com o rosa e copie o sprite que redimensionamos e cole-o em cima do fundo rosa, ficará assim:

 

tuto05.jpg

9 - Na Caixa de Ferramentas, selecione a ferramenta de Seleção por Cor:

 

tuto06.jpg

10 - Selecione todas as tonalidades de rosa que estão em volta da borda preta da nossa imagem e vá apertando Delete:

 

tuto07.jpg

 

11 - Depois de Deletar os tons de rosa em volta da borda preta sua imagem ficará assim:

 

tuto08.jpg

12 - Agora selecione o lápis, o mais fino que tiver, e corrija as falhas no contorno da imagem. OBS.: Veja o exemplo do Venusaur que eu redimensionei, a primeira imagem é a forma incorreta de se corrigir o contorno, a segunda é a correta:

 

vtuto1.jpg

vtuto2.jpgtuto09.jpg

13 - Feito isso sua imagem estará assim:

 

tuto10.jpg

14 - Agora use a ferramenta de Seleção por Cor, clique na parte transparente em volta para selecioná-la, use a ferramenta de Preenchimento, marque a opção Preencher a Seleção e preencha a seleção e pronto, sua imagem ficará assim:

 

tuto11k.jpg

15 - Resultado:

 

tuto12.jpg

16 - Agora basta cortar o sprite em quatro, pois os sprites são 32x32 e o nosso esta 64x64, e adicioná-lo ao seu .spr!

 

Espero que ajude!

Bye ;*

tuto12.jpg

Edited by ChesterB

Share this post


Link to post
Share on other sites
Addicted    1
Addicted

Aprovado.

 

Obrigado pela contribuição.

Share this post


Link to post
Share on other sites
Biozard    0
Biozard

Faz Um Tutor Pra Add No Client...

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×