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.
segunda-feira, 22 de março de 2010
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!
Apartir de agora o true pixel estara com o seguinte banner ao lado.
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.
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.
Kill the Pikakiris
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.
Retirado do BaixakiSe 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.
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.
[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á:
(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
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 )
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.
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.
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.
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.
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:
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.
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).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)
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.
Espero que eesta aula compense o tempo em que fiquei sem postar nada
Assinar:
Postagens (Atom)