InícioPortalFAQBuscarMembrosRegistrar-seConectar-se

 

Tutorial - Paleta de Cores

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
Autor Mensagem
Ails
Administrador
Administrador
avatar

Masculino
Idade : 26 Data de registro : 19/02/2009 Nº de mensagens : 683
Ranking
Nível:
5/1337  (5/1337)
Pontos:
0/10  (0/10)

MensagemAssunto: Tutorial - Paleta de Cores   Sab Fev 28, 2009 5:44 pm

Tutorial básico sobre como criar uma paleta de cores.
Nível: Iniciante

Uma paleta de cores é basicamente o conjunto das cores que você vai usar no seu pixel art. Pode ser muito importante para facilitar o trabalho pois você terá à mão todas as cores para um acesso rápido, assim como uma paleta de um pintor.

Construir uma paleta é bem simples, vou usar essa escala de cinza de 6 tons como base pra explicar:


1º - Escolha a cor base, nesse caso eu escolhi vermelho, com um pouco menos de contraste do que o vermelho puro.


2º - Sombra 1, o primeiro tom de sombra. É bem simples, basta escurecer um pouco a cor principal. Normalmente fica melhor se aumentar a quantidade de cinza (diminuir o contraste).


3º - Sombra 2, ou sombra principal, é a que dá o maior contraste. A sombra 1 normalmente é usada para suavisar a sombra 2, ou como um tom mais leve em áreas não tão escuras. Em alguns casos você pode preferir usar a sombra 2 como sombra secundária, em conjunto com a cor de lineart.


4º - Cor de lineart, que é usada nas partes onde o lineart deve ser mais claro do que o preto, ou para subistituir totalmente o lineart preto (nesse caso, pode-se tentar um tom mais escuro).
Para escolher essa cor você normalmente vai escurecer mais do que se estivesse escolhendo uma Sombra 3.


5º - Luz 1, essa é simples, um tom mais claro da cor de base, usado para indicar partes mais claras.


6º - Luz 2, essa cor você vai puxar mais ainda para um branco, pois é usada para representar uma alta incidencia de luz, como reflexos ou um brilho.


Paleta de 6 cores criadas ^^ o processo é o mesmo para outras cores, mas... vamos falar sobre o amarelo.

---

Se você seguir meu guia anterior para criar uma paleta amarela, ela vai ficar feia e sem vida, pois o amarelo fica uma espécie de tom amarronzado quando escurecido:

Ao invés disso, você vai ter que trabalhar com uma técnica chamada Hue Shifting, ou Substituição de Matiz, que é quando você muda a matiz da cor (matiz é a cor base, como amarelo, vermelho, azul...)

1º - Cor base (sem segredos)


2º - Tons escuros, é aqui que entra a diferença, onde você aplica o Hue Shifting:

Preste atenção às setas azuis que eu coloquei. Mude a cor na proporção dos tamanhos delas. Você vai escurecer a imagen só um pouco a cada sombra que você escolher, mas vai mudar mais ainda o tom pra laranja e vermelho, criando uma paleta bem bonita:


3º Agora para os tons claros, o mesmo esquema, mas já que estamos tratando do amarelo, que já é uma cor clara, vamos ter que escolher cores mais claras ainda, sendo que a segunda está bem próxima do branco.


---

Outras dicas de cores:



O verde fica muito bom se você fazer uma transição pro azul pra escurecer, e fazer uma transição pro amarelo pra clarear



Esse tom de azul fica legal quando você clareia ele indo pro verde, passando pelo ciano



E o vermelho segue um caminho parecido com o do amarelo. Só que ao contrário. Para escurecer, um pouco pra tons de rosa, e pra clarear, um pouco de laranja

-------------------------------

Edit 1.1 - Arrumados uns erros de portugues
Edit 1.2 - Adicionado "Outras dicas"

-------------------------------

The End ^^


Última edição por Ails em Sab Mar 06, 2010 1:41 am, editado 4 vez(es)
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.oficinadejogos.com.br/pixelparadise/Pixel%20Paradise/
BlackZero
Nativo
Nativo
avatar

Masculino
Idade : 22 Data de registro : 25/02/2009 Nº de mensagens : 327
Ranking
Nível:
3/100  (3/100)
Pontos:
2/10  (2/10)

MensagemAssunto: Re: Tutorial - Paleta de Cores   Sab Fev 28, 2009 6:47 pm

Lembrando que essa plaheta marela n eh a unica que precisa de mudar os RGB. O anil, por ecemplo tambem requer isso. E tbm pode ser usada no verde, por exemplo, pra deixar meio menos "plastificado".

Em geral, isso se aplica em todas as cores em que o tom escuro eh "feio" e ha pouco contraste entre os tons claros.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Ails
Administrador
Administrador
avatar

Masculino
Idade : 26 Data de registro : 19/02/2009 Nº de mensagens : 683
Ranking
Nível:
5/1337  (5/1337)
Pontos:
0/10  (0/10)

MensagemAssunto: Re: Tutorial - Paleta de Cores   Ter Abr 07, 2009 11:12 pm

Adicionei uns exemplos de Hue Shifting (isso tem tradução?)
_________________
Meu Deviant Art
Regras do Fórum
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.oficinadejogos.com.br/pixelparadise/Pixel%20Paradise/
fabio
Explorador
Explorador


Masculino
Idade : Data de registro : 25/02/2009 Nº de mensagens : 206
Ranking
Nível:
4/100  (4/100)
Pontos:
1/10  (1/10)

MensagemAssunto: Re: Tutorial - Paleta de Cores   Qua Abr 08, 2009 9:18 am

Citação :
Hue Shifting (isso tem tradução?)
...talvez algo como "substituição de matiz" =P
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Alones
Explorador
Explorador
avatar

Masculino
Idade : 25 Data de registro : 31/03/2009 Nº de mensagens : 120
Ranking
Nível:
2/100  (2/100)
Pontos:
7/10  (7/10)

MensagemAssunto: Re: Tutorial - Paleta de Cores   Qua Abr 08, 2009 9:51 am

ótimo tutorial =3
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Ails
Administrador
Administrador
avatar

Masculino
Idade : 26 Data de registro : 19/02/2009 Nº de mensagens : 683
Ranking
Nível:
5/1337  (5/1337)
Pontos:
0/10  (0/10)

MensagemAssunto: Re: Tutorial - Paleta de Cores   Qua Abr 08, 2009 12:45 pm

fabio escreveu:
Citação :
Hue Shifting (isso tem tradução?)
...talvez algo como "substituição de matiz" =P
Yeah eh isso mesmo Feliz
_________________
Meu Deviant Art
Regras do Fórum
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.oficinadejogos.com.br/pixelparadise/Pixel%20Paradise/
ONE
Andarilho
Andarilho
avatar

Masculino
Idade : 33 Data de registro : 05/03/2009 Nº de mensagens : 60
Ranking
Nível:
1/100  (1/100)
Pontos:
7/10  (7/10)

MensagemAssunto: Re: Tutorial - Paleta de Cores   Seg Nov 23, 2009 9:51 pm

Me lembra as paletas de cores do Disgaea. Muito bom. Tenho muita dificuldade com cores. Bom senso nessa hora é fundamental. Obrigado pelo excelente artigo.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
PfP
Náufrago
avatar


Idade : Data de registro : 06/11/2009 Nº de mensagens : 7
Ranking
Nível:
1/100  (1/100)
Pontos:
1/10  (1/10)

MensagemAssunto: Re: Tutorial - Paleta de Cores   Ter Nov 24, 2009 12:02 am

É bom deixar bem claro que a quantidade de cores na paleta é só uma sugestão. É possível conseguir bons efeitos com três, duas cores... isso é delicado, pois parte muito do estilo que o artista escolheu. Se o cara escolheu trabalhar nas limitações do nes, por exemplo, não vai poder usar tantas cores num sprite. Quanto ao sombreamento, não dá pra dizer que exista uma maneira errada, porque a qualidade do trabalho depende de muitos fatores além da combinação de cores. Eu já sombreei verde com vermelho, por exemplo, e o resultado agradou. Sombreamento de duas cores com diferença brusca entre elas.

Eu não me arriscaria a escrever um tutorial sobre escolha de paleta. Como o One falou, bom senso é fundamental, e acho que a qualidade da colorização depende quase unicamente disso. Há muita personalidade envolvida na escolha de cores, já foge da técnica e do que eu acredito que possa ser abordado didaticamente.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Alones
Explorador
Explorador
avatar

Masculino
Idade : 25 Data de registro : 31/03/2009 Nº de mensagens : 120
Ranking
Nível:
2/100  (2/100)
Pontos:
7/10  (7/10)

MensagemAssunto: Re: Tutorial - Paleta de Cores   Sab Nov 28, 2009 1:31 pm

Eu acho que esse tutorial foi feito visando os novatos em pixel art - aqueles que não tem muita idéia de como fazer uma paleta. Com o tempo, o pixelartista cria e evolui suas próprias técnicas de colorização.
Voltar ao Topo Ir em baixo
Ver perfil do usuário
Conteúdo patrocinado





MensagemAssunto: Re: Tutorial - Paleta de Cores   

Voltar ao Topo Ir em baixo

Tutorial - Paleta de Cores

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1

Permissão deste fórum: Você não pode responder aos tópicos neste fórum
Pixel Paradise :: Pixel Art :: Tutoriais -