Ir para conteúdo
Entre para seguir isso  
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

Editado por ChesterB

Compartilhar este post


Link para o post
Compartilhar em outros sites
Addicted    1
Addicted

Aprovado.

 

Obrigado pela contribuição.

Compartilhar este post


Link para o post
Compartilhar em outros sites
Biozard    0
Biozard

Faz Um Tutor Pra Add No Client...

Compartilhar este post


Link para o post
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.
Entre para seguir isso  

  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.

×