InícioPortalFAQBuscarMembrosRegistrar-seConectar-se

 

Tutorial isométrico

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
Autor Mensagem
Colossal
Andarilho
Andarilho
avatar

Masculino
Idade : 23 Data de registro : 24/02/2009 Nº de mensagens : 69
Ranking
Nível:
1/100  (1/100)
Pontos:
1/10  (1/10)

MensagemAssunto: Tutorial isométrico   Sab Fev 28, 2009 10:54 pm

Nesse tutorial ensinarei o básico da arte do pixel art isométrico.

O que é Pixel Art isométrico?

Pixel Art isométrico nada mais é do que pixel art em uma base "diferente", numa visão " meio de frente meio de cima", como a Big Iso City do Gunstar Red ou o Rewound do Gas 13.

Pixel Art isométrico, é feito numa base de 27º ~ 30º, ficando assim:

1 pixel nas juntas:


2 pixels na junta:


3 pixels na junta:


As três maneiras estão certas, escolha a que você acha melhor.

Veja, mais precisamente com zoom:

1 pixel na junta:


2 pixels na junta:


3 pixels na junta:


Observe que são:

dois pixel
...............dois pixel

Formando essa base da vista "meio de frente meio de cima".

Botando em pratica:

Bem simples para os iniciantes.
Esse é um quadrado normal:



Tentaremos tranformá-lo em um cubo:

Primeiro começaremos fazendo a base do cubo:

1 pixel na junta:


2 pixels na junta:


3 pixels na junta:



Obs.: Não precisa fazer a base inteira, se você só for usar a "parte de baixo", só fiz nesse caso, como parte do tutorial

Depois, a base, ou um "cubo":

1 pixel na junta:


2 pixels na junta:


3 pixel na junta:




Como? Fácil, faça linhas retas para fazer de "quinas" do cubo, depois faça outra base para ficar
encima.

Agora a coloração:

Usaremos 3 cores para faze-la:

No final ele ficará assim:

1 pixel na junta:


2 pixels na junta:


3 pixels na junta:


Mas eu vou explicar, na parte de cima do cubo, é aonde está vindo a iluminação dele, por isso, é a parte mais clara.
Na parte da esquerda, é aonde esta mais escuro, então é o lugar sombreado.
A parte da direita, não há nem a iluminação, nem sombreamento, vou cham-la de "parte normal".

É optativo, mas no final, você pode preencher as linhas dentro do cubo, o que o deixará assim:

1 pixel na junta:


2 pixels na junta:


3 pixels na junta:



Fim do tutorial.
-
Creditos ao Alien por ter dado a ideia de fazer uma forma geometrica e ao Nigt por me corrigiir perante aos pixels da junta

-------------------------------------------------
EDIT:
Versão 1.2


Última edição por Colossal em Dom Mar 01, 2009 7:55 pm, editado 3 vez(es)
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Nightmare
Moderador
Moderador
avatar

Masculino
Idade : 23 Data de registro : 20/02/2009 Nº de mensagens : 558
Ranking
Nível:
2/100  (2/100)
Pontos:
2/10  (2/10)

MensagemAssunto: Re: Tutorial isométrico   Dom Mar 01, 2009 5:54 pm

Tem uma coisa errada aí, cara. Na junta das duas linhas não é um pixel só, são dois (alguns artistas fazem três).
Mas overall, não tá ruim, eu só acho melhor você arrumar isso.
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.pixelparadise.forumotion.com
Jão
Moderador
Moderador
avatar

Masculino
Idade : Data de registro : 24/02/2009 Nº de mensagens : 162
Ranking
Nível:
1/100  (1/100)
Pontos:
9/10  (9/10)

MensagemAssunto: Re: Tutorial isométrico   Dom Mar 01, 2009 6:06 pm

Nighty escreveu:
Na junta das duas linhas não é um pixel só, são dois (alguns artistas fazem três).

Do mesmo jeito que tem artistas que usam um também. Na verdade, pixel art nunca é completamente "true" isométrico porque o ângulo correto ficaria muito quebrado (se fossem pixels em outros formatos, talvez desse pra fazer direito). A escolha de se usar dois pixels nessas bordas costuma ser por motivos de tiling, porque tiles precisam ser em múltiplos de 8. O site do Stoven explicava bem legal sobre isso, pena que ele tirou os tutos do ar :/
Voltar ao Topo Ir em baixo
Ver perfil do usuário
BlackZero
Nativo
Nativo
avatar

Masculino
Idade : 22 Data de registro : 25/02/2009 Nº de mensagens : 327
Ranking
Nível:
3/100  (3/100)
Pontos:
2/10  (2/10)

MensagemAssunto: Re: Tutorial isométrico   Dom Mar 01, 2009 6:10 pm

Na verdade os "Dois Pixels em Cima de Dois Pixels" formal um angulo de cerca de 27.4°
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Colossal
Andarilho
Andarilho
avatar

Masculino
Idade : 23 Data de registro : 24/02/2009 Nº de mensagens : 69
Ranking
Nível:
1/100  (1/100)
Pontos:
1/10  (1/10)

MensagemAssunto: Re: Tutorial isométrico   Dom Mar 01, 2009 6:47 pm

Nightmare escreveu:
Tem uma coisa errada aí, cara. Na junta das duas linhas não é um pixel só, são dois (alguns artistas fazem três).
Mas overall, não tá ruim, eu só acho melhor você arrumar isso.

Ali, eu só quis mostrar os dois pixels dois pixels, até porque eu aprendi nesse estilo.
Mas anyway, vou editar o tópico pondo os dois estilos.

EDIT:

Alias, valew Night, esse estilo de 2 pixel é bstante usado em tiselets de RPG pra não deixar quebrado.

EDIT 2:

Tutorial editado ^^
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Conteúdo patrocinado





MensagemAssunto: Re: Tutorial isométrico   

Voltar ao Topo Ir em baixo

Tutorial isométrico

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1

Permissão deste fórum: Você não pode responder aos tópicos neste fórum
Pixel Paradise :: Pixel Art :: Tutoriais -