Como usar Tweening no Fireworks CS5 - dummies

O Tweening é fornecido como uma ferramenta para animações de ajuste fino no Adobe Fireworks Creative Suite 5. Tweening é o processo de criação de um estado entre dois outros, geralmente como ponto de partida ou parada para a animação. Use interpolação para simular um objeto em movimento, como uma bola saltando, ou desvanecendo uma imagem dentro ou fora de uma animação.

Crie um símbolo

Para usar o recurso de interpolação no Fireworks, você deve ter um símbolo - para este exemplo, uma seta. Para criar este símbolo, siga estes passos:

1. Escolha Arquivo → Novo e crie um novo documento grande o suficiente para conter sua animação.

   Para este exemplo, crie um documento que mede 500 pixels por 500 pixels.

2. Clique e segure a ferramenta Retângulo e selecione a ferramenta Seta na seção Vetor do painel Ferramentas.

3. No canto superior esquerdo da tela, clique e arraste para criar uma pequena seta.

4. Escolha Modificar → Símbolo → Converter em símbolo.

   Aparece a caixa de diálogo Converter para símbolo.

5. Digite um nome apropriado (como Seta) para o símbolo na caixa de texto Nome, selecione o botão de opção Gráfico e clique em OK.

   Fireworks converte seu gráfico de seta para um símbolo.

Clone o símbolo

Depois de criar um símbolo, você precisa clonar o símbolo para criar pontos de início e fim para a animação. Siga estes passos:

1. Selecione o símbolo da seta na tela.

2. Mantendo pressionada a tecla Alt (Windows) ou Opção (Mac), arraste a seta para o canto inferior direito da tela.

   Mantendo pressionada a tecla Alt ou Opção enquanto você arrasta, você está clonando a seta.

   

3. Escolha a ferramenta Escala na seção Selecionar do painel Ferramentas e faça a seta clonada (no canto inferior direito) maior que o original.

4. Usando a ferramenta Ponteiro, posicione os dois símbolos de seta na tela da maneira que você quiser.

   Estes símbolos são os pontos de início e final para a sua animação, então coloque-os onde você deseja que a animação comece e termine.

Tweening os símbolos

Quando você tem duas instâncias do símbolo na área de trabalho, você está pronto para interceptar os símbolos para criar uma animação. Siga estes passos:

1. Use a ferramenta Ponteiro para selecionar um dos símbolos de seta e, em seguida, clique com o botão Shift para clicar em outro para selecionar ambos ao mesmo tempo.

2. Escolha Modificar → Símbolo → Instâncias do Tween.

   Aparece a caixa de diálogo Instâncias do Tween.

3. Digite um valor na caixa de texto Etapas.

   Para este exemplo, digite 5 para criar cinco novos estados (ou quadros) para transformar a pequena seta na flecha grande.

   

4. Se desejar que os símbolos apareçam um de cada vez, você deseja que esses estados sejam distribuídos para estados separados no painel Estados, então marque a caixa de seleção Distribuir para estados.

5. Clique em OK.

6. Teste sua animação clicando no botão Reproduzir na seção inferior direita do espaço de trabalho do Fireworks e depois salve o arquivo.