Adobe Photoshop: iluminação dentro de uma HQ

A relação entre luz e cor - Introdução

Olá, seja bem-vindo ao Curso de Iluminação para Quadrinhos aqui da Alura. Meu nome é Rainer Petter e vou apresentar para vocês algumas técnicas para sabermos iluminarmos melhor o quadrinho, de modo que a experiência de leitura seja melhor para o leitor na cena.

Todas as técnicas que vamos utilizar aqui também funcionam em outras áreas além do quadrinho, como publicidade, ilustrações, editoriais e tudo o mais. Mas o foco mesmo é em quadrinhos, pensando nessa coisa da imagem sequencial.

Nós vamos utilizar aqui o Photoshop, que é o software que estamos utilizando, e uma mesa digitalizadora.

É interessante também que vocês já tenham o conhecimento de outros cursos que veio antes desse, também sobre colorização de quadrinhos aqui da Alura. Então, é uma sequência e, inclusive, nós usamos ferramentas parecidas com a que a utilizada nos cursos anteriores.

Vai ter tudo para vocês baixarem – as ferramentas, as imagens que eu utilizo aqui durante o curso. E o básico mesmo que vamos ver é a questão de luz e sombra, como controlar a luz e sombra de modo que facilite a leitura.

A saturação também, nós destacamos algumas áreas, deixando elas mais ou menos saturadas, a questão de temperatura de cor e também como trabalhar com as cores complementares.

A relação entre luz e cor - Overview

Vou mostrar para vocês agora o resumo de tudo que nós vamos ver e aprender durante o curso.

Primeiro, nós vamos trabalhar com essa relação de claro-escuro. Onde que nós podemos deixar um elemento mais claro e ele vai ganhar destaque em relação às áreas que estão mais escuras. Então o primeiro recurso de iluminação é essa relação de claro-escuro.

Depois, vai vir essa questão de saturação, como que nós temos essa tendência de olhar para algo que está mais saturado, nós podemos utilizar esse recurso para destacar elementos específicos na imagem.

Depois, tem a questão de temperatura de cor, uma área mais quente, outra mais fria, nós também podemos utilizar isso para dar mais destaque para uma cena e também para ter um contraste sem precisar escurecer muito a sombra.

Quando nós escurecemos muito a sombra, se for um quadrinho que vai ser impresso, na hora da impressão isso pode ficar meio apagado, escuro demais, que a tendência de quando nós imprimimos é as coisas ficarem um pouquinho mais escuras. Então nós podemos deixar esse contraste só na temperatura e não precisar escurecer tanto na sombra.

Outro recurso que nós vamos realizar é sobre as complementares. Nós podemos utilizar isso de duas formas: uma é de uma forma mais natural, digamos assim, que nós deixamos uma luz com uma cor e a sombra dos elementos, nós colocamos um pouco da cor complementar, no caso aqui, de uma luz verde, nós deixamos a sombra meio avermelhada.

E um outro recurso é uma coisa bem gráfica mesmo: eu deixei tudo avermelhado e só a letra “a” dele, só um elemento tem a cor complementar desse vermelho. Então nós destacamos uma coisa de uma forma mais gráfica, não é nada realista, se destaca de uma forma bem gráfica.

Mesmo nós temos que tomar cuidado, às vezes, com esses recursos mais extremos, para imagem não ficar com contraste grande demais acaba que em vez de facilitar a leitura, ela vai atrapalhar a narrativa.

Depois, vamos estudar como funciona a iluminação nas cores da luz e da sombra durante o dia, ambiente externo, durante o pôr do sol e durante à noite.

Depois disso, vamos ver como que funciona uma luz mais artificial mesmo, no caso de uma luz amarelada bem de perto, pode ser uma luz de uma tocha, uma lanterna, algo assim.

Uma luz quente e uma luz fria também. Inclusive, vamos trabalhar de formas diferentes, de utilizar técnicas diferentes para pintura em cada uma dessas situações.

Depois com várias cores. Como que vamos passar esse volume com várias cores diferentes, com luzes diferentes, que mensagem que passa essa variedade toda de cor, de luz.

E no final, vamos ter uma revisão disso tudo com a imagem um pouquinho mais complexa, eu vou juntar esses três personagens aqui em uma cena só e mostrar como que funciona todas essas questões de luz e sombra, saturação, temperatura, cores complementares, também mostrando alguns exemplos de páginas de faca, de quadrinhos e como que outros coloristas aplicam todos esses conceitos nas páginas.

A relação entre luz e cor - Volume com os valores

Vamos começar, então, o curso. E o primeiro elemento da iluminação que vamos estudar é o elemento que é mais comum, até muita gente imagina que é só isso que tem, quando pensamos em luz e sombra, é o que tem na iluminação, quando tem luz é claro, quando tem sombra é escuro. Na verdade vai muito além disso. Mas é a partir daqui que vamos começar.

Toma esse primeiro exemplo aqui que é o mais básico, principalmente pra quem já fez os outros cursos de colorização de quadrinhos aqui na Alura. Esse é o mais simples, utilizando técnicas que já utilizamos nos cursos anteriores.

O que vamos fazer aqui? Tem aqui uma camada de flat, uma camada com a linha e uma camada com a linha colorida, que na verdade é esse “a”, que é o logo da Alura.

Nós vamos vir aqui na camada do flat, “control” “shift” “n”, para quem está no Windows, criar uma camada nova, e nessa camada nova é onde vamos pintar.

O importante aqui que da iluminação em si, quando pensamos nela aplicada em história em quadrinhos, é usarmos a iluminação para dar destaque àquilo que é mais importante, para facilitar a leitura.

Então a pessoa está lendo ali, se você faz essa iluminação de uma forma errada, o leitor vai ficar olhando para um ponto que não tem nada a ver com a narrativa. Então nós vamos utilizar essa iluminação, de modo que destaque elementos específicos.

No caso aqui dessa imagem, nós vamos dar destaque para a logo da Alura, para esse “a” aqui. Então nós vamos utilizar a iluminação de modo que destaque ela. No caso aqui, nós vamos considerar que a própria logo é a fonte de luz. Então vamos deixar ela mais clara, e quanto mais distante vai ficando dela, mais escuro vai ficando ali os elementos.

É uma forma mais básica mesmo de nós termos esse controle do olhar de quem está assistindo, de quem está lendo o quadrinho, é através da iluminação.

Vamos fazer o seguinte: criei essa camada nova. Vou deixar ela no modo hard light assim como nós estamos fazendo nos exemplos dos cursos anteriores.

Vou pintar a sombra, imaginando que a luz está vindo aqui desse “a”. Então o que está mais para o lado direito, aqui vai estar em sombra.

Se eu quiser pintar para a cor não vazar, eu já posso vir aqui na camada do flat e clicar no ícone aqui, na miniatura, segurando o “control”, seleciona tudo o que tá na camada do flat, no caso é a cor que vamos utilizar.

“Control” “h” é o atalho maravilhoso que esconde essas linhazinhas da seleção, então vai continuar selecionado, mas não vai ter essa poluição visual ali dessas linhas.

Vou pintar aqui do lado direito, imaginando ali que essa luz, além de estar, pensando aqui no robô, na mão direita dele. A luz está vindo dali, além de estar do lado direito, é um pouquinho para frente também. Então não é toda a lateral esquerda, aqui no nosso caso, lateral direita dele, que vai estar iluminada. A luz vai vir um pouquinho mais, a sombra vai ficar mais na parte de trás, na borda mesmo. Não está totalmente na lateral.

Esse aqui é o arquivo número 1. Eu fiz quatro desenhos diferentes, e durante o curso nós vamos utilizar, dependendo da situação, um ou outro. Nesse caso vamos começar com o arquivo número 1.

Tanto o arquivo, já está disponibilizado para vocês baixarem, todas as ferramentas que eu estou utilizando aqui também, são as mesmas do curso anterior.

Vou pintar aqui o lado direito, aqui com esse pincel que tem esse efeito, tem uma textura de leve. Mas na verdade, depois que fazemos a pincelada, ele deixa bem marcado, bem recortado mesmo.

Eu venho marcando aqui do lado direito onde que eu quero sombra, de um jeito bem simples mesmo. Onde que eu quero que a sombra seja mais suave? Para quem já viu os cursos anteriores, para a sombra não ficar recortada, nós usamos o Blender, no caso aqui, essa ferramenta “smudge” do Photoshop. No caso esse “smudge nice”, que é o que eu vou utilizar, que está lá no arquivo compartilhado com vocês. Dou uma pincelada aqui, dá uma suavizada para não ficar tão recortada.

Dessa forma vou deixar recortado só onde que a sombra está sendo projetada mesmo, tipo aqui, no caso do pescoço, que é uma sombra do queixo projetada, ela fica bem recortada.

Aqui no nariz, por exemplo, posso fazer aqui o lado direito do nariz com sombra e a sombra projetada aqui, dentro dessa máscara.

Aqui em cima, onde ela está sendo o volume, eu venho com o “blender” e dou uma suavizada, deixa eu mostrar aqui mais de perto. Eu dou uma suavizada, e aqui onde ela está sendo recortada, aqui eu deixo mesmo a pincelada ali recortada mais marcada.

E eu vou fazer isso com toda imagem, considerando que a luz é o “a”. A luz está vindo do “a”, então todo o lado direito aqui vai estar em sombras. Então a luz está vindo do lado esquerdo, e está vindo um pouquinho de cima também.

Então na parte, por exemplo, dos lábios, o lábio superior vai estar com um pouquinho de sombra porque é côncavo, digamos assim, se considerarmos os dois. Então a luz está vindo de cima, e o lábio superior fica mais em sombra do que o de baixo.

Posso até por uma sombra aqui embaixo, do outro lado, mas o lado de baixo acaba ficando mais iluminado que o de cima.

Marco a sombra, posso vir com a borracha, essa ink textura é a mesma borracha do pincel que estamos utilizando. Do pincel é esse ink textura. Vem e dou uma suavizada aonde que eu quero que tenha essa sensação de volume, e onde que eu quero que fique mais marcado mesmo eu deixo com o pincel.

Vou fazer isso na imagem toda, então vou dar uma acelerada aqui no vídeo. Apliquei essa sombra aqui do lado direito, imaginando que essa luz está vindo da letra “a”. Então, por exemplo, a parte das costas da mão vai estar toda em sombra já que a luz está bem em cima. O braço todo aqui vai estar todo em sombra também. Já projetei essa sombra, do cantinho aqui do lado direito que eu deixei um pouquinho de luz.

Uma outra coisa que podemos fazer aqui para evidenciar mais ainda essa luz lá no ar é utilizar a ferramenta de gradiente, eu deixo aqui nessa opção que é só a curva que eu estou utilizando e a transparência.

Aqui nessa primeira opção, onde que ela faz um degradê reto, da ponta que eu clico até onde eu arrasto, vou clicar aqui embaixo, que é onde vai estar escuro, do lado oposto da luz e vou arrastar aqui para cima.

Ela vai criar um degradê na mesma camada da sombra, a partir do ponto que eu cliquei até lá em cima. No caso aqui, eu arrastei até lá em cima, então ela ficou quase que toda escura, embora a parte de baixo esteja mais escura.

Vou dar um “control” “z” aqui e vou deixar ela acabando um pouquinho antes, então só essa parte aqui de baixo que vai estar mais escura. Clicar aqui e arrastar até achar o ponto. Ótimo, aqui está interessante. Então embaixo está mais escuro, em cima está mais claro, e dessa forma o foco, a atenção está jogada para a letra “a”, que é o objetivo aqui dessa aula.

Então aqui o conceito básico, mesmo, de direcionar ali a direção, para direcionar o olhar do leitor, é através da iluminação. Nesse caso, através da luz e sombra, então nós vamos automaticamente olhar mais, dar mais atenção para a área onde está mais iluminada. Então esse é o primeiro de vários outros conceitos que vamos ver.

Sobre o curso Adobe Photoshop: iluminação dentro de uma HQ

O curso Adobe Photoshop: iluminação dentro de uma HQ possui 116 minutos de vídeos, em um total de 39 atividades. Gostou? Conheça nossos outros cursos de Pintura Digital em UX & Design, ou leia nossos artigos de UX & Design.

Matricule-se e comece a estudar com a gente hoje! Conheça outros tópicos abordados durante o curso:

• A relação entre luz e cor
• Usando as cores quentes e frias
• Cor da luz natural
• Cor da luz artificial
• Iluminação e narrativa