anterior
Tweet about this on TwitterPin on PinterestShare on LinkedInShare on Google+Email this to someoneShare on Facebook
QR CODE

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!

flash abertura

– 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

Arquivos

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

Animação

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

Album de fotos

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

Documento 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.

Salvar

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.

Album em funcionamento

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:

Código Actionscript

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:

Editando códigos

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

Album finalizado

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!

Próximo

Postado por

Web designer, Ilustrador e produtor visual gráfico, santista de nascimento e de coração, amo o que faço e estou muito feliz em fazer parte da equipe Microcamp.

Postagem Relacionada

Como criar um Vídeo Player no Flash
Você quer inserir um player de vídeo com controles personalizados em suas páginas da web?  Com este