Tipografia Lost in Space no Pixelmator

No Abduzeedo nós temos um post chamado “Typography Mania” onde mostramos vários designs incríveis que foram criados usando tipografia. Inspirado nisso, decidi usar o Pixelmator para criar uma imagem abstrata feita com esferas e luz. Usei então Blendings para fazer um mix do efeito abstrato com a área de texto para atingir o efeito final que queria.

Neste tutorial vamos brincar com brushes, blendings, hues and saturation e alguns basic filters.

Passo 1

Abra o Pixelmator e crie um novo documento, ajuste o tamanho para 1440×900 pixels. Usando a Gradient Tool (G), preencha o background com um Radias Gradient de roxo escuro (18090d) no centro a preto.

Passo 2

Adicione outra layer e usando a Paint Bucket Tool (N), a preencha com preto. Usando a Brush Tool (B) e ajustando a cor em branco, pinte alguns pontos com um brush suave.

Passo 3

Troque o Blending da layer para Color Dodge, o que vai criar um efeito de luz bacana.

Passo 4

No Gradient Palette, adicione um novo gradiente usando as cores Cinza e Preto.

Passo 5

Na Rectangular Marquee Tool (M), selecione a elipse. Pressione então Shift para criar um círculo. Adicione uma nova layer, e preencha o círculo com o Radial Gradient criado no passo anterior.

Passo 6

Para criar um brush a partir do círculo, inverta as cores (Image>Invert). Arraste então a layer do Layer Palette para o Brushes Panel.

Passo 7

Dê um duplo clique no brush para editá-lo. Use a imagem abaixo como referência.

Passo 8

Usando a Brush Tool (B) com a cor bege, pinte algumas esferas. Quando fizer isso, vá até Image>Hue and Saturation. Reduza a Saturation para -70 e tente criar as mesmas cores do exemplo abaixo. Os valores aqui vão variar pois o brush cria variações randômicas das cores.

Passo 9

Duplique a layer das esferas e vá até Filter>Blur>Gaussian Blur. Ajuste o Radius em 90, e troque o Blend Mode para Color Dodge.

Passo 10

Usando a Rectangular Marquee Tool (M), crie um retângulo. Usando a Gradient Tool (G), preencha o retângulo com um gradiente de Branco a Preto, semelhante a seguinte imagem:

Passo 11

Troque o Blending para Color Dodge, e o resultado será um efeito de luz muito legal.

Passo 12

Duplique e gire a layer algumas vezes para criar mais luzes.

Passo 13

Adicione uma nova layer acima das outras. Preencha com um linear gradient, usando Amarelo, Vermelho, Azul e Verde. Use a imagem abaixo como referência.

Passo 14

Troque o Blending para Multiply.

Passo 15

Adicione uma nova layer abaixo da gradient layer e selecione Filter>Generator>Checkerboard. Ajuste Width em 6 e Sharpness em 0. Troque então o Blending para Color Dodge.

Passo 16

Reduza a Opacity para 30% e selecione Filter>Distort>Twirl. Ajuste Radius para 280 e Angle para 55 e posicione o controller em uma das esferas. Use a imagem abaixo como referência. Repita o mesmo filtro no outro lado da imagem.

Passo 17

Vá até Filter>Blur>Gaussian Blur. Ajuste Radius para 10, o que vai suavizar um pouco o efeito.

Passo 18

Adicione outra layer acima da checkerboard layer e a preencha com preto. Usando então a Brush Tool com branco, pinte alguns pontos de luz para criar chamas.

Passo 19

Adicione um logo para criar um efeito abstrato super legal. Selecione todas as layers e as duplique. Selecione então todas as layers duplicadas e vá até Layer>Merge Layers. O resultado será uma layer como o efeito completo. Por enquanto esconda essa layer.

Passo 20

Adicione uma nova layer e a preencha com preto. Essa layer ficará abaixo da imagem merged. Usando a fonte Val e ajustando a cor do texto para branco, digite “Lost” e “Space”, e depois digite “in” usando uma fonte menor. Use a imagem abaixo como referência.

Passo 21

Torne visível a imagem merged e a mova para cima do design; troque então o Blend Mode para Multiply, deixando a imagem da layer merged visível apenas nas áreas brancas do texto. Você pode também duplicar o texto, trocar para preto e aplicar Gaussian blur para criar sombra.

Conclusão

Vá até http://www.williams.edu/Astronomy/IAU_eclipses/eclipse_results.html e faça o download do efeito de claro de lente. Coloque no design. Delete as áreas desnecessárias, troque oBlending para Screen, redimensione e vá até Image>Hue and Saturation para trocar o hue para Yellow/Orange. Duplique e gire para o colocar em outro lugar. O mesmo gradiente de roxo escuro para preto também pode ser aplicado ao background.

Download do Arquivo Pixelmator

Arquivo Pixelmator