Luzes de Neon no Fireworks

As imagens procuramos no sxc.hu, e já estão separadas no arquivo no final do tutorial (neon_files.zip), mas se desejar usar outras fique a vontade.

PASSO 1 - BACKGROUND

Para começar, abra um arquivo de 750 x 500px. Usamos como fundo a imagem "image1.jpg", que você pode baixar nos arquivos anexos no final do tutorial. Após importar a imagem, vamos escurecer um pouco ela, para isso faça um retângulo com Gradiente Radial com a cor #000 nas duas extremidades, no centro diminua a opacidade para 40%. Depois aplique o blend Overlay neste retângulo.

image

PASSO 2 - AJUSTE NO BACKGROUND

Agora vamos somente escurecer um pouco mais uns dos lados da imagem para dar um contraste melhor quando aparecerem os neons. Crie um shape no formato como está na figura na cor #000. Após isso aplique um Feather de 88 e o blend Overlay.

Luzes de neon no Fireworks

PASSO 3 - PLACA DE MADEIRA

Para começa a criar nossa placa onde estará o escrito Abduzeedo, pegue a imagem "image2.jpg" nos arquivos. Importe esta imagem e faça também um retângulo de 375 x 100px como mostra a figura 1. Vamos agora usar o retângulo como máscara, para isso, selecione a imagem da madeira, recorte (CTRL + X), selecione o retângulo e cole dentro (CTRL + SHIFT + V). Feito isto vamos aplicar uma pequena sombra nesse objeto com os valores como mostra a figura 3.

Luzes de neon no Fireworks

PASSO 4 - MOLDURA DA PLACA

O próximo passo será duplicar o layer anterior da placa. Feito isso, neste layer de cima, aplique um Inner Bevel com o tipo Ruffle, e os valores como na figura 1. Aplique agora o blend Overlay nesta madeira. Depois dubplique este layer para conseguirmos um contraste maior desta placa. Veja no final como ficariam nossos layers até agora.
Dica: Se desejar fazer outro tipo de moldura teste os diferentes tipos de bevel e com outros valores também.

Luzes de neon no Fireworks

PASSO 5 - LETREIRO

Neste passo vamos apenas escrever Abduzeedo na placa. Crie um texto com a cor #000. Aplique depois o blend Overlay e um Glow com #FFF de 100% conforme a figura 1 para conseguirmos criar um efeito já de alguma luz saindo de trás das letras.

Luzes de neon no Fireworks

PASSO 6 - LUZES NO LETREIRO

Para aumentarmos um pouco as luzes vamos criar uma "bola de luz" para colocarmos em alguns pontos da madeira. Para isso crie 2 elipses, uma com a cor #000 e outra #FFF. Depois aplique um Feather de 15 em cada uma. Alinhe elas pelos seus centros para ficarem exatamente sobrepostas. Feito isto, agrupe estas 2 elipses e aplique um Color Dodge no grupo.Você verá que isto já faz criar um efeito de luz. Agora só copie algumas vezes esse grupo e posicione em alguns pontos próximo ao texto. Na imagem 5 mostramos onde posicionamos os nossos.

Luzes de neon no Fireworks

PASSO 6 - PINK NEON

Para criar o efeito de Neon, vamos precisar sempre de 2 layers com textos iguais sobrepostos mas vamos aplicar efeitos diferentes em cada layer. Faça então o primeiro texto e já duplique este layer. O layer de cima vamos chamá-lo de Pink 1 e o de baixo Pink 2. Use os valores conforme mostramos nas figuras e veja se consegue este efeito.
As cores usadas em cada layer são as seguintes:
Pink 1: #FFF - Glow #FF33FF
Pink 2: #F5C4D9 - Glow #FF33FF

Luzes de neon no Fireworks

PASSO 7 - YELLOW NEON

Neste passo será o mesmo processo do Passo 6. Vamos ter 2 layers sobrepostos com o mesmo texto (Yellow 1 e Yellow 2). Cuide para sempre usar as cores, o blend correto e valores certos para cada Glow.
As cores usadas em cada layer são as seguintes:
Yellow 1: #FFF - Glow #FFFF00
Yellow 2: #FFFF33 - Glow #FFFF33

Luzes de neon no Fireworks

PASSO 8 - BLUE NEON

O último neon seguirá os mesmos passos. Veja as cores que estes layers devem ter:
Blue 1: #FFF - Glow #00CCFF
Blue 2: #FFF - Glow #0099FF

Veja também no final da figura como ficará a ordem destes layers de todos os neons.

Luzes de neon no Fireworks

RESULTADO FINAL

Finalizado tudo podemos trabalhar com cores diferentes de neons, outros tipos de backgrounds, etc. O que vale é brincar com as ferramentas e tentar chegar em um resultado onde as luzes fiquem suaves e ao mesmo tempo com contraste com o fundo.

Luzes de neon no Fireworks

 

Anexo neon_files.zip
Tamanho 2.95 MB


Comentários

Postagens mais visitadas deste blog

Mestres do universo: Salvando Eternia, Minha opinião

Criando Broche no Photoshop