Saltar o Menu >>
Oct 05
18

Pixel Art Isométrica...

Por Dextro | 23:10 | | 9 Comentarios »

Ponto 3: Linhas e rectângulos

Ok vamos então passar á acção propriamente dita depois de eu tanto falar e vamos fazer a nossa primeira linha. O conceito da linha em Pixel Art Isométrico é muito simples: 1 para cima, 2 para o lado. Já vão perceber como isto se concretiza.

Vamos então abrir o Paint e fazemos: Ver –> Zoom –> Personalizar e escolhemos 800%

Sugiro que usem uma imagem pequena (entre 100×100px e 200×200px) para começar e preparem-se para fazer a primeira linha. Como já disse: 1 pixel para cima, 2 pixeis para o lado. Devem obter algo como isto:

1 Linha

A partir de agora todas as linhas rectas que queiram fazer em Pixel Art serão feitas assim mas como podem ver isto é relativamente simples portanto vamos andar para a frente e fazer um pequeno quadrado, comece por adicionar mais um lado:

2 linhas

Ok agora que já temos dois lados e sabemos o tamanho de cada um dos lados vamos completar com os outros 2 (em ultimo caso copiem um dos lados na totalidade):

Quadrado

E pronto temos um quadrado feito, se quiserem façam ver –> zoom –> tamanho normal para ver como fica um pequeno quadrado em perspectiva.

Nesta altura uma boa sugestão seria copiar esta imagem variadas vezes e elaborar uma pequena grelha semelhante a um tabuleiro de xadrez sobre onde efectuaram os vossos trabalhos. Não é fácil faze-lo no Paint, regra geral é necessário efectuar as novas linhas á mão em vez de copiar portanto sugiro que se querem levar isto a sério usem software mais profissional como o GIMP.

Mas avançando, um quadrado não é muito útil: queremos cubos. Então vamos aproveitar este quadrado já feito para completar o cubo (eu não faço assim habitualmente mas sim começando de baixo para cima mas o facto é que rapidamente podem ficar confusos com o que estão a fazer dessa forma):

Topo de um cubo

Tenham atenção pois as 3 arestas verticais visíveis têm EXACTAMENTE o mesmo tamanho por isso contem os pixeis (quadriculas) e assegurem-se que os têm em exactamente o mesmo numero ou acabaram por obter um cubo estranho. Notem também os locais onde as 3 arestas se encontram com o quadrado do topo, é importante que definam desta forma se planeiam usar uma iluminação igual á minha mas falarei disso mais tarde, para já limitem-se a seguir-me.

Vamos então completar o nosso cubo, calculo que agora sabem como o fazer portanto vamos a isso:

Cubo completo

E cá está o nosso cubo completo vamos passar á próxima fase.

Paginas: 1 2 3 4

9 Comentários

  1. Muito bom o teu tutorial. Espero que aperfeiçoes a técnica para te tornares um verdadeiro pixel-artist Português!
    Para mim a dica mais porreira foi a de retirar as arestas ao cubo, para o tornar mais “real”.
    As pirâmides parecem efectivamente, o mais complicado… :roll:
    Permite-me também acrescentar que, nas ferramentas mais “profissionais”, e falo do Photoshop neste caso pois o meu contacto com o GIMP é praticamente nulo e não sei se tem essa funcionalidade, podes sempre manejar o “voltar atrás” através do history, e fazê-lo de uma forma pontual, e até mudar a ordem as acções, e dessa forma não perder todas as alterações que fizeste.

  2. Muito bom mesmo :D … Parabéns !

  3. [...] você tem um tutorial interessante sobre o assunto em português: Parte: 1 2 3 [...]

  4. Estou a ver se inicio os meus “desenhos” em pixel art… Para mim ainda é muito desconhecido e o que sei, resume-se a relativamente muito pouco…

    rmvalente@gmail.com Enviem um e-mail se tiverem dicas interessantes que me possam ajudar…

    Uma pergunta…
    Eu tenho Macromedia Fireworks MX, é melhor, pior? Devo usar??? 8O

    :lol: Comprimentos e parabens pelo Tutorial :)
    rmvalente

  5. Fireworks não é lá muito boa escolha para isto já que, se não me engano, é mais focado em desenho vectorial enquanto pixel art é baseado em pixeis. É possível utiliza-lo mas no entanto algo como o Paint.Net ou o Photoshop seriam possivelmente melhores escolhas.

  6. Seu Tutorial esta muito bom……parabens…… :lol: :) :D

  7. Gravatar
    andrezero
    May 22, 2008 ás 19:44 [s[resp.]
    A usar Mozilla Firefox 2.0.0.14 em Windows Vista 

    Execelente tutorial…

    Quando preciso de fazer algo do género, tipo icons, uso simplesmente o PAINT e tenho uma prática do caraças naquilo, o que é essencial porque só tem 4 níveis de undo!

    Claro que por vezes limito-me a pegar numa imagem maior e reduzi-la para 32×32 e depois dar uns toques ao nível do pixel para dar melhor definição aos contornos essenciais.

    Eu sou um grande fã do lado artesanal… quando se começou a falar de pixel art achei que era um back-to-the basics e um autêntico tributo aos velhos tempos do z80 e afins, em que os “sprites” eram “programados” pixel a pixel…

  8. [...] Tutorial Pixel Art [...]

  9. Gravatar
    António Pedro
    July 25, 2008 ás 11:45 [s[resp.]
    A usar Mozilla Firefox 3.0.1 em Linux 

    Há programas mesmo específicos para Pixelart… um que eu me sinto confortável a usar (e que é multiplataforma) é o mtPaint :) Try it

Ajuda:

NOTA: Os comentários são moderados.

Clique num dos campos do formulário para ver o texto de ajuda respectivo.

Requer javascript.

Mostrar/Esconder Ajuda
 

Comente!