Pixel Art: Sprites em Perspectiva Cavaleira

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Pixel Art: Sprites em Perspectiva Cavaleira

Mensagem por Ritton em Qui 27 Out 2011, 18:51

Olá pessoal!Venho ensinar a técnica que utilizo para criar minhas sprites de chão em perspectiva cavaleira ou, como eu gosto de chamar, 3D falso.Apesar do Paint não oferecer muitos recursos, usando apenas a critividade, é possível fazer grandes pixel arts.Abaixo eu ensinarei passo-a-passo da técnica que utilizo para criar minhas sprites nessa perspectiva:

1º Passo: Para começarmos, abra o Paint e redimensione a tela de criação para o tamanho de 32x32.Vocês podem usar qualquer tamanho, mas de preferência e para melhor resultado, utilizem sempre valores correspondentes, ou seja, valores iguais para o comprimento e altura.

2º Passo: Selecione uma cor qualquer e pinte o quadrado.Eu usarei o vermelho, mas vocês estão livres para escolher uma cor.Após ter pintando, clique na janela de edição para fazer uma reta e de tamnho pequeno ou de 1 pixel de altura e após fazer isto, dê um zoom de 800 vezes, conforme a imagem:


3º Passo: Agora que estamos vendo nossa imagem de perto, utilizando a reta, nós vamos fazer uma espécie de borda. para ela.Como é fundamental que está borda apareça, precisa-se ir na edição de cor e escurecer um pouco a sua cor escolhida para que apareça na sprite.Faça conforme a imagem:


4º Passo: Agora precisamos causar o efeito de perspectiva cavaleira.Para isso, faça uma reta com a mesma cor selecionada para fazer as "bordas".Esta reta ou linha será para definirmos a parte do "chão" e o resto será, digamos, o "bagaço" para deixar a sprite causando o efeito.Observe a imagem para um melhor entendimento:


5º Passo: Observe que o efeito não está presente ainda.Para que isso ocorra, é necessário fazermos mais uma reta que servirá com uma espécie de divisão e causará o ele.É importante lembrarmos que a linha deve ser alinhada de forma corretamente.Após isso, delete uma parte da borda esquerda e direita e pinte com a primeira cor selecionada, conforme a imagem:


6º Passo: Parece que não, mas ao você diminuir o zoom e deixá-lo normal, a sprite parecerá um chão ou perto disso, não é?Existem alguns truques para deixá-la mais real, mas vamos fazer a segunda parte dela.Para fazermos a segunda parte, primeiramente salva sua atual sprite, basta apenas pintar de branco a parte que sobrou depois da linha e deletar a parte que sobrou da borda, conforme a imagem:


7º Passo: Temos a segunda parte e salve-a com outro nome.Agora precisamo fazer a terceira.Para isso, refaça o cubo que nem antes para que possamos aumentar a imagem e dessa vez ficará irregular.Em seguida, faça algumas linhas para formar a parte lateral dele, conforme a imagem:


8º Passo: Salve esta imagem com outro nome.Você já pode carregá-las no Game Maker e começá-las a usar.Lembrando que cada parte deve ser adicionada individualmente no Game Maker.Para vermos o resultado final, junte-as e com a adição de alguns truques, elas podem ficar mais ou menos conforme a imagem:


Gostaram?Descobrimos a técnica!Em breve postarei dicas de como trabalhar nessas sprites e torná-las muito bem trabalhadas, mas para uma primeira sprite está ótimo.Com o tempo, vocês descobrem como trabalhar melhor nelas.Verei se consigo trabalhar em uma vídeo aula, mas acho que deu para um entendimento.

Até mais! farao


Última edição por Ritton em Dom 04 Mar 2012, 17:55, editado 2 vez(es)

Ritton

Ranking : Nota C
Número de Mensagens : 673
Idade : 18
Data de inscrição : 07/06/2011
Notas recebidas : C
Reputação : 2
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Pixel Art: Sprites em Perspectiva Cavaleira

Mensagem por Tiger em Qui 27 Out 2011, 18:58

Bom tutorial, e bem basico mas bem explicado, vendo esse tuto me deu vontade de fazer sprite isometrico xD

Tiger

Ranking : Nota C
Número de Mensagens : 852
Idade : 23
Data de inscrição : 26/09/2009
Notas recebidas : D+C+A
Reputação : 8
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 2

Voltar ao Topo Ir em baixo

Re: Pixel Art: Sprites em Perspectiva Cavaleira

Mensagem por Klior em Qui 27 Out 2011, 19:10

Na realidade isso não é uma figura isométrica, isso é uma perspectiva cavaleira, no mais é um bom tutorial.

Klior

Número de Mensagens : 426
Idade : 25
Data de inscrição : 07/03/2010
Reputação : 13
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Pixel Art: Sprites em Perspectiva Cavaleira

Mensagem por Ritton em Qui 27 Out 2011, 21:05

Desculpem pelo erro!Tinham me dito que eram isométrico, mas eu tinha estranhado também.Qual seria o nome correto para isso?Obrigado pelos comentários e espero que tenham gostado do tutorial, ok?Demorei 1 hora tentando achar as palavras certas para um melhor entendimento e montando toda a estrutura dele, então espero que saibam valorizar meu esforço também.

Um abração para todos vocês! investigador

Ritton

Ranking : Nota C
Número de Mensagens : 673
Idade : 18
Data de inscrição : 07/06/2011
Notas recebidas : C
Reputação : 2
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Pixel Art: Sprites em Perspectiva Cavaleira

Mensagem por Klior em Qui 27 Out 2011, 22:28

Um desenho isométrico é baseado num sistema de três semi-retas que têm o mesmo ponto de origem e formam entre si três ângulos de 120º.

Ritton escreveu:Desculpem pelo erro!Tinham me dito que eram isométrico, mas eu tinha estranhado também.Qual seria o nome correto para isso?Obrigado pelos comentários e espero que tenham gostado do tutorial, ok?
Não conheço muito sobre perspectiva cavaleira, não sei qual seria o nome correto, mais isso é uma figura desenhada em perspectiva cavaleira. E obrigado pela dedicação em trazer conteúdo para o fórum.
Perspectivas:

Klior

Número de Mensagens : 426
Idade : 25
Data de inscrição : 07/03/2010
Reputação : 13
Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0
Prêmios
   : 0
   : 0
   : 0

Voltar ao Topo Ir em baixo

Re: Pixel Art: Sprites em Perspectiva Cavaleira

Mensagem por Conteúdo patrocinado Hoje à(s) 15:55


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum