Um Tutorial do Inferno no Pixelmator

abduzeedo seg, 02/08/2010 - 08:31

Nesse tutorial eu vou mostrar a você como criar um efeito muito legal. Primeiro vamos usar filtros básicos para criar o efeito texto 3D; depois vamos usar blend em algumas stock photos e texturas para criar um 'hell of a wallpaper'.

Passo 1

Abra o Pixelmator e crie um novo documento. Estou usando o de sempre, 1440×900 pixels. Com a Gradient Tool (G), preencha a background layer com um radial gradient. Para criar o radial gradient vá até View>Show Gradient. Adicione um novo gradiente e use preto e marrom (#3b251c) nas cores.

?

Passo 2

Com a Type Tool (T), adicione algum texto ao documento. Eu usei “HELL” (inferno). Usei a fonte MOD, e você pode fazer o download dela gratuitamente no site: http://abduzeedo.com/friday-fresh-free-fonts-1.

Passo 3

Troque a cor da fonte para cinza escuro e vá até Layer>Rasterize Type Layer. Depois disso vá até Edit>Transform>Distort. Mova então os pontos para aplicar uma perspectiva ao texto. A idéia é que o texto fique parecendo buracos no chão, algo 'indo ou vindo' do inferno.

Passo 4

Criar essa perspectiva é bastante simples. Selecione a Lasso Tool (L) e comece a criar seleções nas partes do texto que serão as paredes. Primeiro vamos selecionar as que estão posicionadas na mesma direção.

Passo 5

Adicione uma nova layer acima da HELL layer e vá até Layer>Create Clipping Mask. Esse passo vai restringir a render area a parte com a palavra HELL. Preencha a seleção com cinza escuro.

Passo 6

Repita o mesmo processo para as outras partes do texto que tenham esse tipo de parede. Use sombras diferentes de cinza para criar o efeito 3D.

Passo 7

Pressionando Command, clique na thumb da HELL layer criando uma marquee selection na área daquela layer. Adicione uma nova layer acima das outras layers usadas para criar o efeito 3D; vá novamente até Layer>Create Clipping Mask.Preencha a seleção com laranja e com a marquee selection ainda ativa vá até Filter>Blur>Gaussian Blur. Use 30 pixels para radius. Depois disso, troque a opacity para 60.

Passo 8

Adicione uma nova layer acima da anterior (a laranja); e então vá novamente até Layer>Create Clipping Mask. Depois disso, vá até Filter>Generate>Clouds. Use preto e branco nas cores. Mude então o blending para Color Dodge e a opacity para 40.

Passo 9

Adicione mais uma layer e a transforme em Clipping Mask. Preencha a layer com preto usando a Paint Bucket Tool (N). Por ser uma clipping mask, você verá apenas a parte do HELL. Selecione a Brush Tool (B) e use branco na cor. Pinte algumas áreas de branco como mostrado na imagem abaixo. Depois disso, troque o blending para Color Dodge.

Passo 10

Nesse estágio, nós vamos adicionar realismo a cena. Para fazer isso vamos usar algumas stock images de fogo. A que usei é cortesia do Shutterstock, e você pode fazer o download dela em: (http://www.shutterstock.com/pic-2933444/stock-photo-fire.html). Copie uma parte da chama e cole no documento. Use a imagem abaixo como referência.

Passo 11

Agora adicione mais chamas. Você pode usar várias stock photos, mas tente usar imagens de fogo com um background preto pois é mais fácil esconder a parte preta usando Screen no blending. Use também as Transform tools para criar variações da mesma chama. Você precisará usar a Lasso Tool (L) para deletar partes da chama para dar a impressão de que elas vem do buraco no chão.

Passo 12

Adicione outra layer acima das outras e vá até Filter>Generate>Clouds. Use preto e branco nas cores. Usando a Eraser Tool (E), delete grande parte da layer, deixando apenas a área sobre o efeito. Você também pode ir até Image>Levels e aumentar o black input. Use a imagem abaixo como referência.

Passo 13

Troque o blending das nuvens para Color Dodge.

Passo 14

Importe uma textura de concreto e a coloque atrás das outras layers. Eu encontrei a textura abaixo no Shutterstock: (http://www.shutterstock.com/pic-16751947/stock-photo-large-concrete-wall-texture-background.html). Para aplicar a perspectiva vá até Edit>Transform>Distort.

Passo 15

Troque o blending para Multiply e a opacity para 40.

Passo 16

Agora vamos adicionar algumas rachaduras no chão. Para fazer isso vamos simplesmente repetir o mesmo que fizemos no passo anterior. Selecione uma stock photo para ilustrar seu propósito. A imagem que usei é do Shutterstock e pode ser encontrada aqui: http://www.shutterstock.com/pic-44864269/stock-photo-cracked-ground.html. Aplique aperspectiva indo até Edit>Transform>Distort. Depois desature a imagem indo até Image>Desaturate. Troque o blending para Multiply. Use então a Eraser Tool (E) para deletar as áreas que estão longe do centro.

Passo 17

Duplique a layer com as rachaduras do passo anterior; vá até Image>Invert. Depois disso troque o blending para Color Dodge e mova a layer 1 pixel para baixo. Assim criaremos um efeito legal, como se tivesse lava nas rachaduras.

Passo 18

Selecione as layers que usou para criar o efeito e as duplique. Depois disso, merge all the copied layers e vá até Filter>Blur>Gaussian Blur. Use 20 pixels para radius. Finalmente, troque o blending para Screen. Esse passo é opcional, mas adiciona um brilho legal ao efeito.

Conclusão

Selecione todas as layers e as duplique. Merge all the copies novamente para que tenha a imagem em apenas uma layer. Agora vá até Image>Brightness and Contrast e aumente um pouco o contraste, aumente para +3. Isso deve ser o suficiente para dar uma dimensão mais dramática a imagem.

Como você pode ver, criar a parte do fogo é simples e usa basicamente blending e alguns blurs. Mas a parte mais importante desse tutorial, na minha opinião, é o começo - onde a Lasso Tool e as Clipping Mask Layers foram usadas para criar um efeito legal 3D.

?

Download do Arquivo Pixelmator

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

About the author

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.

Sponsored Links

More articles about: