Pixel Paradise
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.



 
InícioPortalProcurarÚltimas imagensRegistarEntrar

 

Tutorial traduzido - Pixel art em 3D isométrico

Ver o tópico anterior Ver o tópico seguinte Ir para baixo 
Autor Mensagem
Ails
Administrador
Administrador
Ails

Masculino
Idade : 33 Data de registro : 19/02/2009 Nº de mensagens : 683
Ranking
Nível:
Tutorial traduzido - Pixel art em 3D isométrico Left_bar_bleue5/1337Tutorial traduzido - Pixel art em 3D isométrico Empty_bar_bleue  (5/1337)
Pontos:
Tutorial traduzido - Pixel art em 3D isométrico Left_bar_bleue0/10Tutorial traduzido - Pixel art em 3D isométrico Empty_bar_bleue  (0/10)

Tutorial traduzido - Pixel art em 3D isométrico Vide
MensagemAssunto: Tutorial traduzido - Pixel art em 3D isométrico   Tutorial traduzido - Pixel art em 3D isométrico Icon_minitimeSáb Abr 04, 2009 4:34 pm

Pixel Art Isométrico


Tutorial sobre os princípios básicos de pixel art isométrico
tutorial por NascImpact

Citação :
3D isométrico em pixel art

Tutorial traduzido - Pixel art em 3D isométrico Iso1

Como você pode perceber, uma pequena linha em isométrico sempre é feita da mesma forma. Para a linha que sobe, faça dois pixels para o lado, e um pixel pra cima. A largura é sempre o dobro da altura. Para a linha que desce, é a mesma coisa. Sabendo isso, você pode fazer linhas em qualquer sentido.

Tutorial traduzido - Pixel art em 3D isométrico Iso2

Neste exemplo, você tem um quadrado de 30x30, mas uma vez em isométrico, ele se torna 30x15, pois em iso, a altura corresponde à metade da altura original.

Tutorial traduzido - Pixel art em 3D isométrico Iso3

Apenas como curiosidade, o angulo da linha de isométrico, e a linha horizontal corresponde à exatos 26.565º. É útil saber isso se você estiver fazendo o desenho em Flash por exemplo.

Tutorial traduzido - Pixel art em 3D isométrico Iso4

As 'linhas perfeitas', como mostrado nesse exemplo, correspondem às linhas mais usadas em pixel art isométrico. Com essas linhas, você pode fazer quase qualquer forma (triângulos, retângulos, quadrados, etc).




Citação :
Pirâmide em pixel art isométrico

Tutorial traduzido - Pixel art em 3D isométrico Pyra_etape1

Primeiro de tudo, desenha uma base quadrada em visão isométrica, não importa o tamanho, este tutorial se aplica a qualquer tamanho de quadrado.

Tutorial traduzido - Pixel art em 3D isométrico Pyra_etape2

Desenhe uma linha reta na parte da frente da pirâmide, ela servirá de base para os outros lados. A altura desse linha será a altura da sua pirâmide.

Tutorial traduzido - Pixel art em 3D isométrico Pyra_etape3a

Desenhe agora, duas linhas para fechar sua pirâmide, você pode fazer um ponto no canto esquerdo (ou direito) da base da pirâmide (representado pelo ponto vermelho na figura), e segurando a tecla 'shift', clicar no topo da pirâmide.

Tutorial traduzido - Pixel art em 3D isométrico Pyra_etape4

Remova a linha preta da base da pirâmide, agora é hora de colorir a pirâmide.

Tutorial traduzido - Pixel art em 3D isométrico Pyra_etape5

Quando colorida, ficará parecida com essa.

Tutorial traduzido - Pixel art em 3D isométrico Pyra_etape6

Outros exemplos de pirâmides.




Citação :

Cilindros com pixel art isométrico

Tutorial traduzido - Pixel art em 3D isométrico Etape1

Primeiro, desenhe um quadrado em visão isométrica, não importando o tamanho.

Tutorial traduzido - Pixel art em 3D isométrico Etape2

Em uma nova camada, use a ferramenta de seleção circular para criar uma elípse como na figura.

Tutorial traduzido - Pixel art em 3D isométrico Etape3

Desenhe o contorno da elipse. Você terá a base do cilindro.

Tutorial traduzido - Pixel art em 3D isométrico Etape4

Duplique a base, e afaste de acordo com o tamanho que você quer que seu cilindro tenha e ligue as estremidades com uma linha.

Tutorial traduzido - Pixel art em 3D isométrico Etape5

Para terminar, aplique uma cor e pronto!

Tutorial traduzido - Pixel art em 3D isométrico Etape6

Outros exemplos de uso de cilindros.
[img][/img]




Citação :

Criando uma casa em isométrico

Tutorial traduzido - Pixel art em 3D isométrico House1

Primeiro, desenhe as linhas principais da casa, enquando tendo como base no chão, um retângulo em visão isométrica.

Tutorial traduzido - Pixel art em 3D isométrico House2

Preencha as várias partes da casa, com cores básicas. Preste atenção para aplicar as cores com base em um ponto de luz.

Tutorial traduzido - Pixel art em 3D isométrico House3

Faça os contornos com cores mais escuras correspondentes às superfícies.

Tutorial traduzido - Pixel art em 3D isométrico House4

Adicione alguns elementos, como janelas, portas, etc da mesma forma.

Tutorial traduzido - Pixel art em 3D isométrico House_final

No final, você pode obter esta imagem adicionando sombras, detalhes como a grama e a cerca.
Ir para o topo Ir para baixo
http://www.oficinadejogos.com.br/pixelparadise/Pixel%20Paradise/
Versuti
Nativo
Nativo
Versuti

Masculino
Idade : 29 Data de registro : 11/04/2009 Nº de mensagens : 429
Ranking
Nível:
Tutorial traduzido - Pixel art em 3D isométrico Left_bar_bleue2/100Tutorial traduzido - Pixel art em 3D isométrico Empty_bar_bleue  (2/100)
Pontos:
Tutorial traduzido - Pixel art em 3D isométrico Left_bar_bleue1/10Tutorial traduzido - Pixel art em 3D isométrico Empty_bar_bleue  (1/10)

Tutorial traduzido - Pixel art em 3D isométrico Vide
MensagemAssunto: Re: Tutorial traduzido - Pixel art em 3D isométrico   Tutorial traduzido - Pixel art em 3D isométrico Icon_minitimeDom maio 24, 2009 3:07 pm

Bom, darei uma leve revivida no tópico, afinal, gostei bagarai do tutorial mey. \õ/

Tipo, adorei o modo de spritear um cilindro e panz, XD
Ir para o topo Ir para baixo

Tutorial traduzido - Pixel art em 3D isométrico

Ver o tópico anterior Ver o tópico seguinte Ir para o topo 
Página 1 de 1

Permissões neste sub-fórum Não podes responder a tópicos
Pixel Paradise :: Pixel Art :: Tutoriais -