Álbum de fotos com thumbs


Salve Comunidade. Tenho acompanhado as dúvidas da comunidade Fireworks nestas últimas semanas e vejo uma procura muito grande em relação a fazer um mostruário de fotos parecido com os da Paparazzo, Morango, etc. Resolvi então, nesta matéria, desenvolver um álbum de fotos com thumbs.

Abra um novo documento de tamanho 350 x 250px e aplique a cor branca (#FFFFFF) ao fundo da sua tela.

Utilizando a ferramenta retângulo, desenhe um de tamanho 346 x 240px e vamos arredondar as bordas. Vá na aba Propriedades e procure por Retanble Roundness.

Aplique 30 na caixa referente como no exemplo. Selecione a ferramenta Linha.

Desenhe uma linha vertical de tamanho desejado para projetar o efeito de divisão como no nosso exemplo.

Agora vamos importar as imagens para fazermos nosso álbum de fotos usando thumbs. Clique em CTRL+R e navegue até a pasta onde tem a imagem a ser inserida no seu album e depois de OK.

Com a imagem selecionada, use a ferramenta Redimensionar para diminuir a foto até o tamanho desejado no nosso caso redimensionamos até 65 x 44px. São estas fotos que vão servir de thumbs para o nosso album.

Crie um Slice com a ferramenta abaixo, de dimensões 250 x 166px, pois é neste espaço que nossa imagem vai aparecer ao passar o mouse em cima do thumbs.

A aparência do seu álbum deve ser esta:

.

Aperte SHFT+F3 para aparecer a janela de Comportamentos que será necessário para aplicarmos nosso efeito.

Clique na foto e no sinal de (+) que está localizado na parte superior da janela Comportamentos.

Aparecerá uma nova janela. Nela, escolha Slice e clique ok. aparecerá mais uma onde iremos definir nosso efeito. Nesta nova janela escolha Swap Image e depois, na última janela que aparecer, escolha as opções que você vê na imagem abaixo:

.

Na opção Image file: procure a imagem original, pois é esta que vai aparecer ao passar o mouse em cima do seu thumbs. Não esquecendo que você deve apontar para onde vai a foto original

.

Após isto, repita as etapas para todas as fotos e estará pronto o nosso álbum. Semana que vem tem mais.

Publicado em 29 de dezembro de 2008, em Fireworks. Adicione o link aos favoritos. Deixe um comentário.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: