[Tutorial]-Conceito basico de animação
Página 1 de 1
[Tutorial]-Conceito basico de animação
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.
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.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
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
Sáb Abr 09, 2011 3:29 pm por Help
» Jogo Max Payne 3 se passará no Brasil
Sáb Abr 09, 2011 2:35 pm por Help
» Windows 8: o que a próxima versão trará de novo?
Sáb Abr 09, 2011 2:33 pm por Help
» 3D no iPhone: sim, já é possível!
Sáb Abr 09, 2011 2:25 pm por Help
» Novidades Leia
Sáb Abr 09, 2011 2:19 pm por Help