Transição de Imagens

[Tristiam 0]

Olá para todos do iMasters,

 

Bom venho recorrer a vocês para que me ajudem em uma tarefa, estou montando o seguinte site:

http://nanbei-ro.webnode.com/

 

Bom, o problema esta na faixa principal que fica mudando as imagens, eu fiz usando Fireworks porém gostaria de por um efeito de transição de imagem. No caso um efeito flash.

 

Tomem como exemplo o seguinte site:

http://www.mmovalhalla.com/ragnarok/

 

Reparem que na faixa que muda as imagens deste site quando vai trocar ele faz um efeito de transição. "Escurece a imagem então muda para outra".

 

Bom alguém pode me ajudar a fazer este efeito no Fireworks, ou alguém do fórum que entenda de fash poderia me fazer esta faixa com a transição, é só por a transição eu mando a PNG da Faixa já.

 

- Obrigado a todos.

[AcquaBlue 0]

Cara, se você fizer no Fireworks você vai ter que exportar em Gif Animado para funcionar no browser, e isso, dependendo da imagem, vai fazer com que perca a qualidade. Eu recomendo que você faça em flash.

 

Se for somente esse banner passando eu te ajudo aqui mesmo (Como funciona de uma forma bem grosseira).

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Abra seu flash em um novo arquivo, ja com os tamanhos que você quer.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Mude a FPS para 30 (eu sempre uso 30, mas é arbitrário, o 12 eu acho pouco mas se não ficar muito chapado deixe 12).

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Importe as imagens que você vai utilizar para a biblioteca.

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif ** Pegue a primeira imagem e bote no primeiro frame.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Faça os cálculos de quantos segundos você quer que dure o Fade (o efeito dele aparecendo). O FPS são os Frames Por Segundo da sua animação, se você escolheu 12 de fps e quer que o fade leve 1 segundo, deverá usar 12 frames, se escolheu 30 de fps, 30 frames 1 segundo, 15 frames meio segundo e assim em diante.

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Por exemplo escolhi um segundo para durar o Fade, e estou com FPS de 30, vou ao frame 30 e dou F6.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Agora quanto tempo a imagem ficará estática, por exemplo 10 segundos (300 frames), vou ao frame 330 (300+o frame atual que é o 30 do fade) e dou f6...

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif ... 30 frames depois outro F6 de novo (no 360).

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Você vai perceber que sua linha do tempo ficará marcado nos frames 1, 30, 330, 360. Do 1 ao 30 será a foto aparecendo, do 330 ao 360 será ela sumindo, o meio, ela estática.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Selecione os frames 1 ao 30 e clique com o botão direito do mouse, e adicione um Motion Tween, os frames de 1 a 30 vão estar com uma seta continua.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif No frame 1 selecione a foto e no painel de propriedades vá em Color. No menu que ele abre, terá a opção Alpha, selecione e abrirá uma caixa para se por uma porcentagem, digite 0. A imagem sumirá no palco, se você for indo alguns frames pra frente verá que lentamente a foto vai aparecendo, esse é o efeito.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Repita esse ultimo passo no frame 360, que fará a foto sumir.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Salve e de Ctrl + Enter para visualizar a animação, ela vai ficar se repetindo nessa primeira imagem, se funcionou fez tudo corretamente.

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Repita todo o processo a partir da etapa marcada com dois asteriscos, so que continuando daonde você parou nos frames, no caso para a segunda foto no frame 361 e assim indo.

 

Se você buscar no forum iMasters pelo efeito Fade ou no Portal ou no Google, achará bastante coisa. Qualquer coisa recomendo perguntar a galera do Flash! =)

[Tristiam 0]

Ac, valeu pela ajuda, eu fiz uma boa busca sobre isto na net, mais sou usuário puro em flash, então para fazer esta faixa estou me complicando todo.

 

Tentei mais não consegui fazer pelo menos parecido com o deles:

http://www.mmovalhalla.com/ragnarok/

 

O do meu site estou usando em gif, então estou procurando alguém que me ajude nesta faixa, é o único serviço que estou precisando e não sei fazer.

Do meu site:

http://nanbei-ro.webnode.com/

 

AcquaBlue, será que se eu postar aqui a source da faixa alguém me faria o favor de recriar ela no flash com efeito de transição?

[AcquaBlue 0]

Então, se você quiser fazer em Gif mesmo, você pode fazer no fireworks mesmo. Vai lhe custar alguns VÁRIOS frames e um bom de trabalho (ja que é tudo manualmente).

 

No fireworks é basicamente criar frames e ir do 0% de transparencia até o 100%, deixa um frame com um tempo longo e depois a mesma coisa até o 0%. Repetindo pela quantidade de imagens.

 

Se você postar a source, acho que dificilmente alguém faria, ja que o intuito do fórum é você aprender.

 

 

To com meu tempo limitado, to deixando uma imagem q segue a ordem dos passos mais ou menos. Destaque o que era importante quando estiver mais livre volto para adicionar legenda =)

 

[Tristiam 0]

Tentei fazer no flash mais não ficou legal, ainda não consegui entender o programa, tipo que fazer com uma imagem eu consegui, mais ir mudando mais de uma ainda to boiando, mais valeu pela ajuda ac.

[AcquaBlue 0]

Para fazer com mais de uma é só você fazer pela segunda vez no frame seguinte a mesma coisa, no caso da foto a partir do frame 31 =)

 

Qualquer coisa peça ajuda no forum de Flash que lá a galera manda melhor que eu para explicar isso! ;)