InícioPortalFAQBuscarMembrosRegistrar-seConectar-se

 

[Tutorial] Casa isométrica

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

Masculino
Idade : 33 Data de registro : 05/03/2009 Nº de mensagens : 60
Ranking
Nível:
1/100  (1/100)
Pontos:
7/10  (7/10)

MensagemAssunto: [Tutorial] Casa isométrica   Sab Nov 07, 2009 2:40 pm

Esse é um tutorial meu, portanto, desatualizado. Fiquem a vontade para corrigí-lo.
É bem iniciante, ajuda quem gosta de fazer construções isométricas.

[Tutorial] Pixel Art de Casa Isométrico

1- Primeiramente é importante saber que a maioria dos desenhos isométricos trabalham com traços com ângulo de 45º e 26º. Lógico que quando você fizer um traço no paint você não vai ficar calculando ângulos para cada um. Então, é só seguir o padrão de 1, ou dois pontos em cada linha ao traçar retas. Justamente para evitar que os traços pareçam tortos. :rolleyes:

Veja essas figuras:


Imagem com traçado de 2 pixels cada linha


Imagem com traçado de 1 pixel cada linha

2- Pra construir a casa vamos usar somente as retas de 26º para criar um bloco que dará origem a imagem. Segue a sequência:


Primeiro traço pra definir a base do bloco


Segundo traço, interligado ao primeiro e no sentido oposto, formando a base do bloco


Traços verticais para as lateriais e o meio do bloco. Os traços laterias devem estar alinhados na horizontal e serem do mesmo tamanho.


Finalmente os quatro traços no topo, todos em 26º

3- Agora vamos criar o telhado da casa. Pra isso vamos usar traços em 45º e linha reta, veja:


Primeiro traço a 45º


Segundo traço fechando a frente do telhado. Utilizando uma reta.


Essa imagem é quase igual a de cima. Só aumentei o traço do telhado para que ele não fique do tamanho do topo da casa.


Mesma coisa do outro lado do bloco


Fechando as laterais do telhado com traços de 26º


Limpando os traços de sobra que estão no topo do bloco.

4- Pronto. Este é o modelo de casa. Agora que aprendemos a fazer os traços básicos é só adicionar os detalhes. Portas, janelas e uma chaminé invocada.
Tudo na base dos traços que mostrei. Eu aconselho fazer em tom mais claros que ajuda muito se acontecer algum erro.


Adicionei janelas, porta e chaminé.


Rearranjei os traços com preto depois de definidos.

5- Agora é hora de adicionar cores. Defini uma paleta bem simples pra imagem.


Imagem com as cores básicas da paleta!


Usei tons mais escuros da paleta para clarear os traços (que eram pretos)


Adicionei alguns elementos pra ficar melhor a casa usando traços pouco mais escuros que as cores da parede, pra dar impressão de tijolos.

Lógico que tá imcompleto e não ficou tão boa. Mas acho que o básico é isso.
Até +
Voltar ao Topo Ir em baixo
Ver perfil do usuário
-noOb-
Explorador
Explorador
avatar

Masculino
Idade : 26 Data de registro : 09/09/2009 Nº de mensagens : 101
Ranking
Nível:
1/100  (1/100)
Pontos:
1/10  (1/10)

MensagemAssunto: Re: [Tutorial] Casa isométrica   Seg Nov 09, 2009 1:20 am

Own,

O tutorial está belíssimo, adoraria ver uma versão atualizada, pois já que este está ótimo, não consigo imaginar algo melhor, eu sou um fan de arestas pretas, porem, acho que ficou ótima a casa com arestas claras, percebi alguns erros como a pintura dentro da chaminé, e uns 3 pixels de cor diferente na porta, fora isso, adorei o efeito que usou nas janelas, e acho que a cor utilizada para as paredes foram escolhidas com maestria.

O tutorial está muito bem organizado, com certeza mais um para minha pasta de tutoriais, muito obrigado por dispor dele para conosco.

-noOb-
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Gvzinho
Náufrago
avatar


Idade : Data de registro : 17/12/2009 Nº de mensagens : 5
Ranking
Nível:
1/100  (1/100)
Pontos:
1/10  (1/10)

MensagemAssunto: Re: [Tutorial] Casa isométrica   Sex Dez 18, 2009 11:17 am

Valeu pelo tutorial me ajudou muito

Abraços
Voltar ao Topo Ir em baixo
Ver perfil do usuário
C4ncel
Explorador
Explorador
avatar

Masculino
Idade : 27 Data de registro : 27/10/2009 Nº de mensagens : 108
Ranking
Nível:
1/100  (1/100)
Pontos:
7/10  (7/10)

MensagemAssunto: Re: [Tutorial] Casa isométrica   Ter Jan 05, 2010 8:03 am

odeio coisas isometricas ¬¬.... me lembra a merda do rabo,digo,a merda do habbo....
mas emfim,o tutorial esta ótimo parceiro ;)
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Conteúdo patrocinado





MensagemAssunto: Re: [Tutorial] Casa isométrica   

Voltar ao Topo Ir em baixo

[Tutorial] Casa isométrica

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 -