segunda-feira, 22 de março de 2010

Como desenhar natureza morta

Uma otima aula que eu achei por ai ao acaso
http://www.scribd.com/doc/2429324/-Como-desenhar-naturezas-mortas
Esta aula ensina varias tecnicas de desenhos sombreado formas e outros.
Em breve estarei postando novas aulas de desenhos não diretameente ligados ao pixel art mas que pode ajudar bastante com o mesmo, apartir de agora pare de pensar que pixel art é uma tecnica e começe a pensar que é uma ferrramenta que você pode usar suas proprias tecnicas desde mangá até o realismo ou o abstrato.

Espero que gostem.

quinta-feira, 18 de março de 2010

Utopia Maker

Olá pesssoal é com muito prazer que faço uma nova parceria com um novo site maker, o utopia maker apesar de novo promete bastante em relação a novidades e engines não muito conhecidas porém uteis como o  figther maker 2D que permite  criar jogos de luta faccilmente ou o shoter maker, ambos  são makers antigos porem pouco conhecidos entre os indie makers (criadores independentes de jogos).
Apartir de agora o  true pixel estara com o seguinte banner ao lado.
Link para o site:
Utopia Maker

Até a proxima!

terça-feira, 9 de março de 2010

Cores e mais cores


http://www.templatesbymarina.com/forum_tbm/index.php?showtopic=65505
http://www.giuliano.eti.br/index.php/tag/teoria-das-cores/
Algumas  aulas sobre cores que podem ajudar a escolher paletas ambos os sites estão em português.
Estes sites podem  ajudar não só em pixel art como web designer e outros tipos de arte.
Enjoy.

quarta-feira, 24 de fevereiro de 2010

Pixel Games

Os jogos são otimas aplicações praticas de pixel art por isso preparei uma lista com alguns jogos em pixel art para PC.
Kill the Pikakiris
Um jogo feito por El Sato, um beta na verdade mas já possui uma ótima jogabilidade e sistemas interessantes. Seus gráficos lembram um pouco Super Mario Yosh's Land, por serem "fofos" contrastam  um pouco com a violencia.
Comandos: A para atirar, S para saltar, Q para jogar granadas e W para chamar o ataque aereo.
Download: Aqui

 

Noitu Love & The Army Of Grinning Darns

Este jogo, um pouco retrô por sua paleta de cores, lembra um pouco megaman porém com uma jogabilidade diferente, seus movimentos de personagens são muito bem estruturados. Comandos: SHIFIT, CTRL.

Download: Aqui

 

The Legend of Princess

 
Este é de longe o meu favorito, seus graficos e sua jogabilidade são ótimas, sua semelhança aos jogos da serie zelda acabam assim que você começa a jogar.
Se você ainda pensa que se trata de mais um jogo de plataforma qualquer, é porque ainda não jogou uma partida. Faça um apanhado de tudo que os melhores jogos de plataforma têm como itens, armas diferentes, golpes especiais e pequenos enigmas. Adicione muito bom humor e misture com uma movimentação fantástica.
 Retirado do Baixaki
Download: Aqui

 

Bernard & Hank 2

 
Este jogo tosco feito em pixel art me lembra um pouco do alex kidd (de forma groceira).
Download: Aqui

Espero que gostem dessa listinha e que analisem um pouco das tecnicas de cada artista, todos os jogos foram testados e todos os links estão funcionando.

terça-feira, 2 de fevereiro de 2010

Desenhando uma árvore

Fases da Aula
[1]- Estudo da árvore.
[2]- Fazendo o esboço.
[3]- Fazendo uma texturização das folhas.

1- Estudo da árvore
Bem algumas pessoas costumam desenhar árvores sem nem antes fazer um pequeno estudo não muito aprofundado da dita cuja, antes de desenhar a árvore você deve ter os seguintes conhecimentos: formato da folha; a que altura ela pode chegar; como é o padrão de galhos e qual será o ponto de visão. Em alguns casos que não é possivel ser feita toda essa analize, como o uso de fotos de referencia já da para se ter ao menos uma noção. Bem como eu sou brasileiro e nordestino estou com preguiça de estudar a árvore a fundo vou usar uma referencia mesmo.
Aqui está:
Creditos a maticgolob
(pessoa que desconheço só achei na pesquisa do deviantart)
2- Fazendo o esboço.
A parte no qual eu vou começar a desenhar (eu tava fugindo disso).
Há certas precupações ao fazer o esboço, no esboço serão definidos:  pontos de luz; formato; rapida colorização.
2.1- O esboço.
Já que eu estou fazendo uma árvore para a versão XP  ou superior minha árvore irá usar o tamanho 96x96
bem como podem ver em 2 cores fiz um pequeno esboço já definindo o formato da árvore e onde vai haver folhas.
2.2- Pintura rapida
Após definir o formato e localização das folhas vamos fazer uma rápida pinturajá definindo o ponto de luz. 1° defina sua paleta de cores (não vou explicar como ei de fazer pois  já escrevi sobre isso no meu blog link: http://truepixel.blogspot.com/2009/12/traducao-teoria-das-cores.html )
 Foi definido o ponto de luz (vindo da esquerda para a direita) e a paleta(disponivel para uso).
3- Fazendo uma texturização das folhas.
Essa com certeza é a parte principal já está tudo definido na nossa árvore, mas ainda não se pode perceber as folhas que é o principal, então, vamos ao trabalho.
3.1- Suavisando o rascunho.
Bem, a imagem está "linda" mas ainda está muito rabiscada, faça uma suavisada no tronco para poder vermos melhor o seu formato, para os apressados que equerem suaviar tudo peço que aguardem o proximo passo.
 3.2- Texturização.
Texturização: é fazer com que algo tenha textura ou seja forma igual ou semelhante com a da referencia. Para da um aspecto de que realmente são folhas o topo desses galhos vou fazer um pouco para mostrar do que se trata.
 Como podem ter percebido agora sim já podemos dizer que há folhas na imagem.
Para simular o efeito de folhas eu costumo colocar uma cor de um nivel a menos (tom mais escuro) para fazer o formato da folha.
Se não entenderem é por que é dificil de descrever com palavras. Após  todas essas  partes aqui vai o resultado final.
 O resultado ta meio esquisito mas é só pra passsar a mensagem e o tutorial.
Duvidas?
Por favor poste todas as perrguntas e criticas.
Em relação a erros de portugês e letras triplas vem devido ao meuu teclado e meu péssimo português.

quarta-feira, 30 de dezembro de 2009

Tradução- Teoria das cores

Para saber que cores são naturalmente claras e quais são naturalmente escuras traduzi este novo tutorial.


[Tons médios] (as tonalidades base)
 +Vermelho:5-25matíz (hue) ou 340-355matíz
 +laranja/marrom:25-40matiz (quanto menos saturação ouver na cor, mais semelhante a marron a cor será)
 +amarelo: 40-50matíz
 +verde: 65-80hue (darkers greens 'hue:120ish' generally look VERY bad unless they are confined to a small area on a pic)*
 +azul: 200-215hue
 +roxo: 220-245hue

[Tons escuros] (onde a luz não bate…)
 +vermelho: 0-10matíz or 330-340matíz
 +laranja/marron: 10-25matíz
 +amarelo: 20-30matíz (as sombras do amarelo devem ser marron ou laranja)
 +verde: 80-95 ou 120~145 (again...there usually isn't alot of dark green in an image, even a forest scene, so this hue:120+ is ok)*
 +Azul: 220-245matíz (a sombra do azul tende a ser roxo... normalmente quando esta em um padrão...)*
 +roxo: 225-245matíz (o roxo normalmente é escuro por si só)

[Tons claros] (onde a luz bate no objeto... usado para fazer objetos brilharem)
-Esta seleção é mais complicada.
It involves hue shifting to figure out
-highlights are generally done by shifting your midtone hue to the next brightest color*
****show hue-slider****

-vermelho/laranja/marrom: maximum hue: 35-50 (aka yellow~yellowish-orange)
-amarelo: maximum hue: 55-60 (any higher and you get green)
-verde: maximum hue: 55-65 (yellow is brighter...thus it highlights green)
-azul: maximum hue: 160-195 (notice the huge-ass range... blue is just weird that way...most greens/teals/light blues can highlight it beautifully)
-roxo: maximum hue 200-210 (aka blue) OR 300~345 (again huge range, magenta/violet can highlight purples as well)*



* - sugira uma tradução melhor no comentario.
hue/matíz - é a segunda caixa apresentada na foto.


Retirado de:


terça-feira, 13 de outubro de 2009

Paleta de cores


Paleta de cores.



A paleta de cores nada mais é do que as cores no qual serão
usadas na produção de seu desenho. Já tive muitos problemas em relação à busca
de uma paleta apropriada para meus desenhos, para facilitar um pouco vou
explicar as noções da criação de uma paleta de cores.

Rampas de cores:

A rampa de cores é a mudança de uma cor a outra elas podem
variar de varias formas como estas:

Mudanças de luminosidade:

 

Mudança de uma cor a outra:

 

Em geral as paletas de cores geralmente são muito pessoais.

Algumas paletas de algumas plataformas e sistemas como
exemplos.

:: A Grande Lista de Paletas ::





Introdução:
Não é exatamente um tutorial, mas uma lista de várias paletas, de diferentes plataformas e de diferentes jogos





Paletas de Plataformas e Sistemas


Commodore 64


MS Paint


MS Paint Vista


Game Boy (apenas uma das linhas, 4 cores)


Nintendo 8bits


EGA


EGA 16


CGA
(em breve)

Amstrad CPC






Paletas de Jogos


Namco vs Capcom


Disgaea 2 - Sprites


Super Street Fighter - Personagens


Seiken Densetsu 3 - Sprites


Castlevania: Dawn of Sorrow






Outras Paletas


RPGMaker 2k3 - Personagens


RPGMaker VX - Personagens





Fontes:
Wikipedia
Antifaea
Pixel Joint
Pixelation
Ails.
(fonte: Pixel Paradise)

Dicas para a criação de uma paleta pelo Graphics Gale (estas dicas são opcionais como eu disse anteriormente o modo de criação de paletas varia de cada arrtista).
Na paleta de cores do Graphics Gale mude a caixa que esta em destaque na imagem para HSL.

Agora vou dizer o que costumo fazer para procurar as cores e tonalidades.


A segunda caixa corrediça indica a cor primaria, a terceira caixa indica a saturação das cores e a quarta e ultima indica o brilho da cor indicada.
Quando quero fazer rampas de luminosidade escolho a cor mediana, e depois em caso de cores mais claras aumento a luminosidade e aumento juntamente a saturação delas, para tons mais escuros o inverso.

 Algumas pessoas preferem fazer "combos" de cores  ele mistura as rampas dde iiluminação e as rampas de  mudanças de cores conomizando assim o numero de corres utilizadas. (Paleta by Syosa).

Espero que eesta aula compense o tempo em que fiquei sem postar nada