fevereiro 08, 2010 from abduzeedo's blog
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.
