[Tutorial] Conceito Basico Animação
Página 1 de 1
[Tutorial] Conceito Basico Animação
Título: Conceitos básicos de Animação
Nivel: Básico
Tamanho: Online
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).
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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.
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Depois de criar varios pontos sua animação vai estar assim (quanto mais longe os keyframes, mais lenta será a animação):
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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.[Tens de ter uma conta e sessão iniciada para poderes visualizar 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.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
E ficará assim:[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Agora os 2 juntos
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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.[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
E com Hold Interpolation[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Agora os 3 juntos [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
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
|
|
Qui Jan 30, 2014 11:13 pm por luizuchiha
» [Video] Banda Train - Vi eles no BBB Curte o Video Ai!
Sáb Mar 26, 2011 6:43 pm por PhoDakS
» [CD] Green Day - Awesome As Fuck
Qui Mar 24, 2011 6:29 pm por PhoDakS
» [Sugestao] Shop Para o Forum!
Qui Mar 24, 2011 6:24 pm por PhoDakS
» [AVISO] Trancamento do Forum
Qui Mar 24, 2011 5:34 pm por Neg0
» [Ebooks] As Crônicas de Nárnia
Qui Mar 24, 2011 5:26 pm por Khronos
» [Imagem] Fotos TIradas Antes de Morrer
Qui Mar 24, 2011 4:58 pm por PhoDakS
» [Pedido] Banner de parceria 180x40
Qui Mar 24, 2011 3:51 pm por PhoDakS
» [Discografia] Static-X - 1999~2009
Qui Mar 24, 2011 3:50 pm por PhoDakS
» [Série] Everybody Hates Chris - 1ª Temporada
Qui Mar 24, 2011 3:50 pm por PhoDakS
» [Filme-Portatil] O Procurado (320x240)
Qui Mar 24, 2011 3:46 pm por PhoDakS
» [Imagem] Trollando o Motorista
Qui Mar 24, 2011 3:08 pm por PhoDakS
» [Imagem] Como reconhecer um idiota...
Qui Mar 24, 2011 3:08 pm por PhoDakS
» [Notícia] Internet Explorer 9 já está disponível oficialmente
Qui Mar 24, 2011 3:03 pm por PhoDakS
» [Confirmação] One Teen.
Qui Mar 24, 2011 12:45 pm por Khronos
» [O.S] Windows 7 SP1 x64 & x86 PT-BR
Qua Mar 23, 2011 8:12 pm por Khronos
» [Apostila] Core Java™ 2 Volume II - Advanced Features, Seventh Edition
Qua Mar 23, 2011 8:11 pm por Khronos
» [O.S] Windows Vista Ultimate SP2 BR - x86 e x64 [OFICIAL]
Qua Mar 23, 2011 8:09 pm por Khronos
» [imagem] Alguns não sabem brincar
Qua Mar 23, 2011 2:02 pm por Khronos
» [Imagem] Pastel!?
Qua Mar 23, 2011 1:59 pm por Khronos