Línguas

Top Navigation

Dicas Rápidas Photoshop #13 - Criando Reflexo

novembro 02, 2009 from paul0v2's blog

Esse é um efeito bastante simples de se criar, reflexão. Como já nos pediram algumas vezes para criar esse efeito, seguem aqui algumas dicas rápidas para atingir esse efeito. Então use e abuse delas já que essa é uma grande tendência do web design e é também um efeito usado para vários outros tipos de design.

Então, para começar eu preciso de uma imagem para criar o reflexo. Vou usar um iphone, mas você pode usar o que quiser, isso funciona super bem com ícones e tipografia.

Agora vou pintar o background de preto e vou duplicar a layer do iphone como você pode ver aqui.

Agora nós vamos selecionar a iphone copy layer e vamos dar a ela o nome iphone reflection. Além disso vamos inverter o iphone para que pareça de cabeça para baixo. Posicione esse iphone logo abaixo do outro iphone para que essa seja a nossa reflexão.

Selecione a iphone copy layer e vá até Edit > Transform > Flip Vertical e a coloque abaixo dos outros iphones conforme abaixo:

Hora de deixar o reflexo mais realista. Na 'iphone reflection layer' vamos adicionar uma layer mask clicando no botão layer mask.

Agora vamos aplicar um gradiente na layer mask, assim nosso reflexo vai ficar mais realista.

Selecione a gradient tool, e usando a cor preta aplique o gradiente de baixo para cima até que tenha um bom resultado como o da imagem abaixo:

É assim que suas layers devem parecer.

Agora, para deixar o efeito ainda melhor e finalizar esse trabalho nós vamos reduzir a opacity da layer para 75% e assim teremos um ótimo resultado final de reflexão.

Essa técnica é bastante simples e pode ser usada para criar qualquer tipo de seleção. Se necessário você pode também aplicar algumasperspectivas, especialmente se estiver trabalhando com formas 3d.

Se você tiver alguma sugestão para a nossa série de Dicas Rápidas, entre em contato via abduzeedo@gmail.com usando o título QuickTips/Dicas Rápidas.

Sobre o autor

Hi there! I'm Paulo Canabarro, 26 year old web designer - paulocanabarro.com I'm from Brazil currently living and working out of Providence RI, USA. I'm truly passionate about design of all kinds, finding and sharing inspiration here has become part of my life. If you like to know more about me or get in touch visit my website paulocanabarro.com Stock me at Twitter and Dribbble

Sponsored Links:

Advertising banner by Media Militia Free Design Resources

More articles about:

Comments and Reactions

Featured Tutorial

[title]
Efeito Letterpress Realista no Photoshop
Para o primeiro tutorial de 2012 a ideia é mostrar algo legal e fácil pois o objetivo esse ano é apresentar para vocês tutoriais com técnicas simples que com bons resultados. Nesse primeiro caso vamos explorar maneiras de criar um efeito letterpress usando apenas Photoshop. Então este tutorial vai mostrar para vocês como criar um efeito letterpress fácil e bonito usando Layer Styles no Photoshop. O processo é super simples e não vai levar mais de 45 minutos para ficar pronto.

Try this Wallpaper

Wallpaper da Semana 199 by James White
Wallpaper da Semana 199 by James White
O wallpaper dessa semana é uma imagem criada por James White para o FITC Toronto 2012. A imagem é inspiradora e o evento também. O FITC Toronto conta com mais de 70 renomados palestrantes conhecidos mundialmente. Cobrindo conteúdo que vai de HTML5 a arte digital, esses três dias de evento serão recheados de criatividade e talento. Alguns palestrantes:

Book Suggestion

Sugestão de Livro - 50 Psychology Classics: Who We Are, How We Think, What We Do
Sugestão de Livro - 50 Psychology Classics: Who We Are, How We Think, What We Do
A sugestão de livro dessa semana é super interessante, especialmente para nós, designers, que precisamos alcançar audiências com nosso trabalho, sempre tentando entender suas necessidades. O livro se chama 50 Psychology Classics: Who We Are, How We Think, What We Do; Insight and Inspiration from 50 Key Books (disponível em inglês).