Novidades do Flash CS4 – Novo Tween Motion (Animação Baseada em Objeto)

• Tweet
• Sharebar

• Tweet

Novidades Flash CS4 – Animação Baseada em Objeto

Introdução

Salve Comunidade!

Continuando minha série de artigos sobre as novidades do Flash CS4 vou abordar agora umas das maiores novidades da versão, a completamente nova forma de animação baseada em Objeto.

Relação dos artigos já publicados da série:

Série – Novidades  do Flash CS4

Nova Interface
Integrações e o novo formato XFL

Pré-Requisitos

Para acompanhar esse artigo é necessário que você tenha instalado o Flash Player 10, que pode ser baixado do site da Adobe:

http://get.adobe.com/br/flashplayer/

Para o completo entendimento e aproveitamento dos códigos utilizados nesse artigo, você deve ter conhecimentos básicos em ActionScript 3.0 com foco na estrutura de eventos ouvintes (Listeners).

Para criar seus arquivos com base nos exemplos você deve ter o Flash CS4 instalado na sua máquina.

Download do Flash CS4 do site da Adobe: http://www.adobe.com/downloads/

Nível: Básico

Conteúdo

Até o Flash CS3 toda a criação de animação estava atrelada a um elemento base obrigatório para gerar Tweens, o keyframe (ou quadro-chave).

O keyframe é um recipiente de conteúdo que pode armazenar as diferentes formas de um desenho ou as mudanças de posições de um logotipo por exemplo.

Não interessava o que iríamos fazer fosse animação, vídeo e até mesmo programação a necessidade de keyframes era evidente.

Para criarmos Tweens nós manualmente criávamos novos keyframes com mudança de conteúdo e depois atribuíamos a animação a eles.

E essa é na minha opinião a maior mudança do Flash CS4, um modelo de animação que não está baseado em keyframes, mas sim no próprio objeto que será animado.

Isso de certa forma é até mais lógico porque se vamos manipular um objeto porque toda a informação e controle não fica exatamente nele?

E é sobre essa premissa que está o novo Tween Motion do Flash CS4.

Mas aí vocês me perguntam:

“Como assim novo Tween Motion Danilo? Existe o antigo?”

Sim meus caros, existe.

Até o Flash CS3 nós tínhamos basicamente 2 tipos de Tweens:

• Shape – Para animações que envolvessem vetores (Shapes);
• Motion – Para animações que envolvessem principalmente símbolos;

Agora no Flash CS4 o que era conhecido como Tween Motion, ou seja, uma animação de símbolos baseada em keyframes foi renomeada para Tween Classic.

De maneira resumida tudo o que vocês estão acostumados a fazer com o Tween Motion das antigas versões do Flash agora simplesmente tem o nome de Tween Classic.

O trabalho é o mesmo, criar símbolos, definir keyframes e aplicar Tween entre eles. O único detalhe agora é que o nome mudou para Tween Classic.

Mas e quanto ao novo Tween Motion?

É aqui que a coisa muda (e para muito melhor).

Depois de pensar muito em como explicaria essa nova forma de animação, cheguei a conclusão de que a melhor forma é uma definição objetiva e muitas imagens e exemplos.

Sendo assim:

Tween Motion: Novo tipo de animação do Flash CS4 baseado em objeto e não mais em keyframes.

A idéia é criar um símbolo (Movie Clip) e logo em seguida atribuir ao objeto um Tween Motion.

Aplicada a animação basta mudar as propriedades do objeto, como arrastá-lo pela tela ou mudar seu tamanho e transparência, pois o Flash detecta automaticamente a mudança e cria sozinho keyframes para gerar a animação.

Exemplo:

Em um novo documento do Flash CS4 (ActionScript 3.0) eu tenho o logo do MXSTUDIO transformado em Movie Clip.

Como ele já é Movie Clip basta eu clicar com o btn direito sobre ele para no menu de Contexto aplicar um Tween Motion.

Automaticamente o Flash cria um Tween Motion na Timeline atrelado a esse Movie Clip, que vai usar inicialmente duração de 1 segundo de acordo com a Frame Rate do arquivo (o padrão agora é de 24 fps).

Percebam que o ícone da camada é diferente, assim como o tom de azul que preenche os quadros da animação.

Tendo criado o Tween o Flash muda a playhead (cabeça de leitura) para a última posição desse Tween, para que u possa mudar alguma coisa no objeto.

Aqui eu vou arrastá-lo para outra posição na tela.

Percebam que o Flash criou sozinho um keyframe nessa posição da Timeline e além disso adicionou uma linha verde na tela.

Ela serve para definir a trajetória da animação, sendo assim eu posso deformá-la como se fosse uma linha vetor comum, para isso basta aproximar o cursor sobre ela, clicar e arrastar.

Se por exemplo eu quiser que no meio da Timeline o meu objeto esteja em outro local da tela, basta clicar em algum frame na Timeline e novamente eu apenas movimento o objeto na tela.

O Flash detecta a nova posição, cria um novo keyframe e muda a trajetória automaticamente.

O trabalho com essa metodologia de mexer diretamente no objeto é muito melhor e mais flexível do que tínhamos até então com keyframes manuais.

Outras Vantagens

Se por algum acaso eu precisar mudar a duração da animação até o Flash CS3 teria que mexer em todos os meus keyframes o que daria trabalho e margem a erros.

Com o novo Tween Motion do Flash CS4, basta aproximar o cursor do final do Tween na Time line, que o ícone muda para 2 setas. Com isso é só clicar e arrastar.

Além de ser mais rápida a mudança, o Flash automaticamente distribui de maneira proporcional os novos quadros para que todos os trechos dessa animação tenham o mesmo ganho de duração.

Outra situação bem complicada até então era mover animações.

Agora basta selecionar o objeto animado e com SHIFT pressionado também selecionar a linha da trajetória.

Com os 2 selecionados, eu posso arrastar ou mesmo dimunir a trajetória (com a Free Transform ) que o Flash faz o ajuste para a animação inteira.

O Arquivo final ficou assim:

Conclusão

A nova Animação Baseada em Objeto Tween Motion chega para mudar completamente a forma como trabalhamos com animações de objetos.

O processo ficou mais rápido, simples, intuitivo e fácil de atualizar.

No próximo artigo detalho uma outra forte novidade que trabalha em dueto com a animação baseda em objeto.

Um abraço e até a próxima.

Danilo Santana
Administrador do Portal MXSTUDIO

Escrito por Danilo Santana on novembro 30, 2008. Arquivado em Flash. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo