Conectar-se

Esqueci minha senha

Últimos assuntos
» Nota de esclarecimento - GMBR voltou!
Sex 23 Jun 2017, 20:33 por Willy

» Regras do Fórum
Sex 23 Jun 2017, 19:02 por GMBR

» Retorno da GMBR!!!
Ter 24 Jan 2017, 15:43 por GMBR

» Criando IA Simples para inimigos
Qua 25 Nov 2015, 19:22 por DJDAVYD

» Crio Trilha Sonora para Games!
Qui 27 Ago 2015, 13:50 por Isaias Malafaia

» Western Duels
Seg 24 Ago 2015, 07:47 por theguitarmester

» Dúvida sobre strings, lendo txt
Sab 22 Ago 2015, 20:31 por Pai véi

» Janela Modal
Sab 22 Ago 2015, 09:23 por Pai véi

» LudumDare #33
Sex 21 Ago 2015, 21:17 por WellingtonBecker

» GMS sempre salva projeto ao compilar?
Sex 21 Ago 2015, 12:32 por Pai véi

» Tipo de Draw que dê melhor fps...
Sex 21 Ago 2015, 12:25 por Pai véi

» Banco de Dados online fácil de configurar
Sex 21 Ago 2015, 11:47 por Pai véi

» Ficou estranho esse efeito na terra?
Qua 19 Ago 2015, 20:08 por Adriel

» Você consegue decifrar o que é isso?
Qua 19 Ago 2015, 15:48 por Mateus O de Andrade

» Texto centralizado em sprite 64x64
Qua 19 Ago 2015, 14:00 por Vandson Fernandes

» [Tutorial] Um Único Script para Todos Diálogos do Jogo
Ter 18 Ago 2015, 22:12 por dharrison

» VIDEO AULAS - Plataforma - Recriando Super Mario
Ter 18 Ago 2015, 20:44 por Adriel

» Ajuda deixar room maior
Ter 18 Ago 2015, 15:56 por Stickman

» OST - Rain From The Past (Para Main Themes)
Seg 17 Ago 2015, 23:00 por Jessezyn

» #DGM Aula 01 - Views
Seg 17 Ago 2015, 00:16 por victor13.

» Alguém sabe as dimensões de um galaxy s5?
Dom 16 Ago 2015, 20:06 por vitorfernandes13

» Conquer The Kingdom
Dom 16 Ago 2015, 12:13 por DVictorPS

» [Ajuda] Bug ds_list
Dom 16 Ago 2015, 08:27 por Witen

» câmera seguir player com touch control android
Sab 15 Ago 2015, 15:05 por Lighter

» Apk não roda no celular
Sab 15 Ago 2015, 12:10 por xLuiZzz


[Pixel Art] Trabalhando com Isometria

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

[Pixel Art] Trabalhando com Isometria

Mensagem por Dancity em Sex 28 Out 2011, 19:55

Trabalhando com Isometria
Chega de dúvidas!

Introdução:
Tenho visto que muitos membros estão querendo fazer jogos isométricos mas estão com problemas na hora de fazer sprites com angulação isométrica. Então resolvi fazer um tutorial pra mostrar como é fácil fazer sprites isométricos.

Isometria aplicada em figuras.
Para se fazer um sprite isométrico trabalha-se principalmente com linhas diagonais de 30° fazendo com que um "quadrado isométrico" fique parecendo um losango. Quadrados isométricos são figuras muito usadas para fazer áreas planas na visão isométrica. Todas as linhas que constituem esse "quadrado" têm 30°

Não exatamente 30° mas, aproximado.
A maioria dos pixel-artists não usam linhas de 30° para fazer desenhos isométricos, por uma questão de "harmonização" do desenho é usado a angulação aproximada de 30 graus, 26.565º que evita linhas "bagunçadas". Se você usar a angulação 30° com programas que apliquem anti-aliasing, você não terá esse problema. Mas o que queremos fazer aqui é: Pixel art.

Observe abaixo a diferença das linhas de 30° e 26.565°:

Ou seja, olhando a linha de 26,565 graus podemos já fazer uma "manha" pra poder desenhar essa linha: Pinta dois pixels e vai pra baixo, dois pixels, e vai pra baixo. Simples.

Agora com algumas linhas a mais, é fácil fazer um paralelepípedo (ou um cubo) como este:
Lembre-se de colocar as sombras! Imagine um ponto de luz e comece a criar sombras a partir deste ponto.

Esse é o basico de isometria em pixel art. Vá treinando pra fazer desenhos mais complexos, quem sabe eu continue fazendo tutoriais sobre isometria, mas por enquanto é só.


Última edição por Dancity em Sex 28 Out 2011, 23:04, editado 4 vez(es)
avatar
Dancity

Ranking : Nota A
Notas recebidas : A
Data de inscrição : 11/01/2009
Número de Mensagens : 1339
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 1
   :
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Pixel Art] Trabalhando com Isometria

Mensagem por Carlos Mahnke em Sex 28 Out 2011, 20:09

Legal a iniciativa, e no caso da inclinação 2x1 é convencionado utilizar dessa forma mesmo não sendo 30° realmente, já que em detrimento disso temos uma estética muito mais agradável.

Isso também é conhecido como "linhas perfeitas" em pixel art, que são as retas, 1x1, 2x1 e vice-versa:




fazendo com que um "quadrado isométrico" fique parecendo um losangolo
Não seria "losango"?

Carlos Mahnke

Ranking : Sem avaliações
Notas recebidas : A+B (não colocar conceito)
Data de inscrição : 27/07/2011
Número de Mensagens : 202
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Pixel Art] Trabalhando com Isometria

Mensagem por Dancity em Sex 28 Out 2011, 20:25

@Carlos Mahnke escreveu:Legal a iniciativa, e no caso da inclinação 2x1 é convencionado utilizar dessa forma mesmo não sendo 30° realmente, já que em detrimento disso temos uma estética muito mais agradável.

Isso também é conhecido como "linhas perfeitas" em pixel art, que são as retas, 1x1, 2x1 e vice-versa:




fazendo com que um "quadrado isométrico" fique parecendo um losangolo
Não seria "losango"?
Interessante, não sabia que essas linhas eram chamadas de "linhas perfeitas".
E sim, era pra estar escrito losango  :oops:  burrice minha. O estranho é que o próprio chrome corrigiu como losangolo.
avatar
Dancity

Ranking : Nota A
Notas recebidas : A
Data de inscrição : 11/01/2009
Número de Mensagens : 1339
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 1
   :
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Pixel Art] Trabalhando com Isometria

Mensagem por SIGILOSO em Sab 29 Out 2011, 11:13

Carlos Mahnke, gostei muito da observação sobre as linhas perfeitas, valew! o/

O tutorial ficou muito bem explicado Dancity, sempre tive dificuldades pra trabalhar com isometria e essa introdução me ajudou bastante! Eu tinha notado no detalhe dos 30º graus, agora com essa instrução a mais vai me facilitar bastante. o/
afro
avatar
SIGILOSO

Ranking : Nota A
Notas recebidas : A+A+A+A+A+A+A
Data de inscrição : 06/06/2009
Número de Mensagens : 2264
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 4
   : 2
   : 1

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Pixel Art] Trabalhando com Isometria

Mensagem por Dancity em Sab 29 Out 2011, 18:00

@SIGILOSO escreveu:Carlos Mahnke, gostei muito da observação sobre as linhas perfeitas, valew! o/

O tutorial ficou muito bem explicado Dancity, sempre tive dificuldades pra trabalhar com isometria e essa introdução me ajudou bastante! Eu tinha notado no detalhe dos 30º graus, agora com essa instrução a mais vai me facilitar bastante. o/
afro

Muito obrigado pelo comentário sigi, eu também não tenho muito conhecimento sobre isometria, mas depois que vi que era só fazer com essa "linha perfeita" da isometria, ficou muito mais fácil. Ainda bem que pude te ajudar! Talvez eu continue dando aulas simples, mas é bem difícil, pois como disse, não tenho muito conhecimento no assunto.
avatar
Dancity

Ranking : Nota A
Notas recebidas : A
Data de inscrição : 11/01/2009
Número de Mensagens : 1339
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 1
   :
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Pixel Art] Trabalhando com Isometria

Mensagem por Fricotty em Sab 29 Out 2011, 18:54

Gostei do tutorial!
Poderia adicionar um tutorial de como criar um casa isométrica. Smile

Fuiizz Happy
avatar
Fricotty

Data de inscrição : 29/10/2011
Número de Mensagens : 7
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Pixel Art] Trabalhando com Isometria

Mensagem por Dancity em Sab 29 Out 2011, 20:30

@Fricotty escreveu:Gostei do tutorial!
Poderia adicionar um tutorial de como criar um casa isométrica. Smile

Fuiizz  Happy
Posso fazer sim um tuto pra mostrar outros elementos isométricos, e a aplicação deles. Mas o certo mesmo é ver na teoria.
avatar
Dancity

Ranking : Nota A
Notas recebidas : A
Data de inscrição : 11/01/2009
Número de Mensagens : 1339
Insígnias de JAM :

Insignia 1 x 0 Insignia 2 x 0 Insignia 3 x 0

Prêmios
   : 1
   :
   :

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Pixel Art] Trabalhando com Isometria

Mensagem por Conteúdo patrocinado


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