1. Design & Illustration
  2. Effects

Usando Gradientes para Fazer Luz e Sombra - e uma Xícara de Café!

by
Read Time:6 minsLanguages:

Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)

Neste tutorial, vamos usar alguns simples círculos e gradientes para fazer uma xícara de café vista de cima. O resultado final não é tão útil, mas o processo é interessante no entanto.

Passo 1:

Começamos com um bonito gradiente azul pastel. Note que com o gradiente, eu coloquei a parte mais clara na parte superior direita. Isto é importante poque estamos dando a impressão de que a luz está vindo da parte superior direita e isto vai decidir qual direção outros gradientes precisam ir.

No topo disso desenhe um círculo e preencha-o com branco.

Passo 2:

Em seguida pressione Ctrl e clique na camada para selecionar seus pixels, depois vá para Select > Modify > Contract e use um valor por volta de 12 px.

Passo 3:

Depois em uma nova camada desenhe uma sutil Linear Gradient do cinza para o branco da parte superior direita para a inferior esquerda.

Note que vamos nessa direção porque é o oposto de onde é a luz de fundo. Isto é porque o cinza escuro instantaneamente nos dá alguma sombra que faz um efeito em 3D.

Passo 4:

Em seguida segure o Ctrl e selecione o círculo de trás, depois segure Alt e Ctrl para selecionar o círculo da frente. Isto deve dar a você uma seleção que é apenas o anel como mostrado.

Agora neste anel, desenhe um Linear Gradient da parte inferior esquerda para superior direita. De novo isto vai tornar uma aparência de 3D. No caso de você não ter adivinhado, este é o nosso pires.

Passo 5:

Em seguida, crie uma camada na parte de baixo e Ctrl-clique na camada do círculo original para selecioná-lo, depois pressione as setas para baixo e para esquerda algumas vezes e preencha a seleção com um azul escuro para fazer uma sombra para o nosso pires.

Como você pode ver, a sombra está sendo projetada pelo pires embaixo e para a esquerda, o que faz sentido de novo porque a luz está no topo e para a direita.

Passo 6:

Agora em uma nova camada no topo, Ctrl-clique a camada do anel e em nossa nova camada preencha com branco. Depois sem soltar a seleção, pressione as setas para baixo e para esquerda duas vezes e aperte Delete. Isto vai deixar um pequeno destaque branco.

Passo 7:

Agora que terminamos o pires, podemo começar a xícara!

Então criamos uma nova camada no topo, desenhamos um círculo menor dentro e preenchemos ele com um verde bem claro.

Se você não conseguiu alinhar o seu círculo, tudo bem, apenas selecione todas as camadas juntas e depois mude para a ferramenta Arrow (na verdade é chamada de ferramenta Move (V) no Photoshop, mas você provavelmente apenas conhece ela como a velha e simples seta), e você vai ver na parte de cima da sua tela, ali apareceram alguns botões de alinhamento. Você pode usar estes para linhar seus círculos juntos.

Passo 8:

Agora com a seleção original ainda ativada, crie uma nova camada e vá para Select > Modify > Contract e coloque um valor de cerca de 6 pixels. Depois preencha essa camada com um Linear Gradient do cinza escuro para o cinza claro da parte superior direita para inferior esquerda. Como com o pires, estamos de novo fazendo sombras que são consistentes com onde a fonte de luz está em nossa imagem.

Passo 9:

Agora na nova camada, desenhe um outro círculo e preencha-o com um gradiente linear da parte superior direita para a inferior esquerda indo do marrom escuro para o marrom claro. Como mencionado antes, você pode alinhar isto usando as ferramentas de alinhamento de camada.

Note que é melhor desenhar um novo círculo, porque se você encolher muito as seleções do círculo eles começam a ficar um pouco estranhos. Isto acontece por causa do jeito que o Photoshop usa os pixels em vez do caminho do círculo.

Passo 10:

Em seguida, use a ferramenta Rounded Rectangle (U) para desenhar em uma forma como mostrada, em uma nova camada. Observe que eu deixei caminhos para que eu pudesse capturar a imagem deles corretamente, mas na verdade você só precisa da forma.

Passo 11:

Em seguida escolha a Ferramenta Burn (O) com um pincel médio macio, só pinte a borda próxima à xícara de café para dar a ela alguma sombra como mostrada. Você pode também dar a ela um pouco (menos) de sombra no outro lado da forma também, mas certifique-se de que ela ilumina no meio.

Passo 12:

Agora vá para Edit > Transform > Perspective e transforme a forma como mostrada. Isto vai ser a alça da nossa xícara.

Passo 13:

Agora Ctrl-Clique na camada da alça para selecionar seus pixels, vá para Select > Modify > Expand e use um valor de 1px. Depois em uma camada abaixo da camada da alça, preencha a sua seleção com branco. Depois pressione Ctrl+D para tirar a seleção e depois pressione a seta direita duas vezes e mova-a para a direita. Isto é só para dar à nossa alça um pouco de um destaque fino branco.

Passo 14:

Agora Ctrl-Clique na camada da alça e em uma nova camada preencha a seleção com cinza escuro. Depois pressione CTRL+T para transformar a nova camada como mostrada, para que fique em um ângulo. Depois coloque essa camada abaixo da camada da alça.

Passo 15:

Agora pressione Ctrl e Shift juntos e clique em toda as camadas da xícara para selecionar os pixels para todos eles juntos. Preencha essa camada com um cinza claro como mostrada (note que eu movi ela para a esquerda e para baixo, assim ele fica visível). Certifique-se de que esta camada está abaixo de todas as camadas da xícara, mas antes das camadas do pires. Isto é a sombra da xícara.

Passo 16:

Defina sua última camada para Multiply e 30%, depois aperte Ctrl+T para transformar a camada e rotacionar ela um pouco como mostrado.

Passo 17:

Finalmente vamos adicionar um pequeno vapor. Crie uma nova camada no topo e com um grande pincel macio, pinte um pouco de branco em algumas formas aleatórias como mostrado.

Passo 18:

Agora vá para Filter > Distort > Wave para distorcer o branco em uma forma de fumaça. Eu realmente não entendo este filtro e geralmente apenas brinco com as configurações até que eu obtenha o efeito que estou buscando. Isto normalmente envolve um pouco de tentativa e erro e aperte muito o botão Randomize! Desculpe eu não tenho uma explicação melhor dessa etapa. Felizmente, a ferramenta Wave é tão útil que isso provavelmente é bom para você brincar um pouco com la e aprender como funciona.

Passo 19:

Finalmente defina a nossa nova camada de fumaça para Overlay para torná-la um pouco mais sutil e está pronto!

Como eu mencionei no começo, o resultado deste tutorial não é particularmente útil, mas é um experimento interessante em luz e sombra, que são coisas úteis para aprender para as nossas composições gerais.

One subscription.
Unlimited Downloads.
Get unlimited downloads