Crie um Álbum de Fotos Personalizado no Flash CS5

O Adobe Flash CS5 é um programa completo para quem deseja turbinar suas páginas web com recursos como animações e galerias de imagens, além de muitos outros recursos interessantes. O programa possui ainda muitos outros modelos que poderão ajudá-lo na criação de elementos para o seu site, portanto, nada como explorar alguns recursos neste tutorial!

– Nota do moderador: este post  foi escrito originalmente pelo instrutor Elson Lorena, da Microcamp de Praia Grande. Você pode conhecer melhor o Elson e entrar em contato com ele no seu perfil do Facebook ou deixando um recado para ele diretamente nos comentários do Blog. Boa leitura! 

Hoje irei apresentar um tutorial de como aproveitar um modelo pronto de um Álbum de Fotos e usá-lo em exibições de imagens em uma apresentação de Slides com um toque sofisticado e profissional.

Vamos começar?

O que você vai precisar:

• Conhecimentos básicos em Action Script;
• Conhecimentos básicos em elementos do programa Adobe Flash;
• 4 imagens .JPG em uma Pasta.

Preparando os Arquivos

Primeiramente, pegue 4 imagens da sua escolha e salve-as em uma Pasta. Para que nossa galeria fique com um aspecto bonito e organizado, tenha alguns critérios na escolha das imagens. Por exemplo: escolha somente imagens na horizontal ou na vertical, procurando não misturar os formatos, isso vai valorizar mais ainda a beleza do seu trabalho. Procure também imagens com tamanhos iguais e com boa resolução.

Agora vamos renomear as Imagens. Coloque cada Imagem com os seguintes nomes:

• Image1
• Image2
• Image3
• Image4

Em seguida, abra o programa Adobe Flash. Na Janela de abertura do Programa clique na opção Animação.

Agora clique na Aba Modelos e logo em seguida na opção Reprodução de Mídia:

No Grupo ao lado da janela, clique na primeira opção chamada “Álbum de fotos avançado”. Ao fazer isso, um documento será aberto:

Na sequência, você deverá salvar o documento na mesma pasta onde estão as 4 Imagens. Esse detalhe é muito importante para que o Flash encontre o caminho das imagens mais tarde.

Agora teste para ver o resultado, pressionando CTRL+ENTER para assistir sua animação. Note que o Álbum de Fotos reconheceu imediatamente as imagens que estão na pasta. Isso aconteceu porque (a) ele está configurado para achar imagens com os nomes de 1,2,3 e 4; e (b) porque salvamos dentro mesmo diretório (pasta). Como havia mencionado antes, esse detalhe é vital para o funcionamento da galeria.

No próximo passo iremos mudar o texto, pois como estão vendo está aparecendo a palavra Test 1 em cima das miniaturas. Nosso objetivo é mudar is nomes para Imagem 1, imagem 2 e assim sucessivamente. Notem que na Camada “Ações” nós temos no quadro 1 um símbolo com a letra “a”. Temos que selecionar esse quadro e apertar a tecla F9. Uma janela será aberta com os códigos em Action Script:

Embora tudo pareça complicado, não se assuste. Vamos fazer uma alteração apenas na linha de n° 11. Notem que nela os comandos estão chamando as Imagens da galeria. Mas reparem que dentro da Tag temos o atributo Title como “Test”. Temos que substituir essa palavra por Imagem 1, Imagem 2, Imagem 3, Imagem 4 (ou outros de sua preferência) em todas as tags onde isso acontece:

Pronto, notem que agora o Álbum foi finalizado e temos cada miniatura com o seu respectivo nome:

Você pode acrescentar mais imagens e ainda mudar o nome de cada uma. Pode ainda mudar o fundo também, enfim, coloque sua criatividade para funcionar e personalize o documento à sua maneira. Isso fará com que fique mais familiarizado com a estrutura e os comandos do Flash. Quanto mais você lidar com o programa, mais você irá aprimorar os seus conhecimentos!

Continuem estudando e em breve postarei mais tutoriais sobre este incrível programa. Até o próximo post! Não deixem de comentar e compartilhar com seus amigos!