Blog Tecnológico

Aplicando sombra em materiais de Web com Photoshop CC

Pedro Correia Valori • 06 ago 2018

Um recurso muito utilizado em praticamente todo tipo de fotografia e vetorização no mercado, é a Sombra, ela geralmente passa como despercebida ou até “não necessária”, porém, no resultado final ela se torna essencial para profundidade e tamanho.

Nesse artigo você irá aprender a fazer um vetor com faixas sobrepostas, criando um novo visual para uma imagem simples.

1. Criando um novo arquivo, faça um retângulo de cor vermelha de forma que cubra toda a sua prancheta.

Adobe Photoshop

2. Aplique o efeito Degradê e em seguida, o coloque em Sobrepor, não se esqueça de escolher uma cor que fique no mesmo tom, mantendo a identidade, seu retângulo ficará parecido com a imagem a seguir:

Adobe Photoshop

3. Em uma nova camada, crie um objeto simples e branco, com a opacidade por volta dos 30%.

Adobe Photoshop

4. Com a camada selecionada, crie uma máscara.

Adobe Photoshop

5. Selecione o Brush e diminua sua dureza, feito isso, pinte o interior do objeto em opacidade, deixando apenas uma faixa lateral.

6. Ainda na mesma camada, aplique o efeito Sombra Projetada, na cor branca, utilize o modo de mesclagem Sobrepor, em seguida, mova a sombra de modo que fique na imagem abaixo,e faça mesclagem Sobrepor.

Adobe Photoshop

7. Com esse efeito a camada branca ficará mesclada com o fundo vermelho.

8. Para entender como esse efeito funciona com as demais cores que existem, faça como no segundo item, clique e selecione outras cores para observar a diferença.

9. Voltando ao passo a passo, crie novamente outro objeto branco com opacidade por volta de 30%.

Adobe Photohsop

10. Nessa nova camada vamos aplicar apenas os efeitos Traçado e Sombra Projetada.

11. A sombra será na cor Preta com efeito Sobrepor, passe-a embaixo da camada branca, para que crie uma aparência de sombra.

12. O Traçado será na cor será Cinza Claro, com modo de mesclagem Sobrepor, por volta dos 70% da opacidade, num tamanho de 2 px.

13. Depois da Mesclagem, a imagem ficará dessa forma:

Adobe Photoshop

14. Com as duas camadas visíveis, ela fica assim:

Adobe Photoshop

15. Copie a primeira camada, e retire o efeito de Sombra, mantendo apenas a camada com efeito Sobrepor e posicione ao centro.

16. Crie uma forma branca no canto direito, com 30% da opacidade.

Adobe Photoshop

17. Então aplique uma nova máscara, porém com mesclagem em Sobrepor.

18. Eles ficaram com essa aparência:

19. Finalizando, nós vamos aplicar alguns efeitos sobre as camadas.

20. Crie uma nova camada transparente com a ferramenta de Brush preto, esfumace os cantos, deixando eles com 40% da opacidade.

Adobe Photoshop

21. Duplique essa camada e crie o efeito de Sobrepor em 100% da opacidade

22. Para o toque final, você pode ir em Ajustes e em seguida Níveis e escureça um pouco mais para melhorar todos os efeitos aplicados

Adobe Photoshop

E com esse passo a passo você consegue aplicar essa montagem em diversas montagens e vetorizações, modificando a forma à sua criatividade!

Lição Finalizada!

 

 

Pedro Correia Valori

Graduando em Publicidade e Propaganda na Universidade Anhembi Morumbi. Especialista em Tecnologias de Design com Adobe e Autodesk. Atua no Marketing da ENG DTP & Multimídia, no Planejamento e Operação das redes sociais, eventos e treinamentos da empresa.

CONTATO