domingo, 30 de agosto de 2009

Introdução ao Isometric Pixel Art

Olá estou aqui para lhes fazer uma pequena introdução ao isometric pixel art.
 Conceito:
O isometric pixel art nada mais é que uma visão "tridimensional" (largura, aultura e profundidade) de uma figura 2D. Para entender melhor isso vou fazer uma comparação de um cubo normal pra um cubo isometrico.
Para melhor compreender este tipo de imagem farei uma pequena comparação dos 2 tipos.
 
Aqui nós temos 2 exemplos o da esquerda é um cubo em 2D comum, e o da direita é o mesmo cubo em 2D isometrico (ponto de visão de 26,565º).

Desenhando:
Vou expicar de uma forma simples como desenhar isometricamente (cubos).
Para explica melhor como fazelo vou mostrar o cubo anterior com Zoom.
Ao ver essa imagem com zoom podemos observar que para fazer uma linha na horizontal, são feitos um conjunto de 2 pixels, são feitos 2 pixels e uma quebra, para cima ou para baixo.
Pintando:
Determine as cores a serem usadas e um ponto de luz como no exemplo abaixo:
 
Veja que a cor mais clara  foi utilizada para traçar as linhas centrais do cubo e a mais escura para
as bordas do cubo.
Apartir do ponto luminoso são determinadas a localização das cores remanecentes(lembre-se que se o ponto luminoso for o sol a cor mais clara será a da parte de cima do cubo.
Amontoando cubos:
Para empilhar cubos de maineira correta (como caixas) deve ser feita uma pequena distanciação de 1px para dar a empressão que ainda são cubos. EX:
 
 Forma correta.
 
 Forma errada (perceba que os cubos não existem mais e da a impressão de ser um grande "cubão").
Esse é o fim do primeiro truetorial sobre pixel art.
Quem quiser se aprofundar enqunto eu não traduzo mais tutorias aqui vai um site que pode ajudar: http://gas13.ru/v3/tutorials/isometric_pixelart_tutorial_setup_photoshop_for_pixelart.php

2 comentários:

  1. "grande cubão"

    ei...
    vc já tinha dito algo assim para mim e para Cinthya.
    Foi no renascimento que pintores começaram a desenhar assim (pintar idem)...

    Beijinhos...

    por que o nome pixel?

    ResponderExcluir
  2. Pix... Picture!!!


    Beijoss

    ps ótimo blog!!!

    ResponderExcluir