Underwater Scene no Pixelmator

Neste tutorial, vou mostrar a vocês como criar uma cena 'embaixo d'agua' inspirada na abertura do filme I, Robot. Nós vamos criar um brush que será usado para adicionar bolhas e explorar uma técnica para fazer a cena ficar mais realista. O processo é bastante simples e vai levar menos de uma hora para completar o passo a passo.

Passo 1

Abra o Pixelmator e crie um novo documento, o que estou usando é 1440×900 pixels. Depois disso preencha a background layer com preto.

Passo 2

Adicione uma nova layer e a preencha com verde escuro (#12241f).

Passo 3

Vá até Layer>Add Layer Mask. Depois disso, selecione o thumb da mask no Layer Palette e vá até Filter>Generator>Clouds. Use preto e branco nas cores e aplique as nuvens na layer mask.

Passo 4

Ainda com a layer mask selecionada, vá até Filter>Blur>Zoom Blur. Mova o controller point para o centro inferior da imagem e use 60 para amount. Isso vai criar um efeito bem bacana.

Passo 5

Adicione outra layer e com a Brush Tool (B) selecione a cor vermelho/pink (#941433). Pinte um grande ponto no centro inferior do design como na imagem abaixo.

Passo 6

Repita os passos 3 e 4 e aplique então o render filter na mask e zoom blur, respectivamente.

Passo 7

Adicione uma nova layer acima das outras e preencha com preto. Troque o Blending para Color Dodge, e com a Brush Tool (B) e um 'soft brush' na cor branca, pinte um pequeno ponto branco no centro inferior do design. Repita então o passo anterior na mask.

Passo 8

Reduza a opacity para 80% se o seu efeito de luz ficar muito claro.

Passo 9

Adicione outra layer, novamente com a Brush Tool (B), selecione um 'large soft brush' e azul escuro para pintar alguns pontos azuis acima das luzes vermelhas/pink. A layer azul precisa ser muito sútil; Usei o brush com 25%. Depois disso você pode aplicar o Zoom Blur novamente com a mesma quantidade que usamos no passo anterior, 60.

Passo 10

Para criar as bolhas usei uma stock photo courtesia do Shutterstock. Você encontra a imagem aqui. Usei os guides como referência e com a Rectangular Marquee Tool (M), troque a opção para Ellipse e selecione a bolha que quiser usar no brush. Copie e cole em uma nova layer, e então vá até Image > Desaturate, then Image > Invert.

Passo 11

Criar o brush é simples; apenas arraste a layer do Layer Palette para o Brushes Palette. O Pixelmator vai criar automaticamente o novo brush. Duplo clique nele para editar, troque então Spacing para 200% e Scatter para 65%. Nas opções Shape Jitter, troque Size para 100% e stroke para 7%.

Passo 12

Adicione uma nova layer e a preencha com preto usando a Paint Bucket Tool (N). Troque o Blending para Color Dodge. Selecione a Brush Tool (B) e com o brush que criou no passo anterior pinte algumas bolhas no seu design usando branco.

Passo 13

Selecione a Blur Tool (R) e um big soft brush. Comece a pintar algumas bolhas mais borradas que outras para adicionar profundidade ao design.

Passo 14

Adicione outra layer acima das outras e usando a Paint Bucket Tool (N), preencha com preto. Troque o Blending para Color Dodge. Use então a Brush Tool (B) e o brush que criamos para pintar algumas bolhas grandes, bem maiores que as anteriores. Usei 700 no tamanho do brush.

Passo 15

Agora importe outra foto para dar mais realismo a composição. Estou usando outra imagem do Shutterstock que você encontra aqui.

Passo 16

Com a imagem no seu documento, primeiro vá até Image > Desaturate, depois troque o Blending para Color Dodge. Você também vai precisar redimensionar a imagem e a posicionar da maneira que quiser. Eu fiz flip horizontal da imagem que usei.

Passo 17

Selecione todas as layers e as duplique. Faça merge das layers duplicadas e vá até Filter > Blur > Gaussian Blur. Use 20 para blur amount.

Passo 18

Troque o Blending para Screen e Opacity para 50%.

Passo 19

Duplique a blurry layer e troque o Blending para Overlay e mantenha a Opacity em 50%.

Conclusão

Agora apenas coloque seu logo e a cena está praticamente pronta. Se quiser, pode adicionar uma layer acima das outras e preencher com branco Stripes filter. Gire para ter algumas linhas horizontais para simular aquelas linhas de TVs antigas, mas isso já é uma idéia para outro tutorial.

Download do Arquivo Pixelmator

Clique aqui para fazer o download do arquivo Pixelmator usado nesse tutorial