Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens
Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens

quinta-feira, 6 de março de 2008

Introdução ao Pixel Art isométrico - Parte 01

Photobucket

E aeeeeeeeeeeee!!
Seguindo o embalo do Other vou começar umas explicaçõezinhas básicas sobre pixel art.
Acho mto da hora esse tipo de trampo, tanto pela mão-de-obra que dá tanto pelo resultado final, que qnt mais detalhes tiver, melhor fica.
Então vamos ao que interessa.


Introdução ao Pixel Art isométrico - Parte 01

A vista isométrica é baseada numa vista elevada de uma grade rotacionada. Como vocês veêm abaixo ela lembra um formato de diamante. Isso cria uma perspectiva tridimensional da representação de um objeto.

Photobucket

Tradicionalmente a perspectiva isométrica é baseada num ângulo de 30º, entretanto, na tela do computador esse ângulo vai fazer com que a linha pareça irregular e bagunçada como no exemplo abaixo. Por essa razão usamos um ângulo equivalente a 26,565º para criar uma linha regular.

Photobucket

Mas o que você vai ter que lembrar sempre é que os pixels são um pra cima e dois pra frente pra desenhar as linhas principais. A menos que você queria aplicar uma textura ou sobrepor alguma coisa que você não tenha desenhado em pixel art, então é importante que você distorça a figura com um ângulo de 26,565º para que ela fique no mesmo ângulo do desenho.


Bom por enquanto é isso ae.. e aqui vai um link pra vcs irem dando uma olhada em uns trampos de pixel art isométrico.

Photobucket

sexta-feira, 29 de fevereiro de 2008

Yes, nós temos tutoriais !!

Atendendo a milhares de pedidos, finalmente fiz um tutorial para o Adobe Illustrator sobre Gradiente Transparente, já que não é possível fazer esse gradiente da mesma maneira que o Photoshop. Bem... espero que este seja o primeiro de muitos ^^

 Tutorial - Gradiente Transparente/Adobe Illustrator. 

Obs: Este turorial foi feito com base na versão CS3, por isso não sei dizer se é compativel com as outras versões.