Como adicionar Reflexos a Gráficos

Este artigo irá explicar como se adicionam reflexões aos seus textos, ou qualquer objecto gráfico isolado.

Esta técnica é utilizada pelos sites que adoptam o estilo Web 2.0 e é extremamente simples de implementar, por vezes um pequeno detalhe como um reflexo mudar completamente o aspecto de um site.

Como exemplo, vamos utilizar um gráfico com um simples texto para este efeito, mas como referi, poderão utilizar qualquer objectivo gráfico, uma imagem, fotografia, icon, etc…



Vamos utilizar o Photoshop para esta demonstração, mas praticamente qualquer software gráfico disponível no mercado tem estas funcionalidades.

O primeiro passo é duplicar o gráfico. Digite simplesmente Ctrl+J ou então selecione no menu Layer -> Duplicate Layer.

Agora escolha a ferramenta Move Tool (V) e mova o objecto duplicado para baixo so original.



Se quiser pode adicionar um pouco de perspectiva ao objecto duplicado. (Edit->Transform->Perspective)

O próximo passe consiste em adicionar uma mascara ao objecto duplicado. Adicione uma Mascar Layer utilizando o item - Layer Mask Button na Pallete de Layers.



Agora seleccione a ferramenta de Gradient e desenhe um gradient direccionado de baixo para cima (preto para branco) - Mantenha o shift pressionando enquanto desenha o gradient.

O resultado deverá ser semelhante a este:



Por fim, poderá ajustar a opacidade conforme o seu gosto. Não existe uma regra para o nível de transparência do reflexo. No exemplo em baixo utilizámos uma opacidade de 40%





Voltar ao Topo