yoshiro470

Tutorial básico sobre cores.


Vejo no fórum e em outros locais, está dúvida sobre, como e que cores devo utilizar, tais motivos me levaram a passar o que aprendi sobre as cores ultimamente

Neste tutorial, vou explicar como funcionam as cores análogas, a monocromia, como usar ambas para nos spriters, e algumas técnicas de montagem de paleta. Este também, irá  nos ajudar na Pintura Básica e Antialiasing (AA). Então vamos lá ;

Cores Análogas e complementares:
 
Cores análogas são cores que ficam lado a lado no disco de cores, e são tidas como análogas por dividirem a mesma cor base. Por exemplo, na imagem a baixo podemos ver o azul do meio ao seu lado duas cores análogas:  
 


Para que essa ideia serve no spriting?
 
As cores análogas irão dar uniformidade e equilíbrio no sprite e também irá recheá-lo com uma elegância, será agradável ao nossos olhos de ver, cores desse tipo são muito usadas no nosso cotidiano, tornando o olhar mais agradável devido a calma que a uniformidade causa, não sendo nada diferente nos sprites. Podemos também utilizar as cores complementares para equilibrar o sprite, ou na montagem de paleta para obter uma nova pigmentação que pode atingir aquela tonalidade que você quer! Já as cores complementares são as cores opostas no diâmetro do circulo cromático, são sempre duas cores que se contrastam muito.
Em uma escala monocromática para que as cores fiquem tanto análogas como complementares precisam estar sempre no mesmo nível saturação.

Monocromia:
 
A monocromia é bem simples de entender, é simplesmente a adição de preto ou branco em uma única tonalidade de cor sem alterar a cor base. Um bom exemplo é um degrade de escala de cinza. Segue exemplo a imagem a baixo:

 
Na primeira da esquerda para direita uma escala de cinza simples feitas apenas reduzindo o valor luminoso dela (adição de preto/branco) Já na segunda a mesma escala com a cor primária vermelho, terceira imagem apenas com adição de branco, e na quarta apenas adição de preto.

A grande maioria de nós spriters começou sombreando os sprites assim, fazendo com que o sprite fique morto e frio. Ao decorrer de treinos, novos trabalhos e muita prática, a percepção para adicionar novos pigmentos para dar o volume, sombra, contraste e os reflexos, desejados, irão aos poucos evoluindo de forma natural.

Adivinha como é feito é na teoria? Aha! Ai estão as cores análogas! Mas como assim, as cores análogas não funcionam só com cores da mesma saturação?
Sim realmente, mas duas escalas monocromáticas, uma para cada cor, teremos 2 pigmentações que se uniformizarão na imagem. É ai que está o segredo dos sprites com as cores análogas, não, logicamente, esta teoria é para ser seguida a, mas seu conceito é sim importante na criação da paleta, podendo ser complementada com cores terciárias em outra escala monocromática. Como por exemplo esse círculo cromático a baixo.


Técnicas simples para extração de cor para montagem de paleta.

De fato algo muito simples que muito provavelmente todos sabem, mas para esclarecer, e simplificar, vou mostrar métodos simples, fáceis e eficazes para mesclar cores.

Vou utilizar o programa básico que todos nós usamos, é uma técnica muito fácil  e funciona com qualquer programa  que tenha pincéis com AA automático;

 
Inicialmente separe as cores bases que deseja usar, e selecione o pincel, faça uma mancha com a cor desejada, um circulo um quadrado de um tamanho razoável.  
 
Agora seleciona uma nova cor, a qual você deseja misturar, e simplesmente passe o pincel por cima da cor base.  
 
Feito isso, aproxime a imagem e note que o AA automático do programa mesclou as cores, gerando um meio termo entre as duas, você pode utilizar esse meio termo em uma nova mistura para pegar um pigmento ainda mais parecido com a cor caso não esteja o suficiente.


Pronto, você já sabe como fazer para mesclar agora só utilizar sua criatividade para aperfeiçoar sua paleta, buscando cada vez mais cores que irão harmonizar ou contrastar causando um efeito lindo no sprite
 
 
É isso ai meus amigos, chegamos ao fim de mais um tutorial simples, porém de extrema importância para aqueles que queiram se aventurar conosco haha
 
Espero ter ajudado alguém com este tutorial, e espero ver os resultados deste tuto aplicados nos show off's da vida por aqui haha
 
Grande abraço e até o próximo tutorial!
 
Créditos:
Weto (tutorial)
Thayam (compartilhamento no fórum)

Ola a todos!
 
Quem é próximo a mim já deve ter notado que minha frequência no fórum diminui bastante ultimamente. Devido a falta de tempo livre eu vou me afastar do fórum por um tempo, mas antes de "abandonar" o barco, vou fazer o que talvez sejam minhas ultimas contribuições como membro ativo no fórum.
 
Eu estava dando uma olhada na área de tutoriais de spriting do fórum e notei que a maioria esmagadora dos tutoriais abordam conceitos e técnicas, é raro encontrar um tutorial abordando perspectiva. Pensando nisso resolvi fazer a tradução e trazer um tutorial que foi muito útil pra mim no início, o conteúdo é muito antigo, mas não deixa de ser bom. Vamos lá.
 
 
Objetivo

 
Esse tutorial foi criado com o intuito de mostrar os passos necessários para criar um outline básico para monstros. O objetivo é certificar-se de que você tenha a perspectiva e dimensões adequada. Após esse tutorial, você terá o básico para criar seu próprio monstro.
 
Programas Necessários
  Paint e Photoshop (ou qualquer outro editor que lhe permita trabalhar com layers).   Nós vamos usar photoshop porque ele nos permite trabalhar com as camadas. Usaremos o Paint devido a sua praticidade, mas você pode usar qualquer outro editor que tenha funções semelhantes.  
Encontrando uma referência (etapa opcional)
 
Esta etapa pode ser opcional, mas é necessária a não ser que você seja muito bom. O melhor jeito de fazer isso é indo ao Google, ele é seu grande amigo e aliado. Basta pensar em qualquer coisa que você queira fazer, um bom lugar para buscar referências de monstros são outros games. Eu sei que aqui tem muitos fans de outros games, então porque não pegar um monstro dos seus jogos? Somente procure até você encontrar uma foto decente, que mostre grande parte da anatomia do monstro.   O monstro que eu vou usar aqui é uma aranha conhecida como Mad Slasher.  

 
Aviso Importante
 
A perspectiva do Tibia é muito tola. Pense em uma visão normal olhando para alguma coisa, então incline-a a 45 graus para o noroeste. Se estava tentando imaginar isso na realidade, seria parecido com alguém em um ângulo de louco, isso é impossível na vida real.   Isso significa que para nós, a frente e trás é pra cima e pra baixo (verde), esquerda e direita é esquerda e direita (azul), pra cima e pra baixo é noroeste e sudeste (vermelho).       1° Passo: Comece dando forma ao corpo, como você pode ver o corpo desse monstro é apenas uma bola redonda, isso torna as coisas mais fáceis pra nós.   Para fazer uma bola na perspectiva do Tibia nós vamos fazer um ponto e em seguida fazer X pontos em todas as direções. Para cima e para baixo, pense em cada movimento diagonal como 1,5 unidades em vez de uma única. Então vamos mover 12 pixels em todas direções do ponto central e 8 pra cima e pra baixo.     2° Passo: A partir daqui nós temos que dar forma ao corpo, como é um círculo, nós também vamos fazer um círculo, vamos usar o Paint simplesmente porque é melhor que o Photoshop nesse caso.   Nosso círculo de base é de 12 em cada lado com um pixel no centro. Isso da um total de 25x25. Aperte Ctrl+E no paint e altere o tamanho para 25x25. Em seguida faça um círculo que vai do canto superior esquerdo para o inferior direito, e certifique-se de que esteja tocando todos os lados. Copie e cole este círculo no Photoshop, e em seguida apague todo o branco. Sim, você tem que fazer isso.     3° Passo: Como você deve ter notado, o desenho esta dentro do limite. Isso significa que nós não temos que fazer mais nada, porque círculos são fáceis de fazer.   Agora nós podemos fazer um contorno preto e pintar com um tom médio. Usando o lapis vamos fazer um ponto de luz no noroeste do circulo e o olho do monstro. Ele deve ficar parecido com isso.     4° Passo: Agora vamos marcar o local de onde vai sair as pernas desta besta. Marque 6 posições ao longo do contorno do círculo. 3 de um lado 3 do outro. Certifique-se de que eles estejam nos mesmo lugares em ambos os lados. A partir de agora começa a ficar complicado, então preste muita atenção.   Agora você deve deixar essa camada invisível, é semelhante ao que fizemos no 1° passo. Você pode ver o centro do monstro e a parte inferior do monstro. Desenhe uma linha diagonal para baixo que comece a partir do fundo do seu monstro até que chegue onde você que o piso deve ser. Como o corpo da criatura já é muito proximo ao chão, eu vou fazer cerca de 10 pixels para baixo, usando uma cor diferente de preto. Eu escolhi azul de novo. Agora você pode tornar a outra camada visível novamente.     5° Passo: Como eu notei que não tenho muito espaço para as pernas aqui, vou mover o monstro um pouco para o noroeste para que eu tenha um bom espaço no chão para fazer as pernas. Não se esqueça que para fazer isso, ambas as camadas precisam ser movidas.   Agora vamos fazer uma nova camada e marcar o local onde as pernas devem encostar no chão. Tenha em mente que todas elas devem ter o mesmo comprimento, esse comprimento é a a distancia do centro do corpo para o chão, que é de 18 pixels diagonais. Agora podemos excluir as linhas e deixar apenas as marcas.     6° Passo: Esta parte envolve grande parte do seu próprio pensamento e abre espaço para tudo que você queira colocar.   Nós vamos marcar as articulações cada uma com uma cor diferente, certifique-se de que esteja simétrico com o ponto central que esta sempre na linha que passa no centro da criatura. Eu estendi para fora todas os pontos vermelhos que marcam onde os pés tocam o chão. Agora ele deve estar parecido com um confete.  

 
7° Passo: Esta é a parte diverta, nós apenas vamos ligar os pontos para formas as pernas.
 
Use a ferramenta lápis, clique para fazer um ponto onde esta o primeiro ponto. Quando você estiver sobre o segundo ponto, pressione Shift, em seguida clique em cima dele, isso vai fazer uma linha reta. Faça as pernas em cores diferentes, comece na parte de trás e vá indo pra frete. Isso vai garantir que você possa fazer o desenho tranquilamente sem que as pernas traseiras encubram as pernas da frente.
 

 
8° Passo: Esta é a parte em que nós vamos detalhar cada uma das pernas usando lápis com a cor preta, e preenchê-las com o mesmo tom usado anteriormente.
 
Vamos repetir o processo anterior, tente fazê-las uma de cada vez, de trás para a frente, cada uma em uma camada diferente. Deixe a camada invisível cada vez que você terminar uma. Quando estiver pronto, torne visível novamente todas as camadas, verifique se elas ficaram boas, e então junte-as.
 

 
9° Passo: É agora que o seu estilo único vai brilhar, use a outline que você acabou de criar e comece a adicionar detalhes, sombreamento e coisas que a destaquem. Isto faz com que seu monstro crie vida.     Processo de criação   Tenha paciência no processo, spriting é uma área que exige muito tempo e paciência. Os 8 primeiros passos levam cerca de meia hora (se você for rápido), o sombreamento leva cerca de uma hora.     Créditos: Hunter Killer (autor do tutorial).   Tópico original: Creature Perspective