[TUTORIAL] Efeito de luz ou reflexo
Página 1 de 1 • Compartilhe
[TUTORIAL] Efeito de luz ou reflexo
![]() | Efeito de luz passando pelo nome |
--> Tutorias Design <--
Efeito de luz passando pelo nome
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
![[TUTORIAL] Efeito de luz ou reflexo 267454590](https://2img.net/u/2612/28/77/07/smiles/267454590.png)
![[TUTORIAL] Efeito de luz ou reflexo 267454590](https://2img.net/u/2612/28/77/07/smiles/267454590.png)
![[TUTORIAL] Efeito de luz ou reflexo 267454590](https://2img.net/u/2612/28/77/07/smiles/267454590.png)
![[TUTORIAL] Efeito de luz ou reflexo 267454590](https://2img.net/u/2612/28/77/07/smiles/267454590.png)
Configure os dados segundo a imagem abaixo:
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo WZ8r70I](https://i.imgur.com/WZ8r70I.jpg)
![[TUTORIAL] Efeito de luz ou reflexo WZ8r70I](https://i.imgur.com/WZ8r70I.jpg)
2ºColocando o Texto:
Agora vamos na ferramenta de Texto Horizontal ou Horizontal Type Tool (T)
![[TUTORIAL] Efeito de luz ou reflexo Mb3IaNg](https://i.imgur.com/mb3IaNg.png)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo 4F9Kvqk](https://i.imgur.com/4F9Kvqk.png)
![[TUTORIAL] Efeito de luz ou reflexo 4F9Kvqk](https://i.imgur.com/4F9Kvqk.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
Pronto já colocamos nosso texto!
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo D06w5xl](https://i.imgur.com/d06w5xl.jpg)
![[TUTORIAL] Efeito de luz ou reflexo D06w5xl](https://i.imgur.com/d06w5xl.jpg)
![]() | Animação |
1º - Abrindo a janela de animação:
Vá em
![[TUTORIAL] Efeito de luz ou reflexo 267454590](https://2img.net/u/2612/28/77/07/smiles/267454590.png)
![[TUTORIAL] Efeito de luz ou reflexo XoiRsHN](https://i.imgur.com/xoiRsHN.jpg)
![[TUTORIAL] Efeito de luz ou reflexo 267454590](https://2img.net/u/2612/28/77/07/smiles/267454590.png)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo T9yhGvf](https://i.imgur.com/T9yhGvf.jpg)
![[TUTORIAL] Efeito de luz ou reflexo T9yhGvf](https://i.imgur.com/T9yhGvf.jpg)
Ira ficar desta forma:
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo Bp27VtG](https://i.imgur.com/bp27VtG.jpg)
2º - Selecionando animação em quadros:![[TUTORIAL] Efeito de luz ou reflexo Bp27VtG](https://i.imgur.com/bp27VtG.jpg)
Agora selecione Animação em Quadros:
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo VxghNbk](https://i.imgur.com/vxghNbk.jpg)
![[TUTORIAL] Efeito de luz ou reflexo VxghNbk](https://i.imgur.com/vxghNbk.jpg)
Irá ficar desta forma:
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo 30sI05x](https://i.imgur.com/30sI05x.jpg)
![[TUTORIAL] Efeito de luz ou reflexo 30sI05x](https://i.imgur.com/30sI05x.jpg)
![]() | Fazendo a Animação |
1º - Ferramentas de animação:
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo 1RzSaaU](https://i.imgur.com/1RzSaaU.jpg)
![[TUTORIAL] Efeito de luz ou reflexo 1RzSaaU](https://i.imgur.com/1RzSaaU.jpg)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
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).
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo H6catBD](https://i.imgur.com/h6catBD.jpg)
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).![[TUTORIAL] Efeito de luz ou reflexo H6catBD](https://i.imgur.com/h6catBD.jpg)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo 0BEcXHg](https://i.imgur.com/0BEcXHg.jpg)
Agora apertamos 'Ctrl+T' e giramos o retângulo em diagonal.![[TUTORIAL] Efeito de luz ou reflexo 0BEcXHg](https://i.imgur.com/0BEcXHg.jpg)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo TWABKJn](https://i.imgur.com/tWABKJn.jpg)
Vá em "Opções de mesclagem" e edite conforme a imagem:![[TUTORIAL] Efeito de luz ou reflexo TWABKJn](https://i.imgur.com/tWABKJn.jpg)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo EzJs2rH](https://i.imgur.com/EzJs2rH.jpg)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo Y8JwGNd](https://i.imgur.com/Y8JwGNd.jpg)
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:![[TUTORIAL] Efeito de luz ou reflexo EzJs2rH](https://i.imgur.com/EzJs2rH.jpg)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo Y8JwGNd](https://i.imgur.com/Y8JwGNd.jpg)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo C5F4CVL](https://i.imgur.com/C5F4CVL.png)
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.![[TUTORIAL] Efeito de luz ou reflexo C5F4CVL](https://i.imgur.com/C5F4CVL.png)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo AOKm6Pn](https://i.imgur.com/AOKm6Pn.jpg)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo 3zWrUcj](https://i.imgur.com/3zWrUcj.jpg)
![[TUTORIAL] Efeito de luz ou reflexo AOKm6Pn](https://i.imgur.com/AOKm6Pn.jpg)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo 3zWrUcj](https://i.imgur.com/3zWrUcj.jpg)
Então em repetição colocamos "sempre" (nunca vai parar),e o efeito ficará assim:
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo D355GNz](https://i.imgur.com/d355GNz.gif)
Nossa animação esta pronta!![[TUTORIAL] Efeito de luz ou reflexo D355GNz](https://i.imgur.com/d355GNz.gif)
![]() | Salvando a Animação |
Vá em
![[TUTORIAL] Efeito de luz ou reflexo 267454590](https://2img.net/u/2612/28/77/07/smiles/267454590.png)
![[TUTORIAL] Efeito de luz ou reflexo 267454590](https://2img.net/u/2612/28/77/07/smiles/267454590.png)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo QviFMOX](https://i.imgur.com/qviFMOX.jpg)
Aparecerá esta janela, aperte em salvar e escolha a pasta em que deseja salvar o gif.![[TUTORIAL] Efeito de luz ou reflexo QviFMOX](https://i.imgur.com/qviFMOX.jpg)
(carregue na imagem para aumentar)
![[TUTORIAL] Efeito de luz ou reflexo I6rao0t](https://i.imgur.com/I6rao0t.jpg)
![[TUTORIAL] Efeito de luz ou reflexo I6rao0t](https://i.imgur.com/I6rao0t.jpg)
- 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 |
VitorC.- ⭑ Membro Entusiasta ⭑
-
Membro desde : 22/02/2012
Mensagens : 3793
Pontos : 4938

» [TUTORIAL] Efeito Sharingan
» [TUTORIAL] Efeito Dispersão
» [TUTORIAL] Efeito Neon no link
» [TUTORIAL] Efeito de menu nas categorias
» [TUTORIAL] Texto com efeito de Sangue
» [TUTORIAL] Efeito Dispersão
» [TUTORIAL] Efeito Neon no link
» [TUTORIAL] Efeito de menu nas categorias
» [TUTORIAL] Texto com efeito de Sangue
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos