Acabamos de perceber que não é cadastrado no fórum, tenha a oportunidade de presenciar o melhor design do mundo.

Espero você na area de apresentações hein!
Últimos assuntos
» Analisem meu forum de Crepusculo
Qua Ago 03, 2011 8:23 pm por Ana

» Apresentação P0v04
Seg Jun 27, 2011 11:40 pm por magolos

» Galeria do Magolos
Seg Jun 27, 2011 11:37 pm por magolos

» Proposta
Seg Abr 11, 2011 9:57 am por Help

» Vovô requebrado
Dom Abr 10, 2011 10:41 pm por Pedro Conde Drákula

» Efeito acender e apagar no flash
Sab Abr 09, 2011 3:29 pm por Help

» Jogo Max Payne 3 se passará no Brasil
Sab Abr 09, 2011 2:35 pm por Help

» Windows 8: o que a próxima versão trará de novo?
Sab Abr 09, 2011 2:33 pm por Help

» 3D no iPhone: sim, já é possível!
Sab Abr 09, 2011 2:25 pm por Help

» Novidades Leia
Sab Abr 09, 2011 2:19 pm por Help

Translator

[Tutorial]-Conceito basico de animação

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

Astúcia [Tutorial]-Conceito basico de animação

Mensagem por Help em Sex Fev 04, 2011 9:20 pm

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




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





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.







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.





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




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





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




E ficará assim:




Agora os 2 juntos





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.





E com Hold Interpolation





Agora os 3 juntos






4º- Passo


Salvando. Para salvar vá em Save for Web & Devices > Save.






Olá help, Equipe Renders Designer aconselha;
Bem-vindo ao
Renders Designer
O forum esta ativo desde
Qua 27 Out 2010 - 18:40
!
Não peça suporte por MP "só se for pessoal".
Respeite as regras.
Leia as regras.
Não pratique Flood.
avatar
Help
Administrador
Administrador

Mensagens Mensagens : 197
Pontos Pontos : 5676
Reputação Reputação : 13
Data de inscrição Data de inscrição : 27/10/2010
Idade : 20
Localização Localização : Na minha casa.
Premios : O membro não contem nenhum premio!

http://rendersdesigner.forumeiro.com

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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