Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema

Aldeia RPG
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

Suporte ao desenvolvimento de jogos


Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites

Aldeia RPG :: Centro de aprendizagem :: Artes visuais :: Tutoriais

Ir para baixo

Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Empty Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites

Mensagem por DevWithCoffee Dom Set 21, 2014 12:36 am

Extract all sprites from a single image

Já parou pra pensar o quanto tempo você iria demorar pra separar vários sprites de uma única imagem para usar em seu projeto e acabou desanimando e tirando a chance de tornar seu projeto melhor graficamente ou até para pausando ele por essa consequência, claro que nenhum de nós usa somente gráficos de jogos famosos, mas muitos usam eles de base pelo estilo para criar os próprios personagens.
Enfim, qualquer que seja a sua finalidade essa problema estão com os dias contados.

Acredito que já tenham visto esse aplicativo, porém nenhum site apresentou uma tutorial em português ensinado passo a passo de como extrair os sprites.



Antes de tudo, tenha o AdobeAir instalado, ele é necessário para que o aplicativo funcione, após isso baixe o aplicativo ShoeBox e o instale.



Quando o abrir aparecerá essa interface:
Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Manual_intro
Clique para ver a imagem



Cada lista de sprites tem que estar numa pasta separada para evitar misturar gráficos, baixe esse de exemplo:
http://www.spriters-resource.com/resources/sheets/8/8150.gif

E salve numa pasta com o nome de PKM-Trainers.

Para usar arraste a imagem para a terceira opção, Extract Sprites, ela pode ser de qualquer formato padrão de imagens usadas no Windows, como PNG, GIF, BMP e até JPG:
Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Extract-sprite-1
Clique para ver a imagem



Ao concluir ele vai apresentar essa imagem, mas lembre-se quanto mas sprites mais o processador vai demorar e isso pode até travar o seu Windows:
Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Extract-sprite-2
Clique para ver a imagem



Use a rolagem do mouse pra ver os detalhes mais de perto, veja que mesmo com fundo colorido ele consegue diferenciar cada sprite, essa numeração e esses contornos são justamente para você ter a certeza da ordem e do tamanho base de cada item:
Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Extract-sprite-3
Clique para ver a imagem



Por último clique no botão Save (Salvar), aguarde o processador terminar de gerar todas e veja que na pasta apareceram várias imagens PNG de 32-Bits:
Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Extract-sprite-4
Clique para ver a imagem



Espero que tenha gostado e aproveite para adiantar muito seus projetos.
Isso é o básico do programa, para alterar os métodos você terá que mexer nas configurações.

_________________
Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Rm2k-i11 Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Html-j10 ​
DevWithCoffee
DevWithCoffee
Membro Ativo
Membro Ativo

Mensagens : 295
Créditos : 54

Ficha do personagem
Nível: 1
Experiência:
Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Left_bar_bleue0/0Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Empty_bar_bleue  (0/0)
Vida:
Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Left_bar_bleue30/30Separe todos os sprites de uma única imagem sem dificuldades - Extract Sprites Empty_bar_bleue  (30/30)

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Aldeia RPG :: Centro de aprendizagem :: Artes visuais :: Tutoriais

 
Permissões neste sub-fórum
Não podes responder a tópicos