O filme mais esperado do ano para mim é sem dúvida Batman: O Cavaleiro das Trevas Ressurge. Eu estava com grandes expectativas sobre Prometheus, mas o filme não agradou tanto assim. Mas o novo Batman com certeza não vai desapontar. Com isso em mente nós decidimos fazer um tutorial sobre o filme.

Então neste tutorial eu vou mostrar para vocês como criar uma composição legal usando o logo do Batman no Pixelmator. A técnica é super simples, vamos usar técnicas básicas e a brush tool. O processo todo não demora mais que 45 minutos.

Passo 1

Abra o Pixelmator e crie um novo documento. Estou usando 2560x1440 pixels no tamanho. Depois disso com a Gradient Tool (G), preencha a background layer com um gradiente radial cinza escuro no centro e preto nas bordas.

Dark Knight in Pixelmator

Passo 2

Adicione uma nova layer e vá até Filter>Generator>Clouds. Use preto e branco nas cores. Depois troque o Blending para Color Dodge.

Dark Knight in Pixelmator

Passo 3

Com a layer das nuvens selecionada vá até Layer>Add Layer Mask. Selecione a mask da layer e vá até Filter>Generator>Clouds. Aplique o clouds filter na mask para deixar um pouco mais real.

Dark Knight in Pixelmator

Passo 4

Adicione outra layer acima e a preencha com laranja. Troque o Blending para Overlay e adicione novamente uma layer mask na layer e aplique o Clouds filter na mask.

Dark Knight in Pixelmator

Passo 5

Adicione uma nova layer acima e preencha com preto. Troque o Blending para Color Dodge e vá até View>Show Brushes. Clique no ícone settings gear no Brushes Panel para selecionar um novo preset. Selecione o Smokes e escolha um dos smoke brushes. Depois com a Brush Tool (B) comece a pintar com branco na layer preta para criar alguns highlights, como uma nuvem de fogo.

Dark Knight in Pixelmator

Passo 6

Adicione também algumas áreas escuras, mas para fazer isso você vai precisar adicionar uma nova layer apenas para as áreas escuras. Tente criar o símbolo do Batman com luzes e sombras no centro.

Dark Knight in Pixelmator

Passo 7

Faça uma busca no Google para encontrar o símbolo do Batman. Depois coloque-o no centro do documento para referência. Troque opacity para 40%.

Dark Knight in Pixelmator

Passo 8

Arraste o símbolo do batman para o brush preset panel. Depois disso troque os presets com base na imagem abaixo. Assim você vai criar os morcegos da sua composição.

Dark Knight in Pixelmator

Passo 9

Com a Brush Tool (B) comece a pintar alguns morcegos usando a cor preta. Comece no contorno do símbolo para ter uma ideia melhor da área que vai pintar.

Dark Knight in Pixelmator

Passo 10

Troque o tamanho do brush e continue pintando.

Dark Knight in Pixelmator

Passo 11

Adicione morcegos menores.

Dark Knight in Pixelmator

Passo 12

Deixe o centro mais denso com morcegos menores.

Dark Knight in Pixelmator

Passo 13

Agora tente preencher alguns dos espaços em branco para garantir que quando você esconda o símbolo de referência você consiga ver o morcego baseado no Gestalt Principles :)

Dark Knight in Pixelmator

Passo 14

Esconda o símbolo e confira se está fácil de reconhecer o símbolo do Batman. Se não estiver adicione mais alguns morcegos com a Brush Tool.

Dark Knight in Pixelmator

Passo 15

Ainda com a Brush Tool, aumente o tamanho para criar alguns morcegos voando para criar o símbolo.

Dark Knight in Pixelmator

Passo 16

Agora adicione morcegos nas bordas da imagem.

Dark Knight in Pixelmator

Passo 17

Selecione todas as layers e as duplique. Com a nova layer selecionada vá até Layer>Merge Layers. Você terá uma layer com a composição. Depois disso vá até Filter>Blur>Zoom Blur. Use 10 em Amount e deixe o centro do controle no centro. Duplique essa layer e você terá 2 layers com a composição.

Dark Knight in Pixelmator

Passo 18

Vá até Image>Desaturate. Depois troque o Blending para Soft Light com 70%.

Dark Knight in Pixelmator

Conclusão

Com a cópia da layer com o zoom blur selecionada, troque opacity para 20% e o design estará pronto. Você pode sempre fazer as alterações que quiser, como adicionar noise ou motion blurs. Agora é a sua vez de criar uma versão. Divirta-se.

Dark Knight in Pixelmator

Download de Arquivo

Faça o Download do arquivo usado no 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.