Línguas

Top Navigation

Efeitos de Luz Abduzeedo 2010 no Photoshop

janeiro 18, 2010 from abduzeedo's blog

Algumas semanas atrás eu postei um tutorial mostrando como criei o Abduzeedo 2010 logo design, que será o símbolo usado para ícones, posters, camisetas e outras coisas do site. Aquele tutorial explicou o processo no Illustrator, e no final mostrei uma versão com efeitos de luz do símbolo que havia criado no Photoshop.

Então neste tutorial vou mostrar a voc6es como criar esse efeito. É um tipo de efeito monitor/halftone misturado com brilhos e outros efeitos de luz. Vamos brincar com Blend Modes e Blurs. O processo todo é bastante simples e não leva mais que 20 minutos para alcançar o mesmo resultado.

Passo 1

Abra o Photoshop e crie um documento novo. Eu usei A4 para o tamanho e cores RGB. Depois disso, dê um clique duplo na background layer e aplique Layer Style nela. Use Gradient Overlay. Para as cores use preto e no centro um azul escuro. Para o Style use Radial.

Abduzeedo 2010 Light Effects in 10 Steps

Passo 2

Importe o 'vector object' do Illustrator e o cole no centro do documento.

Abduzeedo 2010 Light Effects in 10 Steps

Passo 3

Duplique a layer e vá até Filter>Blur>Gaussian Blur. Use 10 pixels para Radius.

Abduzeedo 2010 Light Effects in 10 Steps

Passo 4

Depois do gaussian blur, vá até Layer>Layer Styles>Inner Shadow. Troque o Blend Mode para Color Dodge, use branco na cor e 40% na Opacity. Para Angle use 90º. Para Distance use 91 pixels, para Choke use 0 e para Size use 3 pixels.

Abduzeedo 2010 Light Effects in 10 Steps

Passo 5

Na layer duplicada, duplique ela mais uma vez pois vamos precisar de outra layer com o símbolo para o efeito. Selecione então uma delas e vá até Filter>Blur>Gaussian Blur. Use 100 pixels para Radius. Essa layer ficará acima da outra com o inner shadow.

Abduzeedo 2010 Light Effects in 10 Steps

Passo 6

Com a terceira cópia do símbolo, selecione e vá até Layer>Layer Style>Color Overlay. Use branco para cor. Vá então até Filter>Blur>Gaussian Blur. Use 10 pixels para Radius. Depois disso, com a layer selecionada vá até Layer>Group Layers. A layer estará dentro de um folder no Layer Palette. Selecione o grupo e troque o Blend Mode para Color Dodge. Você terá um efeito de luz legal como o da imagem abaixo.

Abduzeedo 2010 Light Effects in 10 Steps

Passo 7

Adicione uma layer acima das outras layers e selecione a Paint Bucket Tool (G). Troque o tipo de Foreground para Pattern, selecione um 'dotted pattern'. Você pode fazer o download do que usei aqui. Como você pode ver o background é preto e os pontos brancos.

Abduzeedo 2010 Light Effects in 10 Steps

Passo 8

Vá até Edit>Transform>Warp. Para Warp type selecione Fisheye. Mexa então no controller (para baixo) para alterar o efeito fisheye.

Abduzeedo 2010 Light Effects in 10 Steps

Passo 9

Troque o Blend Mode da pattern layer para Color Dodge e as partes brilhosas terão um tipo de efeito 'monitor, halftone'.

Abduzeedo 2010 Light Effects in 10 Steps

Conclusão

Esse efeito de luz é basicamente o mesmo que usei para criar o efeito do logo Abduzeedo. No entanto adicionei algumas Layer Styles para aumentar o efeito da luz, especialmente nas bordas. Como você pode ver o processo é bem simples e pode ser feito em 20 minutos ou menos, basta brincarmos com a ferramenta ;)

Abduzeedo 2010 Light Effects in 10 Steps

Sobre o autor

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

More articles about:

Comments and Reactions

Featured Tutorial

Criando Fontes com Dobras Muito Legais
Nesse tutorial vou mostrar como criar um efeito de dobra muito legal para aplicar na sua tipografia usando o photoshop. De maneira simples e com apenas alguns passos você pode transformar um texto comum em um texto cheio de letrar 'dobradas' para ter um efeito legal, dê uma olhada.

Try this Wallpaper

Wallpaper da Semana #92 - Carmelo Di Lorenzo
Wallpaper da Semana #92 - Carmelo Di Lorenzo
O wallpaper dessa semana é uma bela ilustração de Carmelo Di Lorenzo, um diretor de arte, designer e ilustrador de São Paulo. Carmelo trabalhou com Adhemas Batista, uma de suas grandes influências e hoje trabalha como diretor de arte senior na Wunderman. Para mais informações confira o portfolio de Carmelo Di Lorenzo em http://www.casadedesenho.com.br/ Versão Desktop

Book Suggestion

Sugestão de Livro: The Art of the LP: Classic Album Covers 1955-1995
Sugestão de Livro: The Art of the LP: Classic Album Covers 1955-1995
A sugestão de livro dessa semana é realmente inspiradora, especialmente para aqueles que são fãns de LPs. O livro se chama The Art of the LP: Classic Album Covers 1955-1995 e mostra uma bela variedade de estilos designs de capas de punk rock a pop, tudo dividido em capítulos temáticos.