Efeito Faixa de Luz

Nível: Fácil
Programas usados: Photoshop e ImageReady

Sabe aquela faixa de luz que aparece nas fontes dos blends e títulos, que geralmente tem no flogvip? Pois bem, meus amores... aqui explicarei a mágica! Estão prontos? Beleza.

No Photoshop
1º Abra uma nova página em seu Photoshop e com a ferramenta horizontal type tool, o famoso T. Escreva alguma coisa, veja como a minha ficou aqui.
2º Na caixa, na aba de layer, clique com o botão direito do mouse na camada da sua palavra e vá na opção de Blending Options e aparecerá uma janela. Nesta janela, encontre a opção Gradient Overlay. Achou? Beleza.
3º Clique na barra de cores, que no caso aparecerá preto e branco, e mude as cores para branco e para a cor se sua fonte.
4º Feito isso, altere as configurações de porcentagem do lugar de posicionamento das cores: a cor branca deixe para 100% e para outra cor (que no meu caso é o rosa) para 80%, ficando apenas um pouquinho de branco. Viche, complicou né?! Então clique aqui e veja como que é.
5º Colocou para 100% e para 80%? Então faça uma pasta em seu Desktop e depois volte no PS, vá em file e clique em save as para salvar a imagem. Nomeie como 01.gif para ficar mais fácil. Esta pasta só servirá para as imagens que você vai salvar, pois ela tem vários passos.
6º Já que você apenas salvou na pasta a imagem vai estar ainda no PS, então vá em Blending Options novamente e coloque o branco para 80%, o rosa para 60% e crie uma nova setinha de cor. Como se cria? É o seguinte: é só você colocar o mouse logo abaixo da barra de cores bem no comecinho, onde estava a setinha branca, que aparecerá uma mãozinha (tipo as de links de website) e aperte que logo surgirá uma setinha branca. Mude essa nova setinha para rosa (ou para a outra cor que você está usando) e configure-a para 100%. Na minha ficará rosa-branco-rosa.
7º Salve a nova imagem na pasta como 02.gif.
8º Percebeu que está indo de 20 em 20? Então! Na terceira imagem ficará assim: rosa = 40%, branco = 60% e rosa = 80%
9º Agora é só seguir a lógica e diminuir de 20 em 20 as configurações. No final, quando o 1ª rosa chegar ao 0% e você salvar, na próxima imagem delete este rosa deixando branco = 0% e o novo rosa = 20%. Para finalizar, tire o gradiente deixando a fonte sem nenhuma configuração, isto dá o efeito da paradinha, mas se não quiser colocar, tudo bem. Ao acabar de salvar todas na pasta, fica ao todo 7 imagens.

No ImageReady
1º Abra seu IR e vá em File » Import » Folder as Frames, logo aparecerá uma janelinha com os lugares de seu computador e tal. Vá em desktop e clique na sua pasta.
2º Depois de clicar na pasta, aparecerá um mooonte de frames na caixa de animation. Embaixo de cada frame tem o 0 sec que é o tempo requerido. Clique no 0 e vá em Other e coloque para 0,15 sec e clique em ok. Repita isso em todos os frames.
3º Para visualizar o seu gif, vá no botãozinho do Internet Explorer (ou no que aparecer do seu navegador padrão, que é firefox, avant etc) e veja como ele ficará se for exposto na internet. Gostou do tempo de cada frame? Deu uma animação legal? Então feche página do navegador.
4º Vá em File » Save Optimized As e salve sua imagem onde quiser.

Prontinho! Agora você fez o efeito da faixa de luz! É lindo, né? Quer ver como ficou a minha? Clique aqui. Tutorial dedicado para a minha amiga Thami, que me deu esta sugestão de tutorial. xD~


Ajudou? Creditou
tutorial by Ana Flávia Cador
www.MadlyLuv.com © 2008
Apaixone-se Loucamente <3