Salve-salve Fireworkseiros de plantão! :D

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)

  •   Download da Extensão do Fireworks: Flash Slid Show
    (111,5 KiB, 1.049 downloads)
    Você precisa ser um usuário registrado e fazer o LOGIN DE ACESSO para completar download deste arquivo. CADASTRE-SE! É de graça ;)

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.

Fig. 01: Plugin instalado

Fig. 01: Plugin instalado

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:

Fig. 02: Criando os frames

Fig. 02: Criando os frames

3º 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.

Fig. 03: Nome p/ os frames

Fig. 03: Nome p/ os frames

As imagens para download (extraídas do site www.sxc.hu), são essas:

4º Passo – Ajustando Imagens

Vamos, agora, criar umas “firulas” básicas para deixar as imagens mais apresentáveis.

Fig. 04: Editando as imagens

Fig. 04: Editando as imagens

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)

Fig. 05: Exporting Settings

Fig. 05: Exporting Settings

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

Fig. 06: Interface Elements

Fig. 06: Interface Elements

Execução (Looping)

Fig. 07: Looping

Fig. 07: Looping

Código-fonte (Code)

Fig. 08: Code

Fig. 08: Code

6º Passo – Apresentação Final

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

Fácil, não?!!

Até a próxima.

CarlosHPS Webdesigner 8)

Blog Widget by LinkWithin