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

About the author of this post

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. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.