Pixel Art: Sprites em Perspectiva Cavaleira

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!

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

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

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!

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: