..::Legendary::..
Faça seu Registro ou conecte-se para Ficar Avontade para ver os links,conteudos,e tudo que disponibilizarmos.
Confira tbm as novidades e Atualizações no Ínicio do forum.
Qualquer Duvida, Reclamação ou Sugestão Poste na área de "Recados".

[Tutorial] Conceito Basico Animação

Ir em baixo

[Tutorial] Conceito Basico Animação

Mensagem por Neg0 em Seg Mar 07, 2011 9:33 pm

Título: Conceitos básicos de Animação
Nivel: Básico
Tamanho: Online


Spoiler:
1º- Position

Nessa parte você vai aprender a fazer animações simples de movimento de texto ou caixas.

Essa é a nossa TIMELINE,
como vocês podem ver, ela tem varias opções para serem setadas como:
Position (posição dela na imagem), Opacity (opacidade no momento), Style
(estilo que você pode alterar dando 2 clicks na layer) e Text Warp (não
vou entrar em detalhes, pois não acho util no momento).


[Você precisa estar registrado e conectado para ver esta imagem.]


Agora você deve clickar no relogio que está na linha do Position, ao clickar ele gera um KEYFRAME de inicio que será o frame onde a sua imagem começará a fazer parte da animação.


[Você precisa estar registrado e conectado para ver esta imagem.]




Para adicionar animação basta mover a linha que marca o Timeline e depois mover a imagem na aréa de trabalho do photoshop. Como podem ver, é criado um Keyframe na timeline.

[Você precisa estar registrado e conectado para ver esta imagem.]


[Você precisa estar registrado e conectado para ver esta imagem.]


Depois de criar varios pontos sua animação vai estar assim (quanto mais longe os keyframes, mais lenta será a animação):

[Você precisa estar registrado e conectado para ver esta imagem.]


Caso você queira que sua imagens simplesmente apareceça do nada é só você marcar essa opção Hold Interpolation.


[Você precisa estar registrado e conectado para ver esta imagem.]

[Você precisa estar registrado e conectado para ver esta imagem.]


2º Opacity

Agora
é a hora da opacidade, é a mesma coisa que com o position, só que aqui
você regula a opacidade que ela irá aparecer, bom pra fazer "letreiros
piscando" ou seu nome/nick aparecendo e desaparecendo. Não vou detalhar
aqui, pois se você leu acima, vai entender a "lógica" desse.
[Você precisa estar registrado e conectado para ver esta imagem.]


Você
também pode fazer com que a opacidade o mesmo que foi feito com o
movimento, podendo mudar de opacidade instantaneamente, marcando como Hold Interpolation.

[Você precisa estar registrado e conectado para ver esta imagem.]


E ficará assim:
[Você precisa estar registrado e conectado para ver esta imagem.]


Agora os 2 juntos


[Você precisa estar registrado e conectado para ver esta imagem.]


3º- Styles
Nesse
momento acho que não existe mais nada a ser explicado, a não ser o que
são styles, para os que não sabem. Style são aquela coisinha que você
faz normalmente na sua tipografica pra deixar ela mais encorpada e
bonita. Para entrar no meu styles bata 1 duplo click na layer que você
quer editar e mudar conforme sua vontade. Agora o exemplo de style em
transição e style instantaneo, lembrando mais uma vez, que para fazer o
ultimo basta por Hold Interpolation.

[Você precisa estar registrado e conectado para ver esta imagem.]


E com Hold Interpolation

[Você precisa estar registrado e conectado para ver esta imagem.]


Agora os 3 juntos [Você precisa estar registrado e conectado para ver esta imagem.]


[Você precisa estar registrado e conectado para ver esta imagem.]


4º- Passo

Salvando. Para salvar vá em Save for Web & Devices > Save.
avatar
Neg0
Legendary Fundador
Legendary Fundador

Mensagens : 181
Gold : 505
Reputação : 0
Data de inscrição : 17/02/2011
Idade : 25
Localização : Entre o Pc e a Cadeira!
País de Origem : Brasil
Respeito às Regras :

http://forumlegendary.forumeiros.com

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Nos Acompanhe no...

Visitas