[TUTORIAL] Efeito de luz ou reflexo

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

efeito - [TUTORIAL] Efeito de luz ou reflexo Empty [TUTORIAL] Efeito de luz ou reflexo

Mensagem por VitorC. 08.09.15 15:57


efeito - [TUTORIAL] Efeito de luz ou reflexo Theme

Efeito de luz passando pelo nome

--> 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.


efeito - [TUTORIAL] Efeito de luz ou reflexo 2tYNykM Primeiros passos

- Criar "Novo Documento":
Vá em efeito - [TUTORIAL] Efeito de luz ou reflexo 267454590 Arquivo efeito - [TUTORIAL] Efeito de luz ou reflexo 267454590 Novo (ou efeito - [TUTORIAL] Efeito de luz ou reflexo 267454590 File efeito - [TUTORIAL] Efeito de luz ou reflexo 267454590 New)
Configure os dados segundo a imagem abaixo:

(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo WZ8r70I


Colocando o Texto:


Agora vamos na ferramenta de Texto Horizontal ou Horizontal Type Tool (T) efeito - [TUTORIAL] Efeito de luz ou reflexo Mb3IaNg. Escolhemos o local onde queremos o texto. Escrevemos o texto desejado.



(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo 4F9Kvqk
efeito - [TUTORIAL] Efeito de luz ou reflexo 110111efeito - [TUTORIAL] Efeito de luz ou reflexo 398853 Fonte: Poderá alterar a fonte do seu texto.
efeito - [TUTORIAL] Efeito de luz ou reflexo 110210efeito - [TUTORIAL] Efeito de luz ou reflexo 398853 Tipo de fonte: Poderá variar entre regular, itálico e negrito.
efeito - [TUTORIAL] Efeito de luz ou reflexo 110310efeito - [TUTORIAL] Efeito de luz ou reflexo 398853 Tamanho: Poderá variar o tamanho do texto.
efeito - [TUTORIAL] Efeito de luz ou reflexo 110410efeito - [TUTORIAL] Efeito de luz ou reflexo 398853 Opções do texto: Poderá colocar o texto à esquerda, à direita ou centralizado.
efeito - [TUTORIAL] Efeito de luz ou reflexo 110510efeito - [TUTORIAL] Efeito de luz ou reflexo 398853 Cor: Poderá escolher a cor do seu texto.

Pronto já colocamos nosso texto!

(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo D06w5xl

efeito - [TUTORIAL] Efeito de luz ou reflexo 2tYNykM Animação

- Abrindo a janela de animação:

Vá em efeito - [TUTORIAL] Efeito de luz ou reflexo 267454590 Janela efeito - [TUTORIAL] Efeito de luz ou reflexo XoiRsHN, efeito - [TUTORIAL] Efeito de luz ou reflexo 267454590 Animação
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo T9yhGvf

Ira ficar desta forma:
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo Bp27VtG
- Selecionando animação em quadros:
Agora selecione Animação em Quadros:
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo VxghNbk

Irá ficar desta forma:
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo 30sI05x

efeito - [TUTORIAL] Efeito de luz ou reflexo 2tYNykM Fazendo a Animação

- Ferramentas de animação:

(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo 1RzSaaU
efeito - [TUTORIAL] Efeito de luz ou reflexo 110111efeito - [TUTORIAL] Efeito de luz ou reflexo 398853 Quadros: Indica em que quadro você esta,poderá alterar a duração de cada um.
efeito - [TUTORIAL] Efeito de luz ou reflexo 110210efeito - [TUTORIAL] Efeito de luz ou reflexo 398853 Repetição: Poderá decidir quantas vezes a animação se repetirá.
efeito - [TUTORIAL] Efeito de luz ou reflexo 110310efeito - [TUTORIAL] Efeito de luz ou reflexo 398853 Criador de quadros: Poderá criar novos quadros.
efeito - [TUTORIAL] Efeito de luz ou reflexo 110410efeito - [TUTORIAL] Efeito de luz ou reflexo 398853 Lixeira: Poderá excluir o quadro selecionado.

- 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)
efeito - [TUTORIAL] Efeito de luz ou reflexo H6catBD
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).
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo 0BEcXHg
Agora apertamos 'Ctrl+T' e giramos o retângulo em diagonal.
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo TWABKJn
Vá em "Opções de mesclagem" e edite conforme a imagem:
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo EzJs2rH
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo Y8JwGNd
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:
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo C5F4CVL
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.
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo AOKm6Pn
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo 3zWrUcj

Então em repetição colocamos "sempre" (nunca vai parar),e o efeito ficará assim:
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo D355GNz
Nossa animação esta pronta!

efeito - [TUTORIAL] Efeito de luz ou reflexo 2tYNykM Salvando a Animação

Vá em efeito - [TUTORIAL] Efeito de luz ou reflexo 267454590 Arquivo
efeito - [TUTORIAL] Efeito de luz ou reflexo 267454590 Salvar para Web e Dispositivos
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo QviFMOX
Aparecerá esta janela, aperte em salvar e escolha a pasta em que deseja salvar o gif.
(carregue na imagem para aumentar)
efeito - [TUTORIAL] Efeito de luz ou reflexo I6rao0t


  • 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


efeito - [TUTORIAL] Efeito de luz ou reflexo Act_bottom 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.

VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos