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.

Passo 2

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

Passo 3

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

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.

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.

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.

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.

Passo 8

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

Passo 9

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

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 ;)

Sobre o autor

My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through Abduzeedo. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.

Sponsored Links: