[TUTORIAL] Efeito de luz ou reflexo

--> Tutorias Design <--
Efeito de luz passando pelo nome

Este efeito pode ser chamado também de reflexo e é muito utilizado para dar enfase a textos.

Primeiros passos

1º - Criar "Novo Documento":
Vá em Arquivo Novo (ou File New)
Configure os dados segundo a imagem abaixo:



2ºColocando o Texto:


Agora vamos na ferramenta de Texto Horizontal ou Horizontal Type Tool (T) . Escolhemos o local onde queremos o texto. Escrevemos o texto desejado.

Fonte: Poderá alterar a fonte do seu texto.

Tipo de fonte: Poderá variar entre regular, itálico e negrito.

Tamanho: Poderá variar o tamanho do texto.

Opções do texto: Poderá colocar o texto à esquerda, à direita ou centralizado.

Cor: Poderá escolher a cor do seu texto.

Pronto já colocamos nosso texto!

Animação

1º - Abrindo a janela de animação:

Vá em Janela , Animação

Ira ficar desta forma:
2º - Selecionando animação em quadros:
Agora selecione Animação em Quadros:

Irá ficar desta forma:

Fazendo a Animação

1º - Ferramentas de animação:

Quadros: Indica em que quadro você esta,poderá alterar a duração de cada um.

Repetição: Poderá decidir quantas vezes a animação se repetirá.

Criador de quadros: Poderá criar novos quadros.

Lixeira: Poderá excluir o quadro selecionado.

2º - Animando

Primeiro iremos definir o tempo do primeiro quadro para 2 segundos (Este tempo é opcional mas como quero que o texto fique normal por um tempo antes da animação escolhi 2).
Agora criaremos uma nova camada e usaremos a ferramenta de retângulo para um retângulo (de preferencia não muito largo nem muito curto).
Agora apertamos 'Ctrl+T' e giramos o retângulo em diagonal.
Vá em "Opções de mesclagem" e edite conforme a imagem:
Agora iremos deixar a camada "Plano de Fundo" invisível ( para que o efeito de reflexo seja mais eficiente) clicando no "olho" a esquerda do nome da mesma. Após isso clicamos na camada do retângulo e selecionamos "Criar Máscara de Corte", ficará assim:
Clicaremos no Criador de quadros e alteraremos o tempo do quadro para 0,1s (um decimo de segundo) e moveremos o retângulo para a direita (no meu caso) com as setas,após isso crie um novo quadro e repita varias vezes o que fizemos anteriormente até chegar ao final do nome.

Então em repetição colocamos "sempre" (nunca vai parar),e o efeito ficará assim:
Nossa animação esta pronta!

Salvando a Animação

Vá em Arquivo
Salvar para Web e Dispositivos
Aparecerá esta janela, aperte em salvar e escolha a pasta em que deseja salvar o gif.

• Ficaram umas bolinhas brancas perto da minha animação como tira-las?
  Infelizmente não há como, uma vez que o photoshop não é um programa para animações de qualidade (apenas animações básicas)
  

• Posso utilizar esta animação em outras coisas sem ser textos?
  Sim, esse tipo de animação pode ser usado para ranks, assinaturas, avatar, banners, etc...
  

---

© Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Efeito de luz passando pelo nome