Na semana passada estava conferindo as novidades da série Typography Mania e me inspirei para tentar algo novo. Então decidi criar uma composição abstrata com efeitos de luz e aplicá-la como textura em um texto, tudo usando apenas Photoshop.

Então neste tutorial vou mostrar a você como criar um efeito de texto fácil e legal no Photoshop. Vamos brincar com Brushes, Blend Modes, basic filters como Blur e Liquify, e também texto.

Passo 1

Abra o Photoshop e crie um novo documento. Eu usei 2560x1440 pixels no tamanho. Com a Gradient Tool (G) preencha o background com um radial gradient em dois tons de roxo (3d2626 e 060404).

Lost in Space Typography in Photoshop

Passo 2

Com a Elliptical Marquee Tool (M) crie uma ellipse selection. Adicione uma nova layer e selecione a Gradient Tool (G). Use preto e cinza claro nas cores. Preencha a ellipse selection com o radial gradient. Use a imagem abaixo como referência.

Lost in Space Typography in Photoshop

Passo 3

Vá até Edit>Define Brush para criar um novo brush.

Lost in Space Typography in Photoshop

Passo 4

Vá até Window>Brushes. Use a imagem abaixo para referência dos valores de Brush Tip Shape, Shape Dynamics, Scattering, Color Dynamics and Other Dynamics.

Lost in Space Typography in Photoshop

Passo 5

Adicione uma nova layer e com a Brush Tool (B) e o brush que acabou de criar, pinte algumas esferas no design. Esse é um efeito randomico, então seu resultado não será exatamente igual ao meu.

Lost in Space Typography in Photoshop

Passo 6

Adicione outra layer e a agrupe. Essa nova layer ficará dentro de um folder no Layer Palettes. Troque o Blend Mode do folder para Color Dodge. Então, com a Brush Tool (B), selecione branco para a cor e um 'big soft brush' para pintar algumas áreas e deixá-las mais visíveis (1-4). Dica: Use os números 1-0 para trocar a opacity do brush, com 1 sendo 10% e 0 sendo 100%.

Lost in Space Typography in Photoshop

Passo 7

Adicione uma nova layer e com a Rectangular Marquee Tool (M), crie uma rectangular selection. Preencha essa seleção com um gradiente linear branco a preto usando a Gradient Tool (G). Depois troque deBlend Mode para Color Dodge para criar um efeito de luz legal.

Lost in Space Typography in Photoshop

Passo 8

Duplique a layer do efeito de luz. Gire e redimensione para criar diferentes efeitos. Dica: Use a Eraser Tool (E) para misturar as luzes pois e elas estão umas sobre as outras.

Lost in Space Typography in Photoshop

Passo 9

Adicione uma nova layer e a agrupe para que ela fique dentro de um folder. Troque o Blend Mode do folder para Color Dodge. Com a Brush Tool (G), usando branco na cor, selecione a layer dentro do folder e pinte sobre as labaredas (1-3).

Lost in Space Typography in Photoshop

Passo 10

Adicione outra layer acima das outras e com a Gradient Tool (G), preencha a layer com um gradiente usando vermelho, amarelo, verde e azul. Troque o Blend Mode dessa layer para Overlay.

Lost in Space Typography in Photoshop

Passo 11

Crie uma nova layer e a preencha com um 'checkerboard pattern'. Você pode fazer o download aqui. Vá então até Filter>Blur>Gaussian Blur, use 10 pixels para Radius. Depois troque o Blend Mode para Color Dodge.

Lost in Space Typography in Photoshop

Passo 12

Selecione a pattern layer e vá até Filter>Liquify. Use a Twirl Clockwise Tool (C) e a Bloat Tool (B) para deformar a pattern layer.

Lost in Space Typography in Photoshop

Passo 13

Selecione todas as layers e clique Command(mac)/Control PC + Alt + Shift + E para criar uma layer merged com todas as outras nela. Vá até Filter>Blur>Gaussian Blur. Use 20 pixels para Radius. Torque então o Blend Mode para Screen e a Opacity para 50%. Pressione novamente Command(mac)/Control PC + Alt + Shift + E para criar uma layer com o design final.

Lost in Space Typography in Photoshop

Passo 14

Para criar o efeito do texto nós vamos adicionar uma nova layer para um novo background. Você pode duplicar a mesma layer do passo 1 e apenas mudar as cores, as invés de roxo eu usei marrom. O claro é 3b2500 e o escuro 130f08.

Lost in Space Typography in Photoshop

Passo 15

Selecione a Horizontal Type Tool (T) e digite "Lost in Space" como fiz na imagem abaixo. Faça as palavras "Lost" e "Space" bem maiores que o "In". Troque então a fonte para VAL. Você pode fazer o download dela aqui (http://fontfabric.com/?p=585). Use a cor branca.

Lost in Space Typography in Photoshop

Passo 16

Vá até Layer>Layer Styles>Drop Shadow. Use Multiply no Blend Mode, preto na cor, -90º para angle, 0 para Distance e Spread and 30 para Size.

Lost in Space Typography in Photoshop

Passo 17

Selecione agora Inner Shadow. Use Color Dodge no blend mode, branco na cor, 100% na Opacity, 2 pixels para Distance, 1 para Choke e 5 pixels para Size.

Lost in Space Typography in Photoshop

Passo 18

Mova a layer com o 'design merged' para cima das outras layers, mais especificamente para cima da text layer. Vá então até Layer>Create Clipping Mask.

Lost in Space Typography in Photoshop

Passo 19

Vá até o Google Images e procure por algumas fotos de eclipse, achei uma bem legal em http://www.cardiff-astronomical-society.co.uk/ECLIPSE2006\DSCF0841.JPG. Copie e cole no seu design. Vá até Image>Adjustments>Levels. Aumente o black input. Troque o Blend Mode para Screen. Vá até Filter>Blur>Gaussian Blur. Use 5 pixels para Radius.

Lost in Space Typography in Photoshop

Passo 20

Duplique a eclipse layer e a posicione acima de todas as outras do design, a diferença é que agora vai parecer que as luzes estão vindo de dentro do texto.

Lost in Space Typography in Photoshop

Conclusão

Faça novamente 'merge' de todas as layers e adicione também, se quiser, um pouco de noise (Filger>Noise>Add Noise). O efeito é bastante simples e não leva mais de 20-30 minutos para ficar pronto. Alem de ser um bom exercício para brincar com efeitos de luz,clipping mask e efeitos de texto no Photoshop.

Lost in Space Typography in Photoshop
Clique na imagem para um full preview

Download do Arquivo Photoshop

Clique aqui para fazer o download do arquivoPhotoshop usado nesse tutorial

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.