quarta-feira, 1 de abril de 2009

Efeito reflexo no Fireworks

Olá, nesse rápido tutorial iremos aprender como criar um efeito reflexo em textos usando o fireworks CS4

imagen final efeito reflexo
Quem tem duvida de como criar esse efeito, agora vamos apresentar nesse tutorial uma das formas mais simples de criá-lo.

Algumas pessoas gostam de criar esse efeito reflexo no fireworks usando a ferramenta CONVERT TO ALPHA ou aplicando a transparência diretamente sobre a imagem, eu realmente aconselho fazer isso caso o fundo não seja uma imagem de cor sólida.
Mas nesse nosso caso vamos usar uma outra técnica que deixa todo o processo muito mais rápido.


Vamos criar um novo documento no Fireworks de 500 x 400px com fundo branco.
Em seguida vamos escrever a palavra Reflex em Arial Black com tamanho 96 cor #0085DE e smooth anti-alias.

Vamos começar a produzir o efeito reflexo no texto:

Vamos converter o texto em uma imagem, clicando com o botão direito do mouse sobre ele e em CONVERT TO PATHS
imagem um efeito reflexo

O próximo passo é duplicar e inverter a imagem do texto para criar o efeito reflexo

Com o botão direito vamos clicar em EDIT e em seguida em DUPLICATE

imagem dois efeito reflexo

Em seguida vamos inverter a imagem para criar o efeito reflexo, para isso vamos clicar em EDIT e depois em FLIP VERTICAL

imagem tres efeito reflexo

Após inverter a imagem, posicione exatamente abaixo da outra imagem.

Agora vamos criar um retângulo branco sobre a imagem invertida de um tamanho que cubra completamente a imagem.

OBS.: Iremos criar um retângulo branco devido ao nosso fundo ser branco, se a imagem que você está criando tem um fundo de cor diferente, acompanhe a cor do fundo.

Sobre esse retângulo, iremos aplicar um gradiente linear

imagem quatro efeito reflexo

Vamos definir as duas cores do gradiente como branco e vamos modificar a transparência clicando nas setas superiores e definindo a opacidade em zero em uma das partes

imagem cinco efeito reflexo

Você vai perceber que na imagem será criado uma linha preta, modificando o comprimento e posição dessa linha você poderá adequar da melhor forma o gradiente do retângulo até que o efeito reflexo fique perfeito.

Durante a produção desse tutorial nosso resultado foi esse:
imagem seis efeito reflexo

Espero que tenham gostado, fiquem ligados nos nossos próximos tutoriais, até!