Tutorial - Paleta de Cores

Assunto: Tutorial - Paleta de Cores Sáb 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:
Tutorial - Paleta de Cores Paleta1

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

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).
Tutorial - Paleta de Cores Paleta3

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.
Tutorial - Paleta de Cores Paleta4

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.
Tutorial - Paleta de Cores Paleta5

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

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.
Tutorial - Paleta de Cores Paleta7

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:
Tutorial - Paleta de Cores Paleta11

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)
Tutorial - Paleta de Cores Paleta8

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

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:
Tutorial - Paleta de Cores Paleta9

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.
Tutorial - Paleta de Cores Paleta10

---

Outras dicas de cores:

Tutorial - Paleta de Cores Paleta10

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

Tutorial - Paleta de Cores Paleta11

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

Tutorial - Paleta de Cores Paleta13

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 ^^

Assunto: Re: Tutorial - Paleta de Cores Sáb 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.

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

Adicionei uns exemplos de Hue Shifting (isso tem tradução?)

Assunto: 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

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

ótimo tutorial =3

Assunto: 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

Assunto: 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.

Assunto: 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.

Assunto: Re: Tutorial - Paleta de Cores Sáb 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.