41
COLORIZAÇÃO (Tutorial para colorização por camadas e mixador de canais - Adobe Photoshop 7.0)

Tutorial - Computgrafic

Embed Size (px)

DESCRIPTION

computação gráfica

Citation preview

Page 1: Tutorial - Computgrafic

COLORIZAÇÃO (Tutorial para colorização por camadas e mixador de canais - Adobe Photoshop 7.0)

Page 2: Tutorial - Computgrafic
Page 3: Tutorial - Computgrafic

Eis a imagem que iremos colorir (Não é de Saint Seiya, mas Shurato segue a linha), é uma até de muito

boa qualidade, mas este processo também é válido para coisas mal feitas e com péssimo tratamento também. Primeiro passo... definir um padrão de imagem, fazemos isto assim:

Neste trecho usamos ou auto color, auto contraste, auto levels... semelhantes, não haverá muita

diferença entre um e outro. Se os traços de sua imagem ainda estiver muito fracos, faça o procedimento a seguir e depois duplique-a sobrepondo com darken nos layers.

Depois selecione a borracha magnética (aquela que apaga tudo de uma vez) e apague ao redor da imagem. Regule primeiro a tolerância da borracha, você aprenderá quanto regular conforme se acostumar a perceber se os traços estão fortes e contínuos, ou não.

Page 4: Tutorial - Computgrafic

Se nem regulando a tolerância você consegue apagar sem estragar o desenho, tente assim, deixando as

partes problemáticas para depois:

Bem, mas não da pra postergar pra sempre.. pra corrigir estas falhas você deve selecionar a borracha

manual e ter uma certa paciência (além de pulso firme) para ir contornando o desenho, conforme estas imagens:

Page 5: Tutorial - Computgrafic
Page 6: Tutorial - Computgrafic

Repare com atenção que regulamos o flow para algum numero menor para não criar um contraste muito

forte na margem quando ela for sobreposta a um fundo de cor diferente...Fim da primeira parte, nosso desenho está assim agora:

Page 7: Tutorial - Computgrafic

Prosseguindo... Duplique este layers para o número de cores que futuramente você for dar a ele, neste

caso, não lembro foram umas sete, e lembre-se de sempre deixar um original de salvaguarda:

Page 8: Tutorial - Computgrafic

Eis agora um dos diferenciais deste tudo (lembrando que é somente diferente, há outros modos de se

fazer este processo)...Para dar cor vá em Channel Mixer:

Page 9: Tutorial - Computgrafic

Uma janela assim aparecerá:

Page 10: Tutorial - Computgrafic

Percebam que onde aparece output channel também há opções green e blue. Pois bem, puxando

qualquer barra de uma destas opções para a esquerda você dará uma cor diferente a imagem.Bem, puxando o red, o tom será um verde azulado, sendo o green dará uma espécie de rosa, e por fim o

blue dará um amarelo cor de burro quando foge. Reparem:

Page 11: Tutorial - Computgrafic

Mas não é só isso, há outras variações possíveis, contudo são mais complicadas de explicar e nem são

tão vitais, pois há outros meios mais fáceis de se ajustar as cores. Vale ressaltar que, quanto mais você puxar uma barra para esquerda, mais forte será o tom desta cor, deste modo, sabendo que futuramente você usará muito

Page 12: Tutorial - Computgrafic

overlay, nunca deixa sua cor muito forte, pois depois poderá virar uma cacofonia de cores.Bem, nossos layers ficaram assim:

Agora é hora de pensarmos um pouco e ordenar os layers da melhor forma, no sentido de, como vamos

apagar umas partes para aparecer outras embaixo, pouparmos trabalho. Minha dica é deixarmos a cor mais preponderante no topo, e as que serão pouco usadas por último. Poupará nosso punho da borracha.

Depois então de apagarmos com o método já dito, a imagem fica assim:

Page 13: Tutorial - Computgrafic

Vamos ajustar estas cores horríveis agora com o Hue Saturation e Color Balance (para relembrar onde

ficam, vejam a primeira imagem do tutorial):

Page 14: Tutorial - Computgrafic
Page 15: Tutorial - Computgrafic

No Hue Saturation você tem a opção master ou por cores individuais, aqui como cada layer tem só uma

cor, nos basta a master. E no Color Balance somente realçamos a cor que queremos, no caso era o amarelo né? então

Page 16: Tutorial - Computgrafic

diminuíamos a quantidade de azul... por ai vai...Agora fim da segunda parte, e estamos com o desenho assim:

Desenhos mais simples até já terminariam ai, mas vamos agora ao segundo diferencial desta técnica, os

efeitos visuais. Primeiramente, selecionamos no desenhos partes conjuntas, digo partes que terão o mesmo efeito. As vezes você pode aplicar o efeito de modo geral em toda imagem, mas outras vezes é melhor parte por parte...

Page 17: Tutorial - Computgrafic
Page 18: Tutorial - Computgrafic

É importante ressaltar que, devemos separar esta parte do layer original sempre via copy, pois depois

apagaremos as rebarbas, se precisar né...Agora Blending Options:

Page 19: Tutorial - Computgrafic

Temos inúmeros efeitos nele, e você tem toda liberdade pra arriscar todos eles, mas neste caso aqui

vamos ao Pattern Overlay:

Page 20: Tutorial - Computgrafic
Page 21: Tutorial - Computgrafic

A principio aparecerá esta coisa azul sobrepondo tudo. Vá então em alguma opção de sobreposição.

Dependendo da cor você terá que escolher outras que não o overlay... vai de gosto. XD Você também pode trocar o Pattern para algo mais condizível a imagem... vários patterns você mesmo pode fazer ou baixar. Alem de, é claro, você pode controlar o tamanho dele no efeito...

No mesmo blending, ou posteriormente (após um control + e em um layer limpo), você pode aplicar outros efeitos, Neste caso ainda usei o Satin e o Gradient Overlay:

Page 22: Tutorial - Computgrafic
Page 23: Tutorial - Computgrafic

Com o tempo pegasse o jeito para o que será necessário para cada tipo de "material" ao que damos cor,

roupas por exemplo é bom gradiente para sombras aliado ao pattern fumaça, metal é bom satin com o primeiro pattern lá... Etc...

Após passarmos todos os layers que fizermos ao modo normal (control + E em layer puro) podemos aplicar ainda outros efeitos, como o Lightning Effects e o Selective Color... dá uma boa aprimorada.

Além disso você poderá duplicar cada layer e sobrepor ao mesmo com algum efeito, principalmente overlay para realçar a cor (caso fique muito forte basta regular a opacidade e o fill na aba dos layers).

Por fim, você terá a imagem pronta:

Page 24: Tutorial - Computgrafic

Ahn... obviamente o fundo e o efeito de cosmo são outros quinhentos.

Page 25: Tutorial - Computgrafic

EFEITOS DE COSMO (Tutorial para efeito de vaporização e fogo - Adobe Photoshop 7.0)

Bem, já temos uma imagem colorida e sem fundo do tutorial anterior. Então duplique a imagem (atenção, a imagem e não o layer) e deixe a original guardada num canto. A cópia cole em um fundo preto com tamanho bem maior que a original, vá ao Blending Options e ponha uma borda branca com o stroke, de tamanho dois está bom, mais que isto estragaria.

Page 26: Tutorial - Computgrafic

Depois disto, dê Ctrl + E na imagem para colar ao fundo preto. Não se preocupe caso sua imagem tenha falhas de apagamento como esta de exemplo, pois futuramente tais falhas poderão acarretar até uns efeitos legais, mas enfim, se quiser apagar, à vontade.

Agora vamos fazer ao efeito propriamente dito. Rotacione a imagem em 90 graus :

Page 27: Tutorial - Computgrafic

Então vá ao Stylize - Wind e aplique o efeito de vento de forma que os traços saiam da parte de dentro do corpo pra fora no sentido dos pés pra cabeça:

Page 28: Tutorial - Computgrafic

Assim já temos pronto um sentido, faltam outros dois... 45 graus a esquerda e 45 graus a direita destas primeiras faixas. Então giremos novamente a imagem:

Page 29: Tutorial - Computgrafic

Então aplique novamente o Wind, do modo que já está na memória:

Page 30: Tutorial - Computgrafic

Gire novamente 90 graus no sentido horário e aplique o vento novamente:

Page 31: Tutorial - Computgrafic

O resultado será algo assim (para você retornar a imagem ao seu sentido normal basta rotacionar 45 graus horários e depois girar verticalmente e horizontalmente "flip canvas", mas se você for bom em matemática pode calcular o ângulo necessário para voltar em um passo só):

Page 32: Tutorial - Computgrafic

Este é o famoso efeito brilho, também usado como uma etapa do efeito gelo, mas o que nos interessa aqui é o efeito fogo, então vamos a ele... Em Filter - Distort escolha Ripple:

Page 33: Tutorial - Computgrafic

O tanto que se distorce dependerá do gosto do freguês. Acho que em 100% e no médio um só ripple é pouco e três aplicações de ripple pode ser demais. Então sempre faço esse procedimento duas vezes. A Imagem ficará assim:

Page 34: Tutorial - Computgrafic

Ok... agora vamos botar fogo nisso! Ponha em Escala de Cinza, depois Indexe a imagem e por fim vá a Color Table:

Page 35: Tutorial - Computgrafic

Este quadro aparecerá:

Page 36: Tutorial - Computgrafic

Escolha a opção da bandeira da Alemanha, digo Black Body:

Page 37: Tutorial - Computgrafic

Pronto, a imagem ficou em chamas, agora basta voltar ao modo RGB:

Page 38: Tutorial - Computgrafic

Simples, posto isso basta voltar a imagem original e colar a imagem em chamas abaixo do layer principal:

Page 39: Tutorial - Computgrafic

Pode aparecer algumas falhas que agridem a vista nas bordas da imagem. Podemos amenizá-las com o Blending Options sobre o layer principal. Os efeitos Inner Glow (com sobreposição Screen, Multiply ou Darken, dependendo da cor) e Outer Glow (com sobreposição Linear Screen quando o fundo for escuro, digo o fundo do efeito de fogo, que nesta imagem está muito claro) são mais apropriados, mas você pode tentar outros.

Você também pode mudar a cor do fogo no Hue Saturation, Color Balance, e controlar seu volume com o Levels. Pode ainda sobrepor essa camada a um outro background, como fiz de arte final:

Page 40: Tutorial - Computgrafic
Page 41: Tutorial - Computgrafic

Aplicando um background sobre este efeito você pode fazer inúmeras combinações de sobreposição, a seu bel-prazer.