Como criar e testar animações no Fireworks CS5 - dummies

A criação de imagens é um processo simples no Adobe Fireworks Creative Suite 5. A criação de imagens para animações também é simples, mas ligeiramente diferente, em que as imagens são criadas a partir de vários estados que jogam um após o outro para criar a ilusão de movimento.

Crie uma animação

Para criar uma imagem para animação, siga estas etapas:

1. Crie ou abra o objeto que deseja animar.

   Para este exemplo, crie um círculo com a ferramenta Elipse.

2. Com a ferramenta Ponteiro, selecione o círculo.

3. Escolha Janela → Estados.

   Aparece o painel dos Estados, listando um estado.

   

4. No menu do painel no canto superior direito, escolha Estado duplicado.

   Aparece a caixa de diálogo Estado duplicado.

5. Use o controle deslizante Número para adicionar três estados novos.

6. Na seção Inserir estados novos, selecione o botão de opção Estado pós-atual e clique em OK.

   Como todos os estados são idênticos, você não vê nenhuma alteração. Os objetos estão posicionados uns dos outros.

   

Use esfolantes de cebola para obter um bom fluxo

O esfoliante de cebola pode ser uma grande ajuda quando você está tentando criar um bom fluxo para uma animação. Pele de cebola dá-lhe a oportunidade de editar o estado selecionado, mas veja (em uma visão esvaziada) os estados que precedem e após o estado selecionado.

Para usar esfolantes de cebola em uma animação, siga estas etapas:

1. Selecione a linha Estado 2 no painel dos Estados.

2. Clique no botão Onion Skinning no canto inferior esquerdo do painel.

   Aparece uma lista suspensa.

3. Selecione Mostrar todos os estados para mostrar um estado antes e um após o estado selecionado.

Faça a animação mover

Criar a animação real certamente não é ciência do foguete, mas você precisa prestar atenção ao estado selecionado antes de fazer sua jogada.

Para colocar sua animação em movimento, siga estas etapas:

1. Selecione Estado 2 no painel Estados para visualizar o círculo de estado 2.

2. Usando a ferramenta Ponteiro, arraste o círculo um pouco para cima e para a direita.

3. Selecione o Estado 3 para visualizar o círculo do estado 3.

4. Arraste o círculo abaixo e à direita do círculo de estado 2.

5. Selecione o Estado 4 para ver o círculo de estado 4.

6. Arraste o círculo acima e à direita do círculo de estado 3.

   Você deve ver um fluxo que - de forma primitiva - representa uma bola saltitante.

   

Teste a animação

Você pode testar uma animação diretamente na mesa de trabalho Fireworks ou na web.

Teste no Fireworks

O Fireworks fornece vários controles de reprodução no lado direito da janela da mesa de trabalho.Para usar esses controles para testar uma animação no Fireworks, siga estas etapas:

1. Clique no botão Reproduzir para iniciar a animação.

   Observe que o botão Play muda para o botão Parar.

2. Depois de tocar a animação, clique no botão Parar para parar a animação.

Teste na web

O recurso Visualizar no navegador fornece uma idéia mais precisa de como sua animação aparecerá no visualizador. Este procedimento é tão fácil que não são necessárias etapas: Escolha Arquivo → Visualizar no Navegador e selecione o navegador no qual deseja visualizar a animação.

Se a animação não funcionar no seu navegador, verifique se você possui o GIF selecionado como Exportar formato de arquivo no painel Otimizar no Fireworks.