Um Tutorial do Inferno no PixelmatorListThumbs

Um Tutorial do Inferno no Pixelmator

fevereiro 08, 2010

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.

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:

Mais conteúdo sobre:

Compartilhe com os outros!

No comments yet :(

Comentar

O conteúdo deste campo é privado não será exibido ao público.

Ícones dos Anunciantes