•  
     

[TUTORIAL] Slide Show em Flash - Fireworks

Este tutorial será uma “mão na roda” para quem tem pressa em fazer um slide show animado em Flash utilizando apenas o Fireworks. Isso mesmo: SEM ABRIR O FLASH! Acreditam nisso?! 8O
Tudo isso acontecerá devido a uma extensão criada pelo Ucraniano (Vixe! Fui longe agora…hehehe) Viktor Goltvyanitsa. Vamos ao tutorial, então.
Pré-Requisitos

* Conhecimentos básicos com a Adobe Extension Manager (instalador de extensões)
* Adobe Fireworks 2004 MX instalado (no mínimo, mas funciona bem no CS3)
*

Objetivo

* Criar uma animação em slides utilizando o plugin Flash Slide Show.

Conteúdo
1º Passo – Instalando o Plugin

Esta é uma tarefa simples, após baixá-lo em nosso computador, basta darmos dois cliques nele e confirmarmos sua instalação. O ideal é fazer este procedimento antes de abrir o Fireworks.
Imagem
2º Passo – Criando os Frames (quadros)

Primeiro, vamos criar um novo documento com as dimensões 300 x 200px.

Este plugin requer que criemos no mínimo, 3 frames de conteúdo para que o slide show funcione. Para aqueles que ainda não sabem onde fica o painel dos frames, basta dar um SHIFT+F2 e lá estará o “bendito”…hehehe

Como necessitamos de 3 quadros (frames), vamos incluir mais 2 como mostra a imagem abaixo:
Imagem3º Passo – Configurando os Frames

O bom deste plugin é que você pode formatar cada frame da maneira que desejar. Como exemplo, vamos inserir 3 imagens, uma em cada frame, ok?! Para os novatos, clica no frame 1, coloca a imagem; clica no frame 2, coloca outra imagem…. :P

Pra ficar mais organizado, gosto de dar nomes aos frames. Para isso, basta dar dois cliques sobre eles.Imagem

As imagens para download (extraídas do site http://www.sxc.hu), são essas:
Imagem
4º Passo – Ajustando Imagens

Vamos, agora, criar umas “firulas” básicas para deixar as imagens mais apresentáveis.
Imagem
5º Passo -Desvendando as Opções da Extensão

Para acessarmos o plugin (extensão), devemos ir ao menu Commands > Flash Slide Show Lite

Agora, veremos algumas funções de cada seção do plugin.

Configuração de Exportação (Exporting Settings)
Imagem

Elementos do Design da Apresentação (Interface Elements)
Imagem

Execução (Looping)
Imagem

Código-fonte (Code)
Imagem
6º Passo – Apresentação Final

Bem, pessoal, após alguns ajustes, teremos um resultado como este:

Fácil, não?!!

Até a próxima.
 
Amigo, vc apenas esqueceu de dizer o nome do plugin que devemos baixar no fireworks!!