Olá Pessoal !

Neste artigo irei mostrar, passo-a-passo, como criar uma animação 3D utilizando algumas ferramentas no Fireworks MX.

Vamos ao trabalho !

1- Crie um novo documento e insira um texto qualquer, usando a "Ferramenta de Elipse" (U) faça um círculo.Não se preocupe com a cor de preenchimento, veja a figura:



2- Agora com os dois objetos selecionado (Ctrl-A), vá no menu "Text > Attach to Path".

.

3- Feito isso, teremos o seguinte resultado:

Clique aqui para ver a imagem no tamanho original

Para que o texto preencha toda a circunferência, altere o espaçamento entre as letras.

4- Iremos agora criar a animação para nosso texto. Com o objeto "texto" selecionado vá no menu "Modify > Animation > Animate Selection" (Alt+Shift+F8) e configure como a figura abaixo:

Após clicar em OK irá abrir uma nova janela, clique em OK novamente.

5- Crie um novo círculo no centro do texto com um preenchimento de sua preferência.

6- Selecione a ferramenta "Distort Toll" (Q) e ajuste o texto.

7- Agora iremos trabalhar com as camadas (layers), siga com atenção os seguintes passos:

a)- Crie uma nova camada (layer) com o nome "Círculo", copie o círculo (Ctrl-C) para essa nova camada.

b)- Crie uma outra camada chamada "Texto" e copie o texto.

Sua camadas devem ficar com a seguinte estrutura:

8- Feito isso selecione o "círculo" da camada "Animação 3D" e mude o preenchimento para cor "preto".

9- Selecione a ferramenta "Knife Toll" (Y) e faça um corte horizontal no círculo. Delete a metade de superior do círculo, veja figura:

Feito isso, a aparência deve ficar igual a figura abaixo:

10- Agora selecione todos os objetos da camada "Animação 3D" (Ctrl-A) e vá no menu "Modify > Mask > Group as Mask".

Depois de ter mascarado os objetos, selecione a metade inferior do círculo e vá no inspetor de propriedades. Ative a opção "Patch Outline".

11- Bloquei a camada "Texto", selecione todos os objetos das camadas "Animação 3D" e "Círculo" (Ctrl-A).

Agrupe os objetos (Ctrl-G) e copie (Ctrl-C), abra o painel "Frames" (Shift+F2) e cole os objetos no "Frame 2" e desagrupe-os (Cltr+Shift+G), veja a figura:

12- Dentro da "Animação 3D" clique somente na primeira linha (animação) e delete.

Com a "Frame 2" selecionada clique em no botão "Option" e vá em "Copy to Frames..."

13- Apague a "Frame 10", pois ela possui a mesma rotação do Texto da "Frame 1" e isso faz com que a nossa animação tenha uma leve pausa.

14- Configure o tempo da animação para 25, vá no painel "Frames" selecione todas e dê um duplo clique na coluna da direita, veja a figura:

15- Para finalizar iremos exportar nossa animação, "File > Export Wizard", somente clique no botão "Continue". Selecione "Animated Gif", na próxima janela clique em Export e salve.

Faça o download do arquivo PNG.

Boa Sorte !