Olá Pessoal. No meu primeiro artigo, estarei ensinando a criar e exportar arquivos SWF, utilizando as artes feitas no Illustrator.

Este é um recurso muito útil para pequenas animações e mostra a grande facilidade de se trabalhar com vários programas. Nesse particularmente eu utilizei o Illustrator CS3.

1. Primeiro crie um arquivo novo, com as configurações para WEB, como no exemplo abaixo:

2. Agora monte o layout com um plano de fundo em uma camada, podem ser imagens ou apenas um fundo em branco. Após definir o fundo, crie uma nova camada e coloque o objeto que você quer animar, lembrando que só funciona com objetos vetoriais. Faça uma cópia do objeto (arraste segurando o ALT) e posicione-os onde você quer o início e o fim do movimento.

3. Selecione os dois objetos e vá em OBJECT– BLEND – MAKE, ou clique ALT+CTRL+B, você verá que apareceram cópias dos objetos entre o inicial e o final. Agora vá novamente em OBJECT – BLEND – BLEND OPTIONS, configure conforme o quadro abaixo e de OK.

4. Feito isso, apareceram 6 objetos iguais na trajetória. Selecione o objeto final com a ferramenta de SELEÇÃO ( V ) e aumente ele em escala segurando o SHIFT, o programa vai redimensionar os outros automaticamente e isso vai dar um efeito de profundidade legal.

5. Agora a parte mais importante, exportar o arquivo. Vá em FILE – EXPORT, nomeie o arquivo, selecione o tipo – Flash *.SWF e salve, aparecerá um segundo quadro. Nesse temos algumas opções, a primeira coisa a fazer é no quadro EXPORT AS, selecione ALL LAYERS TO SWF FRAMES, e depois a versão do FLASH no quadro abaixo. Mais abaixo existem mais algumas opções, como exportar só a área selecionada (CROP AREA) e os textos como curvas. O próximo passo é clicar nas opções avançadas, ADVANCED.

6. Aqui as opções que você deve selecionar são LOOPING, se quiser que a animação fique se repetindo,  e ANIMATE BLEND IN SEQUENCE. Em EXPORT STATICS LAYERS selecione as camadas do fundo da imagem, que serão exportadas junto com o arquivo animado, mais ficarão estáticas em todos os quadros (Não selecione a camada do objeto animado).

7. Pronto, clique em WEB PREVIEW para ver a animação no seu browser, e depois em OK, você já tem seu arquivo SWF animado feito no Illustrator.

Obrigado, até a próxima e qualquer dúvida é só entrar em contato pelo meu e-mail.

Renato Pacheco (renatospacheco@yahoo.com.br) - Formado em Desenho Industrial pela UNESP Bauru, trabalha atualmente como produtor gráfico, ilustrador e designer gráfico.

Últimas Notícias

• Twitter organiza informações sobre Eleições 2008
• HDTV ganha força a partir de 2010
• Governo lança Fórum de Competitividade em Tecnologia da Info...

Parceiros

Últimos Artigos

• Analisando o Conceito de B.I.
• Assinando e-mails e fazendo bons negócios
• A simplicidade deve prevalecer!