Nesse tutorial, vou mostrar a vocês como criar um design inspirado no logo da Dreamworks, com belas nuvens e alguns efeitos de luz. Nós vamos usar o brush de nuvem que vem com o Pixelmator e algumas stock photos. O processo todo vai levar uma hora.

Esse tutorial é parte da série de tutoriais que tenho feito para o Pixelmator Learn site.

Passo 1

Crie um novo documento no Pixelmator, e com a Gradient Tool (G), preencha o background com um Linear Gradient usando Azul Escuro e Preto de baixo para cima.

Passo 2

Vá até View>Show Brushes. Dê um duplo clique no brush das nuvens (clouds brush) ?esse brush vem com o Pixelmator. Vamos mudar alguns presets, especialmente a Opacity ? vamos mudar isso para 55%. Mude o Flow para 80%. Use a imagem abaixo como referência.
Esse brush será usado para criar nossas nuvens.

Passo 3

Adicione uma nova layer, selecione então a Brush Tool (B) e branco para a cor. Agora, com o brush que criamos, comece a pintar algumas nuvens. Pinte mais em algumas áreas que em outras, especialmente nos cantos.

Passo 4

Adicione outra layer acima da anterior com as nuvens brancas. Agora, ainda usando a Brush Tool (B) com o mesmo brush. Pinte algumas nuvens usando preto na cor. O preto é importante para criar profundidade nas nuvens.

Passo 5

Adicione outra layer acima das outras duas das nuvens. Pinte novamente com a Brush Tool (B), mais uma vez com branco. Assim teremos três layers para as nuvens: branco em baixo, preto no meio e branco em cima.

Passo 6

Agora vamos criar alguns efeitos de luz. Adicione uma layer acima da primeira layer de nuvem, a branca. Preencha a layer com preto, troque o Blending para Color Dodge. Selecione a cor salmon (#a78888) e pinte novamente algumas nuvens. Como você pode ver na imagem abaixo, efeitos de luz aparecem nas nuvens.

Passo 7

Adicione uma nova layer abaixo das outras e a preencha com preto usando a Paint Bucket Tool (N). Depois disso, vá até Filter>Stylize>Noise. Use 15 para Amount, e não selecione a opção Monochrome.

Passo 8

Vá até Image>Levels. Ajuste o Black input para 37, o Gray para 55 e o White para 74. Essa é a maneira mais fácil de criar estrelas. Você também pode adicionar um pouco de blur e repetir os passos se quiser fazer estrelas maiores. Depois disso, troque o Blending para Screen.

Passo 9

Vamos adicionar mais uma layer. Selecione então a Brush Tool (B) com um 'basic round brush'. Usando a cor roxa, pinte um ponto de luz no centro de seu design. Vamos colocar uma lua no centro do design, então faça o ponto grande. Troque o Blending para Screen e a Opacity para 30%.

Passo 10

Para a lua, usei uma stock photo. A que usei foi cortesia do Shutterstock e você encontra ela em: http://www.shutterstock.com/pic-40812199/stock-photo-moon.html. Coloque a imagem do centro do documento, depois vá até Edit>Transform>Scale. Redimensione e troque o Blending para Screen.

Passo 11

Com a Type Tool (T), digite "2010." Use uma fonte que tenha um zero bem arredondado, como um círculo perfeito. A que usei foi a Instanter. Use branco na cor e troque a Opacity para 40%. Vá até Layer>Rasterize Layer.

A type layer é agora um bitmap

• Com a Eraser Tool (E) delete o primeiro "0."
• Com a Rectangular Marquee Tool (M), selecione o número "2," e com a Move Tool (V), mova ele para perto da lua; selecione então o "1" e também o mova para perto da lua. Depois disso, selecione o outro "0" e o coloque bem perto do "1."
• Com a Eraser Tool (E), selecion um basic rounded brush; para o tamanha, escolha um maior que a lua. O brush também precisa ser suave. Delete então a área abaixo da lua para que parte do "2" e do "1" sejam afetados.

Passo 12

Vamos adicionar uma textura ao texto. Importe uma textura de concreto, e posicione a layer acima do 2010. Vá então até Layer>Create Clipping Mask. A textura será exibida apenas onde estão os números.
A textura que usei é do Shutterstock e pode ser encontrada em http://www.shutterstock.com/pic-16751947/stock-photo-large-concrete-wall....

Agora é hora de colocar uns fogos de artificio. Mais uma vez usei minha conta do Shutterstock para encontrar boas imagens. A que usei pode ser encontrada em http://www.shutterstock.com/pic-43315858/stock-photo-many-golden-firewor....
Importe a imagem e troque o Blending para Screen. Com a Eraser Tool (E), delete as áreas da imagem que não são necessárias. Para criar mais fogos, duplique a layer e a gire (Edit>Transform>Rotate). Você também pode trocar as cores usando Image>Colorize. Eu criei duas ? uma verde e outra vermelha ? como pode ver na imagem abaixo.

Passo 14

Adicione uma nova layer acima das outras e a preencha com um gradiente. Criei um gradiente usando amarelo, vermelho, roxo e azul. Use Linear Gradient e pinte na diagonal.

Passo 15

Troque o Blending da layer do gradiente colorido para Overlay. Depois disso, selecione todas as layers e vá até Layer>Duplicate Layer. Com todas as cópias duplicadas ainda selecionadas, vá até Layer>Merge Layers. Você terá uma layer com o design flat.

Passo 16

Com a layer flat, vá até Filter>Blur>Gaussian Blur. Use 25 para Radius. Depois disso, troque o Blending para Screen. Esse passo vai dar um toque de brilho a imagem. Dica: você pode usar a Eraser Tool (E) para deletar algumas áreas para dar brilho.

Passo 17

Selecione todas as layers e as duplique novamente. Depois disso, 'merge all the layers to a new layer', e vá até Filter>Halftone>CMYK Halftone. Use 3 para Width, 24 para Sharpness e 25 para UCR.

Eu adoro esse filtro pois ele dá um estilo antigo ao design, deixando o visual retro.

Passo 18

Na minha opinião as cores estão muito vívidas, então fui até Image>Hue and Saturation e reduzi a Saturation para -10.

Conclusão

O design está pronto. Nós usamos um brush básico do Pixelmator para criar as nuvens. Nós também usamos algumas stock photos e blendings para completar a peça. A idéia desse tutorial, e de todos os tutoriais que tenho escrito para o Pixelmator, é praticar as ferramentas e testar os ajustes. Eu acho que a melhor maneira de aprender é tentando; dessa maneira, você pode descobrir novas possibilidades que poderão ser úteis para próximos designs.
Desejo um feliz 2010 a todos e espero que possamos dividir e aprender mais sobre o Pixelmator.

Download do Arquivo Pixelamtor

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

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:

Fonte: Abduzeedo