iMasters | Por uma internet mais criativa e dinâmica

Sexta-feira, 13/12/2002 - 03:59 - Por Giovani Generali
Seções relacionadas:

• Fireworks

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 0 comentários

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 !

Todos os artigos de Giovani Generali

13/12/2002 - Sistema de votação - Parte 01 13/12/2002 - Flash MX: Named Anchors 13/12/2002 - Newsletter Simples 13/12/2002 - Dreamweaver MX: Efeito Alpha 13/12/2002 - Guestbook - Parte 03 13/12/2002 - Dreamweaver MX: Exibindo registros por data 13/12/2002 - Flash MX: Templates 13/12/2002 - ColdFusion MX: Novos Recursos 13/12/2002 - Flash MX: Componentes 13/12/2002 - Modificando Registros: Dreamweaver MX 13/12/2002 - Fireworks MX: Plug-ins 13/12/2002 - Excluindo múltiplos registros com checkbox 13/12/2002 - Dreamweaver MX: Exibindo imagens 13/12/2002 - Dreamweaver MX: Criação e manuntenção de um site 13/12/2002 - Flash MX: Vídeos 13/12/2002 - Dreamweaver MX: Recursos de CSS 13/12/2002 - Flash MX: Fs Commands 13/12/2002 - Fireworks MX: Animação 3D 13/12/2002 - Dreamweaver MX: Sistema de banner rotativo 13/12/2002 - Excluindo registros no Dreamweaver MX 13/12/2002 - Dreamweaver MX: Layout View 13/12/2002 - Dreamweaver MX: Transforme tabelas em menus 13/12/2002 - Guestbook - Parte 01 13/12/2002 - Dreamweaver MX: Login automático 13/12/2002 - Flash MX: Máscara Arrastável 13/12/2002 - Dreamweaver MX: Criando uma busca 13/12/2002 - Fireworks MX: Sombra Perspectiva 13/12/2002 - Fireworks MX: Efeito Reflexo 13/12/2002 - Newsletter Simples 13/12/2002 - Dreamweaver MX: Templates 13/12/2002 - Guestbook - Parte 02 13/12/2002 - Dreamweaver MX: Contador de cliques 13/12/2002 - Flash MX: Preloading 13/12/2002 - ColdFusion MX: Arquitetura 29/07/2002 - Plugins Fireworks

0 comentários publicados

Poste um comentário

(clique se não for cadastrado)

Login: Senha: Titulo: digite aqui seu comentário Site/blog: Enviar Receber notificação de novos comentários

Sobre o autor

Giovani Generali trabalha com desenvolvimento de projetos para web desde 2000 e atualmente atua na área de suporte da LocaWeb.

Indique para um amigo

Escreva aqui sua mensagem! ok

Tags relacionadas

lançamento twitter tecnologia microsoft windows seguranca 3g crescimento php web celular android ti youtube brasil yahoo mercado criação apple desenvolvimento mobile google publicidade internet iphone linux

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!