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:
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:
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):
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):
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:
E cá está o nosso cubo completo vamos passar á próxima fase.
12 Comentários
Visitante X
19 de Outubro de 2005 ás 00:19 []
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…
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.
Rui Moura
19 de Outubro de 2005 ás 11:50 []
Muito bom mesmo
… Parabéns !
rmvalente
22 de Agosto de 2007 ás 22:49 []
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…
Comprimentos e parabens pelo Tutorial 
Eu tenho Macromedia Fireworks MX, é melhor, pior? Devo usar???
rmvalente
Dextro
24 de Agosto de 2007 ás 10:45 []
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.
Thylindo!
03 de Setembro de 2007 ás 23:07 []
Seu Tutorial esta muito bom……parabens……
andrezero
22 de Maio de 2008 ás 19:44 [s] []
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…
António Pedro
25 de Julho de 2008 ás 11:45 [s] []
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
junior
29 de Março de 2009 ás 01:45 [s] []
A usar Internet Explorer 7.0 em Windows XP
puts muito bom
tomaz
01 de Setembro de 2009 ás 14:11 []
A usar Mozilla Firefox 3.0.13 em Windows XP
use imageready que não tem erro, meu brother!
Maria Eduarda
31 de Dezembro de 2009 ás 22:51 [s] []
A usar Internet Explorer 8.0 em Windows 7
Eu amei esse site, mais eu queria saber como faz o Pixel Art e qual o site dele, pq eu preciso editar o meu habbo! O meu habbo é: Anna.Carvalho!!!
:arrow