Introdução à Animação com Hype Record

• Pode 17, 2024

O Hype possui um recurso muito bom para o animador iniciante, chamado de recurso de gravação. Para usar esse recurso, basta clicar no grande botão vermelho Record. É isso que faremos neste tutorial.

Como aprendemos, para criar uma animação, precisamos apenas de um quadro inicial e final. Por exemplo, para diminuir o tamanho de um retângulo enquanto ele se move pela tela, diríamos ao Hype em qual quadro iniciar a animação e em qual quadro parar. Como estamos trabalhando com animação baseada na linha do tempo, podemos conversar com o Hype usando quadros-chave na Linha do tempo. E, você adivinhou, colocaremos esses quadros-chave nesses dois quadros especiais de início e parada.

Quando o Hype vê um quadro-chave, ele anota as propriedades de um objeto, como um retângulo, na tela. Apenas algumas das propriedades que o Hype observará são Opacidade, Origem à esquerda, Origem à direita, Altura do tamanho e Largura do tamanho. Essas propriedades correspondem às propriedades de estilo CSS em um documento HTML5. O Hype armazena os valores dessas propriedades junto com a posição ou o quadro correspondente na linha do tempo.

Nosso primeiro passo na criação dessa amostra de animação é dizer ao Hype qual o tamanho para fazer o retângulo e onde colocá-lo na tela no início e no final da animação. Podemos fazer tudo isso com o botão Gravar.

1. Clique em Arquivo - Novo para iniciar um novo documento no Hype, usando as configurações padrão.
   
   Vamos adicionar o retângulo à tela.
   
   
2. Clique no ícone Elementos na barra de ferramentas e escolha Retângulo. O Hype colocará um novo retângulo no centro da tela.
   
   Vamos colocar o retângulo onde queremos que seja para o início da animação. Como manteremos o tamanho padrão, tudo o que precisamos fazer é mover o retângulo.
   
   
3. Arraste o retângulo para a borda esquerda da tela.
   
   
4. Dê uma olhada no Metrics Inspector. O retângulo agora tem 7 pixels da borda esquerda e 149 pixels da borda superior. Além disso, são 102 x 102 pixels.
   
   

Agora, queremos que o retângulo se mova para a borda direita e reduza 50%. Além disso, queremos que isso ocorra em apenas 30 quadros. Digamos ao Hype essas informações por meio do recurso Gravar no próximo tutorial.

Continuar

Instruções De Vídeo: Halo: The Master Chief Collection/ 3 ODST/ Conquista Cereal Animado Matinal (Pode 2024).